File manager - Edit - /home/aissorg/public_html/images/axdgdfg/sgdfssfdgsd/_groups.scss.tar
Back
home/aissorg/public_html/scss/custom-styles/components/_groups.scss 0000644 00000002062 15117431552 0022017 0 ustar 00 /* * Element groups */ html { .group { @include group(20px, 15px); @include media-breakpoint-up(lg) { @include groupX(30px); } } .group-xs { @include group(7px); } .group-sm { @include group(10px); } .group-lg { @include group(40px, 25px); } .group-xl { @include group(30px, 20px); @include media-breakpoint-up(lg) { @include group-media(45px, 20px); } } .group-sm-justify { .button { padding-left: 20px; padding-right: 20px; } @include media-breakpoint-up(md) { display: flex; align-items: center; justify-content: center; > * { flex-grow: 1; flex-shrink: 0; } .button { min-width: 130px; padding-left: 20px; padding-right: 20px; } } } // Mods .group-middle { display: table; vertical-align: middle; > * { vertical-align: middle; } } } * + .group { margin-top: 30px; } * + .group-xs { margin-top: 35px; } * + .group-sm { margin-top: 30px; } * + .group-xl { margin-top: 20px; } home/aissorg/public_html/scss/custom-styles/mixins/_groups.scss 0000644 00000001177 15117433745 0021155 0 ustar 00 // Element-groups @mixin group($offset-x, $offset-y: $offset-x) { margin-bottom: -$offset-y; margin-left: -$offset-x; &:empty { margin-bottom: 0; margin-left: 0; } > * { display: inline-block; margin: 0 0 $offset-y $offset-x; } } @mixin group-media($offset-x, $offset-y: $offset-x) { margin-bottom: -$offset-y; margin-left: -$offset-x; > * { margin-bottom: $offset-y; margin-left: $offset-x; } } @mixin groupX($offset-x) { margin-left: -$offset-x; > * { margin-left: $offset-x; } } @mixin groupY($offset-y) { margin-bottom: -$offset-y; > * { margin-bottom: $offset-y; } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings