File Manager

Current Directory: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master/box-shadow
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master/box-shadow/button.less
// // Component: Button // // ======================================================================== // Variables // ======================================================================== // // New // @button-default-box-shadow: none; @button-default-hover-box-shadow: none; @button-primary-box-shadow: none; @button-primary-hover-box-shadow: none; @button-secondary-box-shadow: none; @button-secondary-hover-box-shadow: none; @button-danger-box-shadow: none; @button-danger-hover-box-shadow: none; // Component // ======================================================================== .hook-button() {} .hook-button-hover() {} .hook-button-focus() {} .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() {} // // 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() {} // // 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() {} // // 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() {} // 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 // ======================================================================== .hook-inverse-button-default() when not (@button-default-box-shadow = none) { box-shadow: none } .hook-inverse-button-default-hover() when not (@button-default-hover-box-shadow = none) { box-shadow: none } .hook-inverse-button-default-active() {} .hook-inverse-button-primary() when not (@button-primary-box-shadow = none) { box-shadow: none } .hook-inverse-button-primary-hover() when not (@button-primary-hover-box-shadow = none) { box-shadow: none } .hook-inverse-button-primary-active() {} .hook-inverse-button-secondary() when not (@button-secondary-box-shadow = none) { box-shadow: none } .hook-inverse-button-secondary-hover() when not (@button-secondary-hover-box-shadow = none) { box-shadow: none } .hook-inverse-button-secondary-active() {} .hook-inverse-button-text() {} .hook-inverse-button-text-hover() {} .hook-inverse-button-text-disabled() {} .hook-inverse-button-link() {}