Sha256: 3e6903c402f386f272fa6623da6e9639ec787b6abec364c54df9eeb88cff5585
Contents?: true
Size: 1.66 KB
Versions: 4
Compression:
Stored size: 1.66 KB
Contents
$drop-down-button-menu-background-color: #eee !default;
$drop-down-button-menu-active-item-background-color: #ddd !default;
$drop-down-button-menu-disabled-item-text-color: #ddd !default;
$drop-down-button-menu-border-color: #aaa !default;
.drop_down_button {
display: inline-block;
position: relative;
> button.has_icon_and_text {
@include icon-button;
}
> button.has_icon_only {
@include icon-only-button;
}
}
.drop_down_button_menu {
visibility: hidden;
pointer-events: none;
opacity: 0;
@include transition(visibility 100ms, opacity 100ms);
position: absolute;
z-index: 1;
padding: 1px;
border: solid 1px $drop-down-button-menu-border-color;
background-color: $drop-down-button-menu-background-color;
&.is_visible {
@include transition(visibility 0ms, opacity 100ms);
visibility: visible;
pointer-events: auto;
opacity: 1;
}
}
.drop_down_button_item {
a,
.label {
padding: 7px 15px;
}
a {
display: none;
cursor: pointer;
&:hover {
background-color: $drop-down-button-menu-active-item-background-color;
}
}
.label {
cursor: default;
}
&.is_selectable {
a {
display: block;
}
.label {
display: none;
}
}
&.is_disabled a {
color: $drop-down-button-menu-disabled-item-text-color;
&:hover {
background-color: inherit;
}
}
&.is_checked a {
@include background-icon-left($left: 15px, $font-size: 15px);
@include fa-check-icon;
}
.drop_down_button_item a {
padding-left: 39px;
}
ul {
border-bottom: solid 1px $drop-down-button-menu-border-color;
padding-bottom: 1px;
margin-bottom: 1px;
}
}
Version data entries
4 entries across 4 versions & 1 rubygems