diff options
1 files changed, 45 insertions, 0 deletions
| -rw-r--r-- | src/tabs.less | 45 |
diff --git a/src/tabs.less b/src/tabs.less new file mode 100644 index 0000000..ea005bb --- /dev/null +++ b/src/tabs.less @@ -0,0 +1,45 @@ +// Tabs +.tab { + border-bottom: .1rem solid @core-border-color; + display: flex; + flex-wrap: wrap; + + .tab-item { + margin-top: 0; + + a { + border-bottom: .2rem solid transparent; + color: @body-font-color; + display: block; + margin-bottom: -.1rem; + margin-top: 0; + padding: .8rem 1rem; + text-decoration: none; + &:focus, + &:hover { + color: @core-link-color; + } + } + &.active a, + a.active { + border-bottom-color: @core-color; + color: @core-link-color; + } + } + + &.tab-block { + .tab-item { + flex: 1 0 auto; + text-align: center; + + .badge { + &[data-badge]::after { + position: absolute; + right: -1.4rem; + top: 1rem; + transform: translate(-50%, -1rem); + } + } + } + } +} |