Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-21 20:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add customisation variables

Browse Source
This commit is contained in:
Jeremy Thomas
2017-07-28 21:05:15 +01:00
parent 2e08a844d7
commit 1be49f2190
47 changed files with 888 additions and 683 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
sass/components/dropdown.sass Normal file → Executable file
View File

@@ -1,17 +1,17 @@
$dropdown-content-background: $white !default
$dropdown-content-background-color: $white !default
$dropdown-content-arrow: $link !default
$dropdown-content-offset: 4px !default
$dropdown-content-radius: $radius !default
$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
$dropdown-content-z: 20 !default
$dropdown-item: $grey-dark !default
$dropdown-item-hover: $black !default
$dropdown-item-hover-background: $background !default
$dropdown-item-active: $primary-invert !default
$dropdown-item-active-background: $primary !default
$dropdown-item-color: $grey-dark !default
$dropdown-item-hover-color: $black !default
$dropdown-item-hover-background-color: $background !default
$dropdown-item-active-color: $primary-invert !default
$dropdown-item-active-background-color: $primary !default
$dropdown-divider-background: $border !default
$dropdown-divider-background-color: $border !default
.dropdown
display: inline-flex
@@ -38,14 +38,14 @@ $dropdown-divider-background: $border !default
z-index: $dropdown-content-z
.dropdown-content
background-color: $dropdown-content-background
background-color: $dropdown-content-background-color
border-radius: $dropdown-content-radius
box-shadow: $dropdown-content-shadow
padding-bottom: 0.5rem
padding-top: 0.5rem
.dropdown-item
color: $dropdown-item
color: $dropdown-item-color
display: block
font-size: 0.875rem
line-height: 1.5
@@ -56,14 +56,14 @@ a.dropdown-item
padding-right: 3rem
white-space: nowrap
&:hover
background-color: $dropdown-item-hover-background
color: $dropdown-item-hover
background-color: $dropdown-item-hover-background-color
color: $dropdown-item-hover-color
&.is-active
background-color: $dropdown-item-active-background
color: $dropdown-item-active
background-color: $dropdown-item-active-background-color
color: $dropdown-item-active-color
.dropdown-divider
background-color: $dropdown-divider-background
background-color: $dropdown-divider-background-color
border: none
display: block
height: 1px