File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master/box-shadow/button.less
Back
// // Component: Button // // ======================================================================== // Variables // ======================================================================== // // New // @button-default-box-shadow: none; @button-default-hover-box-shadow: none; @button-default-active-box-shadow: none; @button-primary-box-shadow: none; @button-primary-hover-box-shadow: none; @button-primary-active-box-shadow: none; @button-secondary-box-shadow: none; @button-secondary-hover-box-shadow: none; @button-secondary-active-box-shadow: none; @button-danger-box-shadow: none; @button-danger-hover-box-shadow: none; @button-danger-active-box-shadow: none; // Component // ======================================================================== .hook-button() {} .hook-button-hover() {} .hook-button-active() {} // Style modifiers // ======================================================================== .hook-button-default() when not (@button-default-box-shadow = none) { box-shadow: @button-default-box-shadow; } .hook-button-default-hover() when not (@button-default-hover-box-shadow = none) { box-shadow: @button-default-hover-box-shadow; } .hook-button-default-active() when not (@button-default-active-box-shadow = none) { box-shadow: @button-default-active-box-shadow; } // // Primary // .hook-button-primary() when not (@button-primary-box-shadow = none) { box-shadow: @button-primary-box-shadow; } .hook-button-primary-hover() when not (@button-primary-hover-box-shadow = none) { box-shadow: @button-primary-hover-box-shadow; } .hook-button-primary-active() when not (@button-primary-active-box-shadow = none) { box-shadow: @button-primary-active-box-shadow; } // // Secondary // .hook-button-secondary() when not (@button-secondary-box-shadow = none) { box-shadow: @button-secondary-box-shadow; } .hook-button-secondary-hover() when not (@button-secondary-hover-box-shadow = none) { box-shadow: @button-secondary-hover-box-shadow; } .hook-button-secondary-active() when not (@button-secondary-active-box-shadow = none) { box-shadow: @button-secondary-active-box-shadow; } // // Danger // .hook-button-danger() when not (@button-danger-box-shadow = none) { box-shadow: @button-danger-box-shadow; } .hook-button-danger-hover() when not (@button-danger-hover-box-shadow = none) { box-shadow: @button-danger-hover-box-shadow; } .hook-button-danger-active() when not (@button-danger-active-box-shadow = none) { box-shadow: @button-danger-active-box-shadow; } // Disabled // ======================================================================== .hook-button-disabled() { box-shadow: none; } // Size modifiers // ======================================================================== .hook-button-small() {} .hook-button-large() {} // Text modifier // ======================================================================== .hook-button-text() {} .hook-button-text-hover() {} .hook-button-text-disabled() {} // Link modifier // ======================================================================== .hook-button-link() {} // Miscellaneous // ======================================================================== .hook-button-misc() {} // Inverse // ======================================================================== @inverse-button-default-box-shadow: none; @inverse-button-default-hover-box-shadow: none; @inverse-button-default-active-box-shadow: none; @inverse-button-primary-box-shadow: none; @inverse-button-primary-hover-box-shadow: none; @inverse-button-primary-active-box-shadow: none; @inverse-button-secondary-box-shadow: none; @inverse-button-secondary-hover-box-shadow: none; @inverse-button-secondary-active-box-shadow: none; .hook-inverse-button-default() when not (@button-default-box-shadow = none) { box-shadow: @inverse-button-default-box-shadow; } .hook-inverse-button-default-hover() when not (@button-default-hover-box-shadow = none) { box-shadow: @inverse-button-default-hover-box-shadow; } .hook-inverse-button-default-active() when not (@button-default-active-box-shadow = none) { box-shadow: @inverse-button-default-active-box-shadow; } .hook-inverse-button-primary() when not (@button-primary-box-shadow = none) { box-shadow: @inverse-button-primary-box-shadow; } .hook-inverse-button-primary-hover() when not (@button-primary-hover-box-shadow = none) { box-shadow: @inverse-button-primary-hover-box-shadow; } .hook-inverse-button-primary-active() when not (@button-primary-active-box-shadow = none) { box-shadow: @inverse-button-primary-active-box-shadow; } .hook-inverse-button-secondary() when not (@button-secondary-box-shadow = none) { box-shadow: @inverse-button-secondary-box-shadow; } .hook-inverse-button-secondary-hover() when not (@button-secondary-hover-box-shadow = none) { box-shadow: @inverse-button-secondary-hover-box-shadow; } .hook-inverse-button-secondary-active() when not (@button-secondary-active-box-shadow = none) { box-shadow: @inverse-button-secondary-active-box-shadow; } .hook-inverse-button-text() {} .hook-inverse-button-text-hover() {} .hook-inverse-button-text-disabled() {} .hook-inverse-button-link() {}
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings