File manager - Edit - /home/autoph/public_html/portal/ajs/vendors/bower_components/material-shadows/material-shadows.less
Back
// // Name: Material Shadows // Description: Paper shadows of material design. // Version: 2.0.1 // // Author: Denis Malinochkin // Git: https://github.com/mrmlnc/material-shadows // // twitter: @mrmlnc // // ------------------------------------ // Mixins // ------------------------------------ // Generator for top shadow .z-depth-top(@depth: 1) { @color: .12, .19, .19, .21, .22; @offset-y: 2px, 6px, 17px, 25px, 40px; @blur: 10px, 20px, 50px, 55px, 77px; box-shadow+: 0 extract(@offset-y, @depth) extract(@blur, @depth) rgba(0, 0, 0, extract(@color, @depth)); } // Generator for bottom shadow .z-depth-bottom(@depth: 1) { @color: .16, .2, .24, .22, .2; @offset-y: 2px, 8px, 12px, 16px, 27px; @blur: 5px, 17px, 15px, 28px, 24px; box-shadow+: 0 extract(@offset-y, @depth) extract(@blur, @depth) rgba(0, 0, 0, extract(@color, @depth)); } // Generator for top and bottom shadow .z-depth(@depth: 1) { .z-depth-bottom(@depth); .z-depth-top(@depth); } // Generator animation hover and focus effect .z-depth-animation(@depth, @orientation: full) { &:hover, &:focus { & when (@orientation = full) { .z-depth(@depth); } & when (@orientation = top) { .z-depth-top(@depth); } & when (@orientation = bottom) { .z-depth-bottom(@depth); } } } // Classes // ------------------------------------ .z-depth-class(@animation: true, @time: .28s, @function: cubic-bezier(.4, 0, .2, 1)) { // Generator for shadow classes .generate-depth-class(@i: 1, @count) when (@i =< @count) { &-@{i} { .z-depth(@i); &-top { .z-depth-top(@i); } &-bottom { .z-depth-bottom(@i); } } .generate-depth-class(@i + 1, @count); } .generate-depth-class(1, 5); // z-depth-animation &-animation when (@animation = true) { .z-depth-1, .z-depth-2, .z-depth-3, .z-depth-4, .z-depth-5 { transition: box-shadow @time @function; } } }
| ver. 1.4 |
.
| PHP 7.3.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings