Files
namaste/html/sass/mdb/pro/_chips.scss
gramps 373ebc8c93 Archive: Namaste PHP AMQP framework v1.0 (2017-2020)
952 days continuous production uptime, 40k+ tp/s single node.
Original corpo Bitbucket history not included — clean archive commit.
2026-04-05 09:49:30 -07:00

69 lines
1.7 KiB
SCSS
Executable File

// Chips
.chip {
display: inline-block;
height: $chip-height;
font-size: $chip-font-size;
font-weight: $chip-font-weight;
color: $chip-font-color;
line-height: $chip-line-height;
padding: 0 $chip-padding-right;
@include border-radius($chip-br);
background-color: $chip-background-color;
margin-bottom: $chip-margin-bottom;
margin-right: $chip-margin-right;
img {
float: left;
margin: 0 $chip-img-margin-right 0 $chip-img-margin-left;
height: $chip-img-height;
width: $chip-img-width;
@include border-radius(50%);
}
.close {
cursor: pointer;
float: right;
font-size: $chip-close-font-size;
line-height: $chip-close-line-height;
padding-left: $chip-close-padding-left;
@include transition(all 0.1s linear);
}
}
.chips {
outline: none;
box-shadow: none;
border: none;
border-bottom: 1px solid $input-border-color;
margin-bottom: $chips-margin-bottom;
min-height: $chips-min-height;
padding-bottom: $chips-padding-bottom;
@include transition(all .3s);
&.focus {
border-bottom: 1px solid $input-focus-color;
box-shadow: 0 1px 0 0 $input-focus-color;
}
&:hover {
cursor: text;
}
.tag.selected {
border-bottom: 1px solid $input-focus-color;
color: $white;
}
.input {
display: inline-block;
background: none;
border: 0;
outline: 0;
padding: 0 !important;
width: $chips-input-width !important;
color: $chips-input-font-color;
font-size: $chips-input-font-size;
font-weight: $chips-input-font-weight;
height: $chips-input-height;
margin-right: $chips-input-margin-right;
line-height: $chips-input-line-height;
&:focus {
border: 0 !important;
box-shadow: none !important;
}
}
}