1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-21 22:29:41 +02:00
documize/gui/app/styles/widget/widget-tabnav.scss

39 lines
803 B
SCSS

.tabnav-control {
padding: 0 !important;
margin: 0 !important;
font-size: 0;
> .tab {
@include ease-in();
display: inline-block;
margin: 0;
padding: 5px 15px;
background-color: $color-white;
color: $color-primary;
border: 1px solid $color-border;
font-weight: bold;
font-size: 1.1rem;
text-align: center;
cursor: pointer;
line-height: 26px;
list-style-type: none;
margin-left: -4px; // remove whitespace inline block
margin-top: -1px; // ensure no double-border when tabs are stacked vertically on mobile device
&:first-of-type {
@include border-radius-left(3px);
}
&:last-of-type {
@include border-radius-right(3px);
}
&:hover {
background-color: $color-primary-light;
}
}
> .selected {
background-color: $color-primary-light;
}
}