diff options
update buttons, forms, labels, tables, tooltips and example docs
6 files changed, 24 insertions, 16 deletions
| -rw-r--r-- | src/buttons.less | 6 | ||||
| -rw-r--r-- | src/forms.less | 4 | ||||
| -rw-r--r-- | src/labels.less | 12 | ||||
| -rw-r--r-- | src/tables.less | 2 | ||||
| -rw-r--r-- | src/tooltips.less | 12 | ||||
| -rw-r--r-- | src/typography.less | 4 |
diff --git a/src/buttons.less b/src/buttons.less index ef95627..47f10ff 100644 --- a/src/buttons.less +++ b/src/buttons.less @@ -1,6 +1,5 @@ // Buttons -.btn, -button { +.btn { display: inline-block; height: 3.2rem; padding: .7rem 1.5rem; @@ -53,7 +52,8 @@ button { } } - &[disabled] { + &[disabled], + .disabled { opacity: .5; cursor: default; } diff --git a/src/forms.less b/src/forms.less index eaab29d..996056c 100644 --- a/src/forms.less +++ b/src/forms.less @@ -262,6 +262,10 @@ border-radius: .3rem; background-color: @core-border-color; } + .input-group-addon, + .input-group-btn { + flex: 1 0 auto; + } .form-input, .input-group-addon, diff --git a/src/labels.less b/src/labels.less index ac11630..1c16f40 100644 --- a/src/labels.less +++ b/src/labels.less @@ -1,15 +1,15 @@ // Labels .label { display: inline-block; - padding: .3rem .5rem; - font-size: 80%; - line-height: 1; - color: #666; + padding: .3rem .4rem; + font-size: 90%; + line-height: 1em; + color: lighten(@body-font-color, 25%); background-color: @core-border-color; text-align: center; white-space: nowrap; vertical-align: middle; - margin: -.3rem .5rem 0 .5rem; + margin: -.3rem .1em 0 .1em; border-radius: .2rem; &.label-primary { @@ -36,6 +36,6 @@ &.label-lg { font-size: 100%; line-height: 1.2; - padding: .3rem .8rem; + padding: .3rem .5rem; } }
\ No newline at end of file diff --git a/src/tables.less b/src/tables.less index 920f488..6ad7b93 100644 --- a/src/tables.less +++ b/src/tables.less @@ -1,5 +1,5 @@ // Tables -table { +.table { width: 100%; th, diff --git a/src/tooltips.less b/src/tooltips.less index 1ccc98b..ab3e754 100644 --- a/src/tooltips.less +++ b/src/tooltips.less @@ -23,7 +23,8 @@ pointer-events: none; transition: all .216s ease; } - &:hover { + &:hover, + &:focus { &::after { opacity: 1; transform: translate(-50%, -.5rem); @@ -36,7 +37,8 @@ left: 100%; transform: translate(0, 50%); } - &:hover { + &:hover, + &:focus { &::after { transform: translate(.5rem, 50%); } @@ -48,7 +50,8 @@ bottom: auto; transform: translate(-50%, 0); } - &:hover { + &:hover, + &:focus { &::after { transform: translate(-50%, .5rem); } @@ -61,7 +64,8 @@ left: auto; transform: translate(0, 50%); } - &:hover { + &:hover, + &:focus { &::after { transform: translate(-.5rem, 50%); } diff --git a/src/typography.less b/src/typography.less index 4a9476f..bd4c576 100644 --- a/src/typography.less +++ b/src/typography.less @@ -55,9 +55,9 @@ pre { display: block; margin-top: 1em; margin-bottom: 1em; - border-left: .2rem solid #ddd; + border-left: .2rem solid @core-color; line-height: 1.8rem; - background-color: @core-border-color; + background-color: lighten(@core-border-color, 4%); } code { padding: 1rem 2rem; |