1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-13 23:02:23 +04:00
Files
tabler/assets/scss/dashboard/_chips.scss
T
2018-02-19 20:23:01 +01:00

45 lines
680 B
SCSS

.chips {
margin: 0 0 -.5rem;
.chip {
margin: 0 .5rem .5rem 0;
}
}
.chip {
display: inline-block;
height: 2rem;
line-height: 2rem;
font-size: px2rem(14px);
font-weight: 500;
color: $text-muted-dark;
padding: 0 .75rem;
border-radius: 1rem;
background-color: $gray-100;
transition: .3s background;
.avatar {
float: left;
margin: 0 .5rem 0 -.75rem;
height: 2rem;
width: 2rem;
border-radius: 50%;
}
.close {
cursor: pointer;
float: right;
font-size: 1.3rem;
padding-left: .5rem;
line-height: inherit;
margin-left: .25rem;
}
@at-root a#{&} {
&:hover {
color: inherit;
text-decoration: none;
background-color: $gray-200;
}
}
}