mirror of
https://github.com/papercss/papercss
synced 2024-06-01 21:42:22 +02:00
Remove redundant translate mixin
This commit is contained in:
parent
0a63478761
commit
aaab501dc8
|
@ -25,7 +25,6 @@
|
||||||
|
|
||||||
.modal-body {
|
.modal-body {
|
||||||
@include transition;
|
@include transition;
|
||||||
@include translate(-50%, -50%);
|
|
||||||
backface-visibility: hidden;
|
backface-visibility: hidden;
|
||||||
background: $white;
|
background: $white;
|
||||||
border: 2px solid $muted-light;
|
border: 2px solid $muted-light;
|
||||||
|
@ -33,6 +32,7 @@
|
||||||
padding: 1.25rem;
|
padding: 1.25rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
|
||||||
@include resp(sm) {
|
@include resp(sm) {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
|
@ -171,22 +171,7 @@ $shadow-hover: 2px 8px 8px -5px $shadow-color-hover !default;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Add transform: translate().
|
Add transition styles to selector
|
||||||
Same syntax for translate() and translate3d()
|
|
||||||
To get 3D add a $z value and set 'true'
|
|
||||||
@param string | boolean
|
|
||||||
@default 0 | false
|
|
||||||
*/
|
|
||||||
@mixin translate($x, $y, $z: 0, $transform3d: false) {
|
|
||||||
@if $transform3d {
|
|
||||||
transform: translate3d($x, $y, $z);
|
|
||||||
} @else {
|
|
||||||
transform: translate($x, $y);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Add global transition styles to selector
|
|
||||||
@param string
|
@param string
|
||||||
@default all | 235ms | ease-in-out | 0
|
@default all | 235ms | ease-in-out | 0
|
||||||
*/
|
*/
|
||||||
|
@ -201,8 +186,8 @@ $shadow-hover: 2px 8px 8px -5px $shadow-color-hover !default;
|
||||||
*/
|
*/
|
||||||
@mixin shadow($type: regular) {
|
@mixin shadow($type: regular) {
|
||||||
@if $type == hover {
|
@if $type == hover {
|
||||||
@include translate(0, 2px, 0, true);
|
|
||||||
box-shadow: $shadow-hover;
|
box-shadow: $shadow-hover;
|
||||||
|
transform: translate3d(0, 2px, 0);
|
||||||
} @else if $type == small {
|
} @else if $type == small {
|
||||||
@include transition($animation: ease);
|
@include transition($animation: ease);
|
||||||
box-shadow: $shadow-small;
|
box-shadow: $shadow-small;
|
||||||
|
|
Loading…
Reference in a new issue