편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 |
||
(사용자 2명의 중간 판 4개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
. | .folding-margin-remove { | ||
margin: 0 -10px -5.666px; | 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 { | .mobileBtn:active { | ||
animation-name: | animation-name: btn-background; | ||
animation-duration: .5s; | animation-duration: .5s; | ||
animation-iteration-count: 1; | animation-iteration-count: 1; | ||
animation-timing-function: steps(1, end); | animation-timing-function: steps(1, end); | ||
animation-fill-mode: forwards; | animation-fill-mode: forwards; | ||
} | |||
.tit-margin-remove { | |||
margin: -5.666px -10px; | |||
} | } | ||
} | } | ||
@keyframes | @keyframes btn-background { | ||
from { | from { | ||
background: | background: blue; | ||
background: rgba(0, 0, 255, 0.1); | |||
} | } | ||
to { | to { | ||
background: | background: inherit; | ||
} | } | ||
} | } | ||
@media screen and (min-width: 768px) { | @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; | 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; | |||
} | } | ||
} | } |
2024년 2월 23일 (금) 20:57 판
@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: inherit;
}
}
@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;
}
}