UNPKG

node-mirror

Version:

node.js + CodeMirror = Great IDE and Admin Tool

80 lines (66 loc) 2.02 kB
/* CheckBox * * Styling CheckBox mainly includes: * * 1. Containers * .dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image * * 2. CheckBox within ToggleButton * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image * * 3. Checked state * .dijitCheckBoxChecked - for checked background-color|image * .dijitToggleButtonChecked - for border, background-color|image, display and width|height * * 4. Hover state * .dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image * * 5. Disabled state * .dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image */ @import "../variables"; .dark .dijitToggleButton .dijitCheckBoxIcon { background-image: url("../@{image-checkmark}"); } .dj_ie6 .dark .dijitToggleButton .dijitCheckBoxIcon { background-image: url("../@{image-checkmark-ie6}"); } .dark .dijitCheckBox, .dark .dijitCheckBoxIcon /* inside a toggle button */ { background-image: url("../@{image-form-checkbox-and-radios}"); /* checkbox sprite image */ background-repeat: no-repeat; width: 15px; height: 16px; margin: 0 2px 0 0; padding: 0; } .dj_ie6 .dark .dijitCheckBox, .dj_ie6 .dark .dijitCheckBoxIcon /* inside a toggle button */ { background-image: url("../@{image-form-checkbox-and-radios-ie6}"); /* checkbox sprite image */ } .dark .dijitCheckBox, .dark .dijitToggleButton .dijitCheckBoxIcon { /* unchecked */ background-position: -15px; } .dark .dijitCheckBoxChecked, .dark .dijitToggleButtonChecked .dijitCheckBoxIcon { /* checked */ background-position: -0; } .dark .dijitCheckBoxDisabled { /* disabled */ background-position: -75px; } .dark .dijitCheckBoxCheckedDisabled { /* disabled but checked */ background-position: -60px; } .dark .dijitCheckBoxHover { /* hovering over an unchecked enabled checkbox */ background-position: -45px; } .dark .dijitCheckBoxCheckedHover { /* hovering over an checked enabled checkbox */ background-position: -30px; }