편집 요약 없음 |
태그: 편집 취소 |
||
1번째 줄: | 1번째 줄: | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-btns { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
6번째 줄: | 6번째 줄: | ||
} | } | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-btn { | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
24번째 줄: | 24번째 줄: | ||
} | } | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-btn-active, | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-btn:hover { | ||
background-color: white; | background-color: white; | ||
} | } | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-btn-active::before, | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-btn:hover::before { | ||
position: absolute; | position: absolute; | ||
left: 0px; | left: 0px; | ||
40번째 줄: | 40번째 줄: | ||
} | } | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-main { | ||
border-top: 0.2em solid #000000; | border-top: 0.2em solid #000000; | ||
border-right: 0.4em solid #000000; | border-right: 0.4em solid #000000; | ||
49번째 줄: | 49번째 줄: | ||
} | } | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-main-content { | ||
display: none; | display: none; | ||
} | } | ||
.pokemon-tab . | .pokemon .libre-tab .libre-tab-main-content-active { | ||
display: block; | display: block; | ||
} | } |
2020년 7월 1일 (수) 17:29 판
.pokemon .libre-tab .libre-tab-btns {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 !important;
}
.pokemon .libre-tab .libre-tab-btn {
position: relative;
display: inline-block;
flex: 1 auto;
padding: 0.5rem;
text-align: center;
width: 5em;
max-width: 5em;
cursor: pointer;
background-color: #f5f8fa;
border-radius: 0.8em 0.8em 0 0;
border-top: 0.15em solid #000000;
border-right: 0.15em solid #000000;
border-bottom: 0.2em solid #000000;
border-left: 0.15em solid #000000;
transition: 0.2s;
}
.pokemon .libre-tab .libre-tab-btn-active,
.pokemon .libre-tab .libre-tab-btn:hover {
background-color: white;
}
.pokemon .libre-tab .libre-tab-btn-active::before,
.pokemon .libre-tab .libre-tab-btn:hover::before {
position: absolute;
left: 0px;
bottom: 0px;
content: ' ';
width: 100%;
display: block;
border-radius: 0.8em 0.8em 0 0;
}
.pokemon .libre-tab .libre-tab-main {
border-top: 0.2em solid #000000;
border-right: 0.4em solid #000000;
border-bottom: 0.4em solid #000000;
border-left: 0.4em solid #000000;
border-radius: 0 0 0.8em 0.8em;
padding-left: 0.1em;
}
.pokemon .libre-tab .libre-tab-main-content {
display: none;
}
.pokemon .libre-tab .libre-tab-main-content-active {
display: block;
}
@media screen and (min-width: 544px) {
.pokemon {
width: 40em;
}
}
@media screen and (max-width: 543px) {
.pokemon {
width: 25em;
margin: auto;
}
}