dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

// login flip WIP

Browse Source
This commit is contained in:
Kevin Granger
2013-10-14 09:57:02 +02:00
parent 80c8605264
commit 59435fa2ee
5 changed files with 201 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-dev/themes/default/css/admin-theme.css
+38
View File
@@ -9565,6 +9565,44 @@ textarea {
.ladda-button[data-size=xl] .ladda-label {
font-size: 1.5em; }
/* line 1, admin-theme/_admin-login.sass */
.flip-container {
perspective: 1000; }
/* line 4, admin-theme/_admin-login.sass */
.flip-container:hover .flipper, .flip-container.hover .flipper {
transform: rotateY(180deg); }
/* line 8, admin-theme/_admin-login.sass */
.flip-container, .front, .back {
width: 420px;
height: 420px; }
/* line 14, admin-theme/_admin-login.sass */
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative; }
/* line 19, admin-theme/_admin-login.sass */
.front, .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0; }
/* line 26, admin-theme/_admin-login.sass */
.front {
z-index: 2; }
/* line 29, admin-theme/_admin-login.sass */
.back {
transform: rotateY(180deg); }
/* line 32, admin-theme/_admin-login.sass */
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
transform: rotateY(180deg); }
/* line 1, admin-theme/_admin-carrier-wizard.sass */
#carrier_wizard {
position: relative;
admin-dev/themes/default/css/admin-theme.sass
+1 -1
View File
@@ -106,8 +106,8 @@ fieldset > .row
@import "admin-theme/ladda"
@import "admin-theme/ladda-theme"
//page specific
@import "admin-theme/admin-login"
@import "admin-theme/admin-carrier-wizard"
@import "admin-theme/admin-modules"
@import "admin-theme/admin-dashboard"
admin-dev/themes/default/css/admin-theme/_admin-login.sass
+35
View File
@@ -0,0 +1,35 @@
.flip-container
perspective: 1000
.flip-container:hover .flipper,
.flip-container.hover .flipper
transform: rotateY(180deg)
.flip-container,
.front,
.back
width: 420px
height: 420px
.flipper
transition: 0.6s
transform-style: preserve-3d
position: relative
.front,
.back
backface-visibility: hidden
position: absolute
top: 0
left: 0
.front
z-index: 2
.back
transform: rotateY(180deg)
.flip-container:hover .flipper,
.flip-container.hover .flipper,
.flip-container.flip .flipper
transform: rotateY(180deg)