diff options
1 files changed, 37 insertions, 0 deletions
| -rw-r--r-- | src/bars.less | 37 |
diff --git a/src/bars.less b/src/bars.less new file mode 100644 index 0000000..d410fdb --- /dev/null +++ b/src/bars.less @@ -0,0 +1,37 @@ +// Bars +.bar { + background: @core-border-color; + border-radius: @border-radius; + display: flex; + flex-wrap: nowrap; + height: 1.6rem; + width: 100%; + + &.bar-sm { + height: .4rem; + } + + // TODO: attr() support + .bar-item { + background: @core-color; + color: @core-light-color; + display: block; + font-size: 1.2rem; + flex-shrink: 0; + line-height: 1; + height: 100%; + padding: .2rem 0; + text-align: center; + width: 0; + + &:first-of-type { + border-bottom-left-radius: @border-radius; + border-top-left-radius: @border-radius; + } + &:last-of-type { + border-bottom-right-radius: @border-radius; + border-top-right-radius: @border-radius; + flex-shrink: 1; + } + } +} |