리브레위키>Text-Justify 편집 요약 없음 |
m (판 44개를 가져왔습니다: 리브레위키에서 가져옴) |
||
(다른 사용자 한 명의 중간 판 2개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
.libre-tab .libre-tab-btns { | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
list-style: none; | list-style: none; | ||
margin: 1rem auto 2.5em; | margin: 1rem auto 2.5em; | ||
justify-content: center | justify-content: center; | ||
} | } | ||
.libre-tab .libre-tab-btn { | |||
position: relative; | position: relative; | ||
display: grid; | display: grid; | ||
21번째 줄: | 21번째 줄: | ||
} | } | ||
@media (min-width: 544px) { | @media (min-width: 544px) { | ||
.libre-tab .libre-tab-btns { | |||
max-width: 90%; | max-width: 90%; | ||
} | } | ||
} | } | ||
.libre-tab .libre-tab-btn-active, | |||
.libre-tab .libre-tab-btn:hover { | |||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
@media (hover: hover) and (pointer: fine) { | @media (hover: hover) and (pointer: fine) { | ||
.libre-tab .libre-tab-btn:hover { | |||
background: rgba(213,225,230,0.35); | background: rgba(213,225,230,0.35); | ||
} | } | ||
} | } | ||
.libre-tab .libre-tab-btn-active::before, | |||
.libre-tab .libre-tab-btn:hover::before { | |||
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
48번째 줄: | 48번째 줄: | ||
} | } | ||
.libre-tab .libre-tab-main { | |||
border: 1px solid #e1e8ed; | border: 1px solid #e1e8ed; | ||
padding: 1.5rem; | padding: 1.5rem; | ||
} | } | ||
.libre-tab .libre-tab-main-content { | |||
display: none; | display: none; | ||
} | } | ||
.libre-tab .libre-tab-main-content-active { | |||
display: block; | display: block; | ||
} | } |
2022년 10월 28일 (금) 10:13 기준 최신판
.libre-tab .libre-tab-btns {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 1rem auto 2.5em;
justify-content: center;
}
.libre-tab .libre-tab-btn {
position: relative;
display: grid;
flex: 1 auto;
padding: 0.4rem;
text-align: center;
word-break: keep-all;
align-items: center;
max-width: 14rem;
cursor: pointer;
border-bottom: 2px solid #e1e8ed;
transition: 0.2s;
}
@media (min-width: 544px) {
.libre-tab .libre-tab-btns {
max-width: 90%;
}
}
.libre-tab .libre-tab-btn-active,
.libre-tab .libre-tab-btn:hover {
font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
.libre-tab .libre-tab-btn:hover {
background: rgba(213,225,230,0.35);
}
}
.libre-tab .libre-tab-btn-active::before,
.libre-tab .libre-tab-btn:hover::before {
position: absolute;
left: 0;
bottom: 0;
content: ' ';
width: 100%;
display: block;
border-bottom: 2px solid #4188F1;
margin-bottom: -2px;
}
.libre-tab .libre-tab-main {
border: 1px solid #e1e8ed;
padding: 1.5rem;
}
.libre-tab .libre-tab-main-content {
display: none;
}
.libre-tab .libre-tab-main-content-active {
display: block;
}