편집 요약 없음 |
편집 요약 없음 |
||
11번째 줄: | 11번째 줄: | ||
.libre-tab .libre-tab-btn { | .libre-tab .libre-tab-btn { | ||
position: relative; | |||
display: inline-block; | display: inline-block; | ||
padding: 0.5rem; | padding: 0.5rem; | ||
18번째 줄: | 19번째 줄: | ||
border-right: 1px solid #e1e8ed; | border-right: 1px solid #e1e8ed; | ||
} | } | ||
.libre-tab .libre-tab-btns { | |||
background-color: #f5f8fa; | |||
} | |||
.libre-tab .libre-tab-btn-active { | |||
background-color: white; | |||
} | |||
.libre-tab .libre-tab-btn-active::before { | .libre-tab .libre-tab-btn-active::before { | ||
position: absolute; | position: absolute; | ||
left: | left: 0px; | ||
bottom: | bottom: 0px; | ||
content: ' '; | content: ' '; | ||
width: | width: 6rem; | ||
display: block; | display: block; | ||
border-bottom: 2px solid #4188F1; | border-bottom: 2px solid #4188F1; |
2018년 12월 24일 (월) 14:09 판
.libre-tab {
width: 40rem;
}
.libre-tab .libre-tab-btns {
list-style: none;
margin: 0 !important;
border-top: 1px solid #e1e8ed;
border-left: 1px solid #e1e8ed;
border-right: 1px solid #e1e8ed;
}
.libre-tab .libre-tab-btn {
position: relative;
display: inline-block;
padding: 0.5rem;
text-align: center;
width: 6rem;
cursor: pointer;
border-right: 1px solid #e1e8ed;
}
.libre-tab .libre-tab-btns {
background-color: #f5f8fa;
}
.libre-tab .libre-tab-btn-active {
background-color: white;
}
.libre-tab .libre-tab-btn-active::before {
position: absolute;
left: 0px;
bottom: 0px;
content: ' ';
width: 6rem;
display: block;
border-bottom: 2px solid #4188F1;
}
.libre-tab .libre-tab-main {
background-color: #f5f8fa;
border: 1px solid #e1e8ed;
padding: 1.5rem;
}
.libre-tab .libre-tab-main p {
margin-bottom: 0;
}