diff options
Merge pull request #9 from picturepan2/hotfix/ui-bugs
Hotfix/ui bugs
4 files changed, 15 insertions, 22 deletions
| -rw-r--r-- | src/badges.less | 17 | ||||
| -rw-r--r-- | src/forms.less | 2 | ||||
| -rw-r--r-- | src/tables.less | 6 | ||||
| -rw-r--r-- | src/typography.less | 12 |
diff --git a/src/badges.less b/src/badges.less index e0f1d46..265d29b 100644 --- a/src/badges.less +++ b/src/badges.less @@ -1,7 +1,7 @@ // Badges .badge { position: relative; - margin-right: 2.4rem; + &::after { content: attr(data-badge); @@ -10,16 +10,13 @@ text-align: center; line-height: 1.4rem; background-color: @core-color; - display: block; - width: 2rem; + display: inline-block; + min-width: 2rem; height: 2rem; - padding: .3rem .1rem; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -2.4rem; + padding: .2rem .5rem; + border: .1rem solid #fff; + border-radius: 1rem; white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + transform: translate(-.2rem, -.8rem); } }
\ No newline at end of file diff --git a/src/forms.less b/src/forms.less index 73ab643..c48a93f 100644 --- a/src/forms.less +++ b/src/forms.less @@ -117,7 +117,7 @@ border: .1rem solid @control-color; border-radius: .3rem; outline: 0; - background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem; + background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="768" height="768" viewBox="0 0 768 768"><path d="M384 648l136-136 60 60-196 196-196-196 60-60zm0-528L248 256l-60-60L384 0l196 196-60 60z"/></svg>') no-repeat right .5rem center / 1.2rem 1.2rem; } &:focus { diff --git a/src/tables.less b/src/tables.less index fbe0091..85306ee 100644 --- a/src/tables.less +++ b/src/tables.less @@ -13,9 +13,7 @@ th { border-color: darken(@core-border-color, 15%); } - tr { - &.selected { - background-color: lighten(@core-border-color, 2%); - } + .selected { + background-color: lighten(@core-border-color, 2%); } }
\ No newline at end of file diff --git a/src/typography.less b/src/typography.less index 575638b..d6e7714 100644 --- a/src/typography.less +++ b/src/typography.less @@ -32,10 +32,6 @@ h6 { p { line-height: 1.428571429; margin: 0 0 1rem; - - &.lead { - font-size: 120%; - } } blockquote { padding: 1rem 2rem; @@ -46,7 +42,7 @@ blockquote { margin-bottom: 0; } - small { + .blockquote-source { color: lighten(@body-font-color, 50%); } } @@ -78,12 +74,14 @@ ol { list-style-type: lower-alpha; } } - +.lead { + font-size: 120%; +} .highlight { padding: .2rem; line-height: 1.6rem; border-radius: .2rem; - background-color: #fff5b7; + background-color: lighten(@control-color-warning, 32%); } // Code |