[design] correct date character alignment

This commit is contained in:
zombieFox 2019-04-01 16:15:57 +01:00
parent 1eb3b3f524
commit 392ea4b3a7
3 changed files with 17 additions and 14 deletions

View File

@ -25,6 +25,7 @@
} }
.clock-separator { .clock-separator {
justify-content: center;
min-width: 0.5em; min-width: 0.5em;
color: rgb(var(--accent)); color: rgb(var(--accent));
} }
@ -33,17 +34,18 @@
.clock-minutes, .clock-minutes,
.clock-seconds, .clock-seconds,
.clock-meridiem { .clock-meridiem {
justify-content: center;
min-width: 1.25em; min-width: 1.25em;
} }
.clock [class^="clock-"]:not(:first-child), .clock [class^="clock-"]:not(:first-child):not([class^="clock-separator"]),
.clock [class*=" clock-"]:not(:first-child) { .clock [class*=" clock-"]:not(:first-child):not([class*=" clock-separator"]) {
margin-left: 0.125em; margin-left: 0.2em;
} }
.clock [class^="clock-"]:not(:last-child), .clock [class^="clock-"]:not(:last-child):not([class^="clock-separator"]),
.clock [class*=" clock-"]:not(:last-child) { .clock [class*=" clock-"]:not(:last-child):not([class*=" clock-separator"]) {
margin-right: 0.125em; margin-right: 0.2em;
} }
.clock-hours { .clock-hours {

View File

@ -25,6 +25,7 @@
} }
.date-separator { .date-separator {
justify-content: center;
min-width: 0.5em; min-width: 0.5em;
color: rgb(var(--accent)); color: rgb(var(--accent));
} }
@ -33,17 +34,17 @@
.date-day, .date-day,
.date-month, .date-month,
.date-year { .date-year {
min-width: 1.25em; justify-content: center;
} }
.date [class^="date-"]:not(:first-child), .date [class^="date-"]:not(:first-child):not([class^="date-separator"]),
.date [class*=" date-"]:not(:first-child) { .date [class*=" date-"]:not(:first-child):not([class*=" date-separator"]) {
margin-left: 0.125em; margin-left: 0.2em;
} }
.date [class^="date-"]:not(:last-child), .date [class^="date-"]:not(:last-child):not([class^="date-separator"]),
.date [class*=" date-"]:not(:last-child) { .date [class*=" date-"]:not(:last-child):not([class*=" date-separator"]) {
margin-right: 0.125em; margin-right: 0.2em;
} }
.date-day { .date-day {

View File

@ -1,7 +1,7 @@
var version = (function() { var version = (function() {
// version is normally bumped when the state needs changing or any new functionality is added // version is normally bumped when the state needs changing or any new functionality is added
var current = "2.12.0"; var current = "2.12.1";
var compare = function(a, b) { var compare = function(a, b) {
var pa = a.split("."); var pa = a.split(".");