Services Transitions Updates
This commit is contained in:
parent
48f44d546e
commit
f8f2b1cd21
3 changed files with 15 additions and 17 deletions
|
@ -1398,11 +1398,11 @@ ul.pagination {
|
||||||
display: table;
|
display: table;
|
||||||
clear: both; }
|
clear: both; }
|
||||||
.callout .pricing-container .pricing-item {
|
.callout .pricing-container .pricing-item {
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 24.3%;
|
width: 24.3%;
|
||||||
margin-right: 0.3rem;
|
margin-right: 0.3rem;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
vertical-align: middle;
|
|
||||||
position: relative; }
|
position: relative; }
|
||||||
@media only all and (max-width: 47.938em) {
|
@media only all and (max-width: 47.938em) {
|
||||||
.callout .pricing-container .pricing-item {
|
.callout .pricing-container .pricing-item {
|
||||||
|
@ -1414,11 +1414,11 @@ ul.pagination {
|
||||||
.callout .pricing-container .pricing-item {
|
.callout .pricing-container .pricing-item {
|
||||||
width: 22.5%; } }
|
width: 22.5%; } }
|
||||||
.callout .pricing-container .pricing-item:hover {
|
.callout .pricing-container .pricing-item:hover {
|
||||||
margin-top: -1rem; }
|
-webkit-transform: scale(1, 1.08);
|
||||||
.callout .pricing-container .pricing-item:hover .name {
|
-moz-transform: scale(1, 1.08);
|
||||||
padding: 1rem 0; }
|
-ms-transform: scale(1, 1.08);
|
||||||
.callout .pricing-container .pricing-item:hover .foot {
|
-o-transform: scale(1, 1.08);
|
||||||
padding: 1.5rem 0; }
|
transform: scale(1, 1.08); }
|
||||||
.callout .pricing-container .pricing-item div {
|
.callout .pricing-container .pricing-item div {
|
||||||
background: #f7f7f7; }
|
background: #f7f7f7; }
|
||||||
.callout .pricing-container .pricing-item .name {
|
.callout .pricing-container .pricing-item .name {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -146,29 +146,27 @@ $image-margin: 2rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
.pricing-item {
|
.pricing-item {
|
||||||
@extend .default-animation;
|
@extend .default-animation;
|
||||||
|
-webkit-transform:translateZ(0);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 24.3%;
|
width: 24.3%;
|
||||||
margin-right: 0.3rem;
|
margin-right: 0.3rem;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
vertical-align: middle;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
@include breakpoint(mobile-only) {
|
@include breakpoint(mobile-only) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@include breakpoint(tablet-range) {
|
@include breakpoint(tablet-range) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@include breakpoint(desktop-range) {
|
@include breakpoint(desktop-range) {
|
||||||
width: 22.5%;
|
width: 22.5%;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
margin-top: -1rem;
|
-webkit-transform:scale(1,1.08);
|
||||||
.name {
|
-moz-transform:scale(1,1.08);
|
||||||
padding: 1rem 0;
|
-ms-transform:scale(1,1.08);
|
||||||
}
|
-o-transform:scale(1,1.08);
|
||||||
.foot {
|
transform:scale(1,1.08);
|
||||||
padding: 1.5rem 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
div {
|
div {
|
||||||
background: $main-bg;
|
background: $main-bg;
|
||||||
|
|
Loading…
Reference in a new issue