File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master/border/icon.less
Back
// // Component: Icon // // ======================================================================== // Variables // ======================================================================== // // New // @icon-button-border-width: 0; @icon-button-border: transparent; @icon-button-hover-border: transparent; @icon-button-active-border: transparent; @internal-icon-button-border-image-slice: ~''; @internal-icon-button-border-image-width: ~''; @internal-icon-button-border-image-repeat: ~''; @internal-icon-button-border-image: ~''; // Style modifiers // ======================================================================== // // Link // .hook-icon-link() {} .hook-icon-link-hover() {} .hook-icon-link-active() {} // // Button // .hook-icon-button() when not (@icon-button-border-width = 0) and not (@internal-icon-button-border-image = ~'') { border-image-slice: @internal-icon-button-border-image-slice !important; border-image-width: @internal-icon-button-border-image-width !important; border-image-repeat: @internal-icon-button-border-image-repeat !important; } // Color .hook-icon-button() when not (@icon-button-border-width = 0) { border: @icon-button-border-width solid @icon-button-border; } .hook-icon-button-hover() when not (@icon-button-border-width = 0) { border-color: @icon-button-hover-border; } .hook-icon-button-active() when not (@icon-button-border-width = 0) { border-color: @icon-button-active-border; } // Image .hook-icon-button() when not (@icon-button-border-width = 0) and not (@internal-icon-button-border-image = ~'') { .svg-fill(@internal-icon-button-border-image, "#000", @icon-button-border, border-image-source); } .hook-icon-button-hover() when not (@icon-button-border-width = 0) and not (@internal-icon-button-border-image = ~'') { .svg-fill(@internal-icon-button-border-image, "#000", @icon-button-hover-border, border-image-source); } .hook-icon-button-active() when not (@icon-button-border-width = 0) and not (@internal-icon-button-border-image = ~'') { .svg-fill(@internal-icon-button-border-image, "#000", @icon-button-active-border, border-image-source); } // Miscellaneous // ======================================================================== .hook-icon-misc() {} // Inverse // ======================================================================== @inverse-icon-button-border: transparent; @inverse-icon-button-hover-border: transparent; @inverse-icon-button-active-border: transparent; .hook-inverse-icon-link() {} .hook-inverse-icon-link-hover() {} .hook-inverse-icon-link-active() {} .hook-inverse-icon-button() when not (@icon-button-border-width = 0) { border-color: @inverse-icon-button-border; } .hook-inverse-icon-button-hover() when not (@icon-button-border-width = 0) { border-color: @inverse-icon-button-hover-border; } .hook-inverse-icon-button-active() when not (@icon-button-border-width = 0) { border-color: @inverse-icon-button-active-border; } .hook-inverse-icon-button() when not (@icon-button-border-width = 0) and not (@internal-icon-button-border-image = ~'') { .svg-fill(@internal-icon-button-border-image, "#000", @inverse-icon-button-border, border-image-source); } .hook-inverse-icon-button-hover() when not (@icon-button-border-width = 0) and not (@internal-icon-button-border-image = ~'') { .svg-fill(@internal-icon-button-border-image, "#000", @inverse-icon-button-hover-border, border-image-source); } .hook-inverse-icon-button-active() when not (@icon-button-border-width = 0) and not (@internal-icon-button-border-image = ~'') { .svg-fill(@internal-icon-button-border-image, "#000", @inverse-icon-button-active-border, border-image-source); }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings