libretic
/
grav-theme-libretic
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Services Transitions Updates

This commit is contained in:
Karol Orzeł 2015-01-27 22:30:13 +01:00
parent 48f44d546e
commit f8f2b1cd21
3 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css-compiled/template.css
View File

@ -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 {

2
css-compiled/template.css.map
View File

File diff suppressed because one or more lines are too long

18
scss/template/modular/_text.scss
View File

@ -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;