"Fossies" - the Fresh Open Source Software Archive

Member "horizon-14.0.4/openstack_dashboard/static/dashboard/scss/components/_checkboxes.scss" (22 Oct 2019, 841 Bytes) of package /linux/misc/openstack/horizon-14.0.4.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 @import '/horizon/lib/font_awesome/scss/variables';
    2 @import '/horizon/lib/font_awesome/scss/mixins';
    3 
    4 //
    5 // Checkboxes
    6 // This will ONLY work when the label's 'for' attribute
    7 // shares the input[type=checkbox]'s 'id' value
    8 // --------------------------------------------------
    9 
   10 .themable-checkbox {
   11 
   12   // Hide the real checkbox
   13   input[type=checkbox] {
   14     display:none;
   15 
   16     // The checkbox - Unchecked
   17     & + label {
   18       margin-bottom: 0;  // remove the Bootstrap margin
   19 
   20       &:before {
   21         @include fa-icon();
   22         content: $fa-var-square-o;
   23         width: 1em;
   24         vertical-align: middle;
   25       }
   26 
   27       & > span {
   28         padding-left: $padding-small-vertical;
   29         vertical-align: middle;
   30       }
   31     }
   32 
   33     // The checkbox - Checked
   34     &:checked + label:before {
   35       content: $fa-var-check-square-o;
   36     }
   37   }
   38 }