Sha256: e778ad3863c22967470f5aca122efad1d4bec2933a22a0744fc8a5c17d1514ac
Contents?: true
Size: 1.28 KB
Versions: 44
Compression:
Stored size: 1.28 KB
Contents
@import "tagsinput";
$tag-padding: .25rem;
$tag-margin: .2rem;
.input__tag{
background-color: rgba($medium-gray, .5);
border-radius: $input-radius;
padding: $tag-padding;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
span{
color: $secondary;
}
}
// Override defaults
.bootstrap-tagsinput{
// Use foundation precalculated methods to get accurate form css properties
$height: ($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom'));
$tag-line-height: rem-calc(22);
$span-height: ($input-font-size * unitless-calc($tag-line-height)) + (get-side($tag-padding, 'top') + get-side($tag-padding, 'bottom')) - rem-calc(1);
width: 100%;
border: $border;
min-height: $height;
padding-bottom: $tag-margin / 4;
&.focus{
outline: none;
border: $input-border-focus;
background-color: $input-background-focus;
box-shadow: $input-shadow-focus;
@if has-value($input-transition){
transition: $input-transition;
}
}
input{
height: $span-height;
display: inline-block;
}
.tag{
color: inherit;
margin-right: 0; // fix whitespace
margin-bottom: $tag-margin;
}
}
Version data entries
44 entries across 44 versions & 1 rubygems