|
|
9번째 줄: |
9번째 줄: |
| width: 100%; | | width: 100%; |
| opacity: 0; | | opacity: 0; |
| }
| |
| @media screen and (max-width: 768px) {
| |
| .folding-margin-remove {
| |
| margin: 0 -10px -5.666px;
| |
| }
| |
| .folding-margin-remove-width {
| |
| margin: 0 -10px -5.666px;
| |
| }
| |
| .folding-margin-remove-width-multi {
| |
| margin: 0 -10px 0;
| |
| }
| |
| .mobileBtn:active {
| |
| animation-name: btn-background;
| |
| animation-duration: .5s;
| |
| animation-iteration-count: 1;
| |
| animation-timing-function: steps(1, end);
| |
| animation-fill-mode: forwards;
| |
| }
| |
| .tit-margin-remove {
| |
| margin: -5.666px -10px;
| |
| }
| |
| }
| |
| @keyframes btn-background {
| |
| from {
| |
| background: blue;
| |
| background: rgba(0, 0, 255, 0.1);
| |
| }
| |
| to {
| |
| background: none;
| |
| }
| |
| }
| |
| @media screen and (min-width: 768px) {
| |
| .folding-margin-remove {
| |
| margin: 0 -9.666px -5.166px;
| |
| }
| |
| .folding-margin-remove-width {
| |
| margin: 0 -9.677px -5.166px;
| |
| }
| |
| .folding-margin-remove-width-multi {
| |
| margin: 0 -9.677px 0;
| |
| }
| |
| .tit-margin-remove {
| |
| margin: 0 -9.666px -5.166px;
| |
| }
| |
| } | | } |