diff options
author | Viliam Kopecky <vk@viliamkopecky.cz> | 2018-09-03 10:08:23 +0300 |
---|---|---|
committer | Viliam Kopecky <vk@viliamkopecky.cz> | 2018-09-03 10:08:23 +0300 |
commit | ea3ec8fd938cdfbd2f3dc9d6aa2f63a39f39b822 (patch) | |
tree | 9cbce96f7faaf1f87df790667673aeac685de8ed | |
parent | c3f9c6fa422a0413672086ed305a2a91e5fb3533 (diff) |
Make tick icon prettier
-rw-r--r-- | src/_forms.scss | 12 | ||||
-rw-r--r-- | src/_timelines.scss | 4 |
2 files changed, 9 insertions, 7 deletions
diff --git a/src/_forms.scss b/src/_forms.scss index 8b53df9..2458874 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -122,7 +122,7 @@ textarea.form-input { &[size], &[multiple] { height: auto; - + option { padding: $unit-h $unit-1; } @@ -266,14 +266,14 @@ textarea.form-input { border-left-width: 0; border-top-width: 0; content: ""; - height: 12px; + height: 9px; left: 50%; - margin-left: -4px; - margin-top: -8px; + margin-left: -3px; + margin-top: -6px; position: absolute; top: 50%; transform: rotate(45deg); - width: 8px; + width: 6px; } } &:indeterminate + .form-icon { @@ -447,7 +447,7 @@ textarea.form-input { .form-icon { border-color: $error-color; } - + input { &:checked + .form-icon { background: $error-color; diff --git a/src/_timelines.scss b/src/_timelines.scss index 67041a8..c56746d 100644 --- a/src/_timelines.scss +++ b/src/_timelines.scss @@ -24,10 +24,12 @@ } .timeline-icon { + align-items: center; border-radius: 50%; color: $light-color; - display: block; + display: flex; height: $unit-6; + justify-content: center; text-align: center; width: $unit-6; &::before { |