mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-09-02 04:42:37 +02:00
Code Issues Releases Wiki Activity

[ticket/17459] Start using CSS variables

Browse Source 
PHPBB-17459
This commit is contained in:
Marc Alexander
2024-11-03 21:10:54 +01:00
parent 14d889f74f
commit 74084107ed
3 changed files with 56 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
phpBB/styles/prosilver/theme/base.css
View File

@@ -21,9 +21,26 @@
* line-heights want to be a multiple of this number in order to maintain
* vertical rhythm.)
*/
:root {
/* Base font size */
--ps-font-base: 16px; /* [1] */
--ps-line-height: calc(var(--ps-font-base) * 1.5); /* [2] */
/* Headings */
--ps-font-h1: calc(var(--ps-font-base) * 1.5); /* 24px */
--ps-font-h2: calc(var(--ps-font-base) * 1.5); /* 24px */
--ps-font-h3: calc(var(--ps-font-base) * 1.25); /* 20px */
--ps-font-h4: calc(var(--ps-font-base) * 1.125); /* 18px */
/* Text and Paragraphs */
--ps-font-normal: var(--ps-font-base); /* 16px */
--ps-font-small: calc(var(--ps-font-base) * 0.875); /* 14px */
--ps-font-tiny: calc(var(--ps-font-base) * 0.75); /* 12px */
}
html {
font-size: 16px; /* [1] */
line-height: 1.5; /* [2] */
font-size: var(--ps-font-base);
line-height: var(--ps-line-height);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}