"Fossies" - the Fresh Open Source Software Archive

Member "bulma/sass/form/select.sass" (8 May 2022, 1999 Bytes) of package /linux/www/bulma-0.9.4.zip:

As a special service "Fossies" has tried to format the requested text file into HTML format (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file. See also the latest Fossies "Diffs" side-by-side code changes report for "select.sass": 0.9.3_vs_0.9.4.

    1 $select-colors: $form-colors !default
    2 
    3 .select
    4   display: inline-block
    5   max-width: 100%
    6   position: relative
    7   vertical-align: top
    8   &:not(.is-multiple)
    9     height: $input-height
   10   &:not(.is-multiple):not(.is-loading)
   11     &::after
   12       @extend %arrow
   13       border-color: $input-arrow
   14       +ltr-position(1.125em)
   15       z-index: 4
   16   &.is-rounded
   17     select
   18       border-radius: $radius-rounded
   19       +ltr-property("padding", 1em, false)
   20   select
   21     @extend %input
   22     cursor: pointer
   23     display: block
   24     font-size: 1em
   25     max-width: 100%
   26     outline: none
   27     &::-ms-expand
   28       display: none
   29     &[disabled]:hover,
   30     fieldset[disabled] &:hover
   31       border-color: $input-disabled-border-color
   32     &:not([multiple])
   33       +ltr-property("padding", 2.5em)
   34     &[multiple]
   35       height: auto
   36       padding: 0
   37       option
   38         padding: 0.5em 1em
   39   // States
   40   &:not(.is-multiple):not(.is-loading):hover
   41     &::after
   42       border-color: $input-hover-color
   43   // Colors
   44   @each $name, $pair in $select-colors
   45     $color: nth($pair, 1)
   46     &.is-#{$name}
   47       &:not(:hover)::after
   48         border-color: $color
   49       select
   50         border-color: $color
   51         &:hover,
   52         &.is-hovered
   53           border-color: bulmaDarken($color, 5%)
   54         &:focus,
   55         &.is-focused,
   56         &:active,
   57         &.is-active
   58           box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
   59   // Sizes
   60   &.is-small
   61     +control-small
   62   &.is-medium
   63     +control-medium
   64   &.is-large
   65     +control-large
   66   // Modifiers
   67   &.is-disabled
   68     &::after
   69       border-color: $input-disabled-color !important
   70       opacity: 0.5
   71   &.is-fullwidth
   72     width: 100%
   73     select
   74       width: 100%
   75   &.is-loading
   76     &::after
   77       @extend %loader
   78       margin-top: 0
   79       position: absolute
   80       +ltr-position(0.625em)
   81       top: 0.625em
   82       transform: none
   83     &.is-small:after
   84       font-size: $size-small
   85     &.is-medium:after
   86       font-size: $size-medium
   87     &.is-large:after
   88       font-size: $size-large