diff options
Merge pull request #491 from ViliamKopecky/master
Tick icon prettier (checkbox, timeline)
3 files changed, 20 insertions, 10 deletions
| -rw-r--r-- | docs/dist/spectre-exp.css | 7 | ||||
| -rw-r--r-- | docs/dist/spectre-rtl.css | 15 | ||||
| -rw-r--r-- | docs/dist/spectre.css | 8 |
diff --git a/docs/dist/spectre-exp.css b/docs/dist/spectre-exp.css index 0150f0b..955f989 100644 --- a/docs/dist/spectre-exp.css +++ b/docs/dist/spectre-exp.css @@ -1014,10 +1014,15 @@ } .timeline .timeline-item .timeline-icon { + align-items: center; border-radius: 50%; color: #fff; - display: block; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + -ms-flex-pack: center; height: 1.2rem; + justify-content: center; text-align: center; width: 1.2rem; } diff --git a/docs/dist/spectre-rtl.css b/docs/dist/spectre-rtl.css index 72fd0b4..35c3d5e 100644 --- a/docs/dist/spectre-rtl.css +++ b/docs/dist/spectre-rtl.css @@ -1080,14 +1080,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; } .form-checkbox input:indeterminate + .form-icon { @@ -5277,10 +5277,15 @@ a.text-error:visited { } .timeline .timeline-item .timeline-icon { + align-items: center; border-radius: 50%; color: #fff; - display: block; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + -ms-flex-pack: center; height: 1.2rem; + justify-content: center; text-align: center; width: 1.2rem; } diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css index f54b2dd..fa2edfd 100644 --- a/docs/dist/spectre.css +++ b/docs/dist/spectre.css @@ -1079,14 +1079,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; } .form-checkbox input:indeterminate + .form-icon { |