Файловый менеджер

Файловый менеджер - Редактировать - /home/infrafs/www/wp-content/themes/trackstore/assets/css/scss/_mixins.scss

Назад
//layout mixins - start @mixin eltdTableLayout() { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } @mixin eltdTableCellLayout() { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; } @mixin eltdRelativeHolderLayout() { position: relative; display: inline-block; width: 100%; vertical-align: middle; } @mixin eltdAbsoluteHolderLayout() { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } @mixin eltdTypographyLayout() { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } //layout mixins - end //transition mixins - start @mixin eltdTransition($transition-param...) { -webkit-transition: $transition-param; -moz-transition: $transition-param; transition: $transition-param; } @mixin eltdTransitionTransform($transition-param...) { -webkit-transition: -webkit-transform $transition-param; -moz-transition: -moz-transform $transition-param; transition: transform $transition-param; } @mixin eltdTransform($transform-param...) { -webkit-transform: $transform-param; -moz-transform: $transform-param; transform: $transform-param; } @mixin eltdAnimation($animation-param...) { -webkit-animation: $animation-param; -moz-animation: $animation-param; animation: $animation-param; } @mixin eltdTransformOrigin($animation-param...) { -webkit-transform-origin: $animation-param; -moz-transform-origin: $animation-param; transform-origin: $animation-param; } //transition mixins - end /* common mixins - start / @mixin eltdBckImageStyle(){ background-size: cover; background-repeat: no-repeat; background-position: center center; } @mixin eltdImageZoomHoverStyle(){ overflow:hidden; img { @include eltdTransition(all .32s ease-in-out); } &:hover { img { @include eltdTransform(scale(1.05)); } } } @mixin eltdUnderlineHoverStyle(){ position:relative; &:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; transform-origin:left; @include eltdTransition(all .32s ease-in-out); @include eltdTransform(scale(0,1)); } &:hover { &:after { @include eltdTransform(scale(1,1)); } } } @mixin eltdImageOverlayHoverStyle($with-hover: true){ @if ($with-hover) { &:hover { &:after { opacity: 1; } } &:after { @include eltdAbsoluteHolderLayout(); content: ''; background-color: rgba($default-heading-color, .4); opacity: 0; @include eltdTransition(opacity .2s ease-in-out); } } @else { @include eltdAbsoluteHolderLayout(); content: ''; background-color: rgba($default-heading-color, .4); opacity: 0; @include eltdTransition(opacity .2s ease-in-out); } } @mixin eltdButtonDefaultStyle() { font-family: $default-heading-font; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: none; font-size: 16px; line-height: 2em; letter-spacing: -0.4px; font-weight: 600; text-transform: uppercase; box-sizing: border-box; margin: 0; @include eltdTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out); } @mixin eltdButtonTransparentColor() { color: $default-text-color; background-color: transparent; } @mixin eltdButtonSolidColor() { color: #fff; background-color: $default-dark-color; border: 1px solid transparent; } @mixin eltdButtonSolidHoverColor() { color: $default-dark-color; background-color: transparent; border: 1px solid $default-dark-color; } @mixin eltdButtonOutlineColor() { color: $default-dark-color; background-color: transparent; border: 1px solid $default-dark-color; } @mixin eltdButtonOutlineHoverColor() { color: #fff; background-color: $default-dark-color; border-color: $default-dark-color; } @mixin eltdButtonSmallParams() { padding: 7px 37px; } @mixin eltdButtonMediumParams() { padding: 9px 57px; } @mixin eltdButtonLargeParams() { padding: 11px 77px; } @mixin eltdButtonHugeParams() { display: block; text-align: center; padding: 11px 27px; } @mixin eltdPlaceholder { &::-webkit-input-placeholder { @content } &:-moz-placeholder { @content } &::-moz-placeholder { @content } &:-ms-input-placeholder { @content } } / common mixins - end / //media query mixins - start @mixin laptop-landscape-large { @media only screen and (max-width: map-get($breakpoints, laptop-landscape-large)) { @content; } } @mixin laptop-landscape-medium { @media only screen and (max-width: map-get($breakpoints, laptop-landscape-medium)) { @content; } } @mixin laptop-landscape { @media only screen and (max-width: map-get($breakpoints, laptop-landscape)) { @content; } } @mixin ipad-landscape { @media only screen and (max-width: map-get($breakpoints, ipad-landscape)) { @content; } } @mixin ipad-portrait { @media only screen and (max-width: map-get($breakpoints, ipad-portrait)) { @content; } } @mixin phone-landscape { @media only screen and (max-width: map-get($breakpoints, phone-landscape)) { @content; } } @mixin phone-portrait { @media only screen and (max-width: map-get($breakpoints, phone-portrait)) { @content; } } @mixin smaller-phone-portrait { @media only screen and (max-width: map-get($breakpoints, smaller-phone-portrait)) { @content; } } //media query mixins - end //animation mixin - start @mixin keyframes($name) { @-webkit-keyframes #{$name} { @content; } @keyframes #{$name} { @content; } } @mixin animation($name, $duration, $repeat, $timing, $delay) { -webkit-animation-name: $name; -webkit-animation-duration: $duration; -webkit-animation-iteration-count: $repeat; -webkit-animation-timing-function: $timing; -webkit-animation-delay: $delay; -webkit-animation-fill-mode: forwards; / this prevents the animation from restarting! / animation-name: $name; animation-duration: $duration; animation-iteration-count: $repeat; animation-timing-function: $timing; animation-delay: $delay; animation-fill-mode: forwards; / this prevents the animation from restarting! */ } //animation mixin - end

| ver. 1.4 | Github | . | PHP 8.2.29 | Генерация страницы: 0 | proxy | phpinfo | Настройка