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

View File

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

View File

@ -1,7 +1,7 @@
var version = (function() {
// 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 pa = a.split(".");