Sha256: 93c255b4ac371a30e720f40aa4513237d2c113145c0ff7ef97ff6cecf0b29c66
Contents?: true
Size: 1.75 KB
Versions: 16
Compression:
Stored size: 1.75 KB
Contents
//
// dropdown.scss
// Extended from Bootstrap
//
.dropdown-menu {
padding-left: $dropdown-padding-x;
padding-right: $dropdown-padding-x;
}
// Item
.dropdown-item {
width: auto;
min-width: 100%;
margin-left: -$dropdown-padding-x;
margin-right: -$dropdown-padding-x;
@include hover-focus {
outline: none;
}
}
.dropdown-item + .dropdown-item {
margin-top: $dropdown-item-spacing-y;
}
// Link (optional)
.dropdown-link {
color: inherit;
@include hover {
text-decoration: inherit;
}
@include hover-focus {
outline: none;
}
}
// Header
.dropdown-header {
margin-left: -$dropdown-padding-x;
margin-right: -$dropdown-padding-x;
padding-top: 0;
padding-bottom: $headings-margin-bottom;
font-size: $h6-font-size;
font-weight: $font-weight-bold;
line-height: $h6-line-height;
text-transform: uppercase;
letter-spacing: .08em;
}
// Toggle
.dropdown-toggle::after {
font-family: "Feather";
vertical-align: middle;
border: none !important;
content: "\e92e";
}
.dropright > .dropdown-toggle::after {
content: "\e930";
}
// Sizing
.dropdown-menu-md {
min-width: $dropdown-min-width-md;
}
.dropdown-menu-lg {
min-width: $dropdown-min-width-lg;
}
.dropdown-menu-xl {
min-width: $dropdown-min-width-xl;
}
.dropdown-menu-lg,
.dropdown-menu-xl {
padding: $dropdown-padding-y-lg $dropdown-padding-x-lg;
.dropdown-item,
.dropdown-header {
margin-left: -$dropdown-padding-x-lg;
margin-right: -$dropdown-padding-x-lg;
padding-left: $dropdown-item-padding-x-lg;
padding-right: $dropdown-item-padding-x-lg;
}
}
// Positioning
.dropright > .dropdown-menu {
top: -$dropdown-padding-y;
}
Version data entries
16 entries across 16 versions & 2 rubygems