mirror of
https://github.com/chinchang/web-maker.git
synced 2025-07-31 18:50:14 +02:00
style.css: prettier
This commit is contained in:
@@ -88,7 +88,7 @@ button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.flex-shrink-0 {
|
.flex-shrink-0 {
|
||||||
flex-shrink: 0
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fr {
|
.fr {
|
||||||
@@ -167,9 +167,11 @@ button {
|
|||||||
.block--mobile {
|
.block--mobile {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ml-0--mobile {
|
.ml-0--mobile {
|
||||||
margin-left: 0rem;
|
margin-left: 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hide-on-mobile {
|
.hide-on-mobile {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
@@ -179,6 +181,7 @@ button {
|
|||||||
.show-on-mobile {
|
.show-on-mobile {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex--desk {
|
.flex--desk {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
@@ -504,6 +507,7 @@ body:not(.light-version).overlay-visible .main-container {
|
|||||||
transform: scale(0.9);
|
transform: scale(0.9);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
@@ -1014,6 +1018,7 @@ body > #demo-frame {
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateX(50px);
|
transform: translateX(50px);
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: translateX(0px);
|
transform: translateX(0px);
|
||||||
@@ -1087,15 +1092,18 @@ body > #demo-frame {
|
|||||||
22% {
|
22% {
|
||||||
transform: translate3d(-1px, 0, 0);
|
transform: translate3d(-1px, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
5%,
|
5%,
|
||||||
20% {
|
20% {
|
||||||
transform: translate3d(2px, 0, 0);
|
transform: translate3d(2px, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
7%,
|
7%,
|
||||||
12%,
|
12%,
|
||||||
17% {
|
17% {
|
||||||
transform: translate3d(-4px, 0, 0);
|
transform: translate3d(-4px, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
10%,
|
10%,
|
||||||
15% {
|
15% {
|
||||||
transform: translate3d(4px, 0, 0);
|
transform: translate3d(4px, 0, 0);
|
||||||
@@ -1171,6 +1179,7 @@ body > #demo-frame {
|
|||||||
0% {
|
0% {
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
@@ -1329,21 +1338,27 @@ body > #demo-frame {
|
|||||||
from {
|
from {
|
||||||
transform: none;
|
transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
15% {
|
15% {
|
||||||
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
30% {
|
30% {
|
||||||
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
45% {
|
45% {
|
||||||
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
60% {
|
60% {
|
||||||
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
75% {
|
75% {
|
||||||
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
transform: none;
|
transform: none;
|
||||||
}
|
}
|
||||||
@@ -1574,15 +1589,19 @@ body:not(.is-app) .show-when-app {
|
|||||||
body {
|
body {
|
||||||
font-size: 70%;
|
font-size: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-header {
|
.main-header {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-header__btn-wrap {
|
.main-header__btn-wrap {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal__content {
|
.modal__content {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.saved-items-pane {
|
.saved-items-pane {
|
||||||
width: 77vw;
|
width: 77vw;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
|
Reference in New Issue
Block a user