posts: adjust css of thumbnail video length indicator.

Switch the font to 11px bold Arial. This is more compact and more
readable than 9px Tahoma. Also add a slight border radius and margins
around the indicator to make it stand out from the edge of the image.
This commit is contained in:
evazion
2021-10-25 20:34:09 -05:00
parent 094ed4c11d
commit af5cd83cd7
5 changed files with 21 additions and 11 deletions

View File

@@ -1,13 +1,15 @@
:root {
--text-xs: 0.5625rem; // 9px
--text-sm: 0.75rem; // 12px
--text-md: 0.875rem; // 14px
--text-lg: 1rem; // 16px
--text-xl: 1.3125rem; // 21px
--text-xxl: 1.75rem; // 28px
--text-xxs: 0.5625rem; // 9px
--text-xs: 0.6875rem; // 11px
--text-sm: 0.75rem; // 12px
--text-md: 0.875rem; // 14px
--text-lg: 1rem; // 16px
--text-xl: 1.3125rem; // 21px
--text-xxl: 1.75rem; // 28px
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 0.875rem monospace; // 14px
--arial-font: Arial, Helvetica, sans-serif;
}
$h1_padding: 0.8em 0 0.25em 0;