♻️ chip

This commit is contained in:
Vanessa 2023-03-23 11:59:35 +08:00
parent 5a6c28b0cd
commit 6fc4ba4298
6 changed files with 30 additions and 21 deletions

View file

@ -17,13 +17,6 @@
box-sizing: border-box;
border-radius: 0 0 4px 4px;
overflow: hidden;
.b3-chip--secondary {
padding: 0 8px;
font-size: 12px;
line-height: 16px;
margin-right: 8px;
}
}
&__repoheader {

View file

@ -3,18 +3,34 @@ a.b3-chip:hover {
background-color: #ea4aaa;
}
.b3-chips {
display: flex;
padding: 4px;
.b3-chip {
margin: 4px;
}
}
.b3-chip {
background-color: var(--b3-list-hover);
color: var(--b3-theme-on-background);
line-height: 32px;
line-height: 16px;
font-weight: 400;
font-size: 0.8125rem;
display: inline-flex;
align-items: center;
box-sizing: border-box;
padding: 0 16px;
padding: 8px 12px;
border-radius: 16px;
transition: var(--b3-transition);
&--small {
padding: 0 8px;
font-size: 12px;
line-height: 16px;
}
&--secondary {
background-color: var(--b3-theme-secondary);
color: var(--b3-theme-on-secondary);
@ -26,9 +42,9 @@ a.b3-chip:hover {
}
svg {
margin-right: 4px;
margin-left: -4px;
height: 14px;
width: 14px;
margin-right: 6px;
margin-left: -5px;
height: 16px;
width: 16px;
}
}

View file

@ -1,9 +1,9 @@
.b3-select {
border: 0;
border-radius: 4px;
padding: 4px 8px;
line-height: 20px;
padding: 4px 26px 4px 8px;
box-sizing: border-box;
line-height: 20px;
color: var(--b3-theme-on-background);
transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color .2s cubic-bezier(0, 0, .2, 1) 0ms;
min-width: 200px;