편집토론문서 역사

틀:펼치기 접기/styles.css: 두 판 사이의 차이

< 틀:펼치기 접기
편집 요약 없음
편집 요약 없음
 
(사용자 3명의 중간 판 12개는 보이지 않습니다)
1번째 줄: 1번째 줄:
@media screen and (max-width: 768px) {
@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 {
.mobileBtn:active {
animation-name: btn-background;
animation-name: btn-background;
16번째 줄: 7번째 줄:
animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
}
.tit-margin-remove {
}
    margin: -5.666px -10px;
.folding-margin-remove {
margin: 0 -10px -5.5px;
}
}
.folding-margin-remove-width {
margin: 0 -10px -5.5px;
}
.folding-margin-remove-width-multi {
margin: 0 -10px 0;
}
.tit-margin-remove {
margin: -5.5px -10px;
}
}
@keyframes btn-background {
@keyframes btn-background {
26번째 줄: 26번째 줄:
}
}
to {
to {
background: none;
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: -5.166px -9.666px -5.166px;
}
}
}
}

2024년 5월 19일 (일) 22:45 기준 최신판

@media screen and (max-width: 768px) {
	.mobileBtn:active {
		animation-name: btn-background;
		animation-duration: .5s;
		animation-iteration-count: 1;
		animation-timing-function: steps(1, end);
		animation-fill-mode: forwards;
	}
}
.folding-margin-remove {
	margin: 0 -10px -5.5px;
	}
.folding-margin-remove-width {
	margin: 0 -10px -5.5px;
}
.folding-margin-remove-width-multi {
	margin: 0 -10px 0;
}
.tit-margin-remove {
	margin: -5.5px -10px;
}
@keyframes btn-background {
	from {
		background: blue;
		background: rgba(0, 0, 255, 0.1);
	}
	to {
		background: inherit;
	}
}