malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Make font size classes adjustable in content

Browse Source 
Due to the rem unit and !Important, the formatting options had been ignored so far.
This commit is contained in:
Tetrakern 2024-08-03 19:34:49 +02:00
parent b188031810
commit 96cca760c1
7 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/application.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/editor.css
View File

File diff suppressed because one or more lines are too long

2
css/properties.css
View File

File diff suppressed because one or more lines are too long

1
src/scss/common/_formatting.scss
View File

@ -95,6 +95,7 @@ p a,
}
.content-section {
font-size: var(--fs-s);
overflow-wrap: break-word;
:where(h1, h2, h3, h4, h5, h6) {

12
src/scss/common/_properties.scss
View File

@ -389,6 +389,18 @@
--fs-xxxl: 2.5rem; // 40px
--fs-xxxxl: 3rem; // 48px
--fs-em-xxxs: .625em; // 10px
--fs-em-xxs: .75em; // 12px
--fs-em-xs: .875em; // 14px
--fs-em-s: 1em; // 16px
--fs-em-m: 1.125em; // 18px
--fs-em-ml: 1.25em; // 20px
--fs-em-l: 1.5em; // 24px
--fs-em-xl: 1.75em; // 28px
--fs-em-xxl: 2.125em; // 34px
--fs-em-xxxl: 2.5em; // 40px
--fs-em-xxxxl: 3em; // 48px
--fs-dxxs: #{get_clamp(11, 13, 400, 768)};
--fs-dxs: #{get_clamp(12, 13, 400, 768)};
--fs-ds: #{get_clamp(13, 14, 400, 768)};

16
theme.json
View File

@ -43,42 +43,42 @@
"fontFamilies": [],
"fontSizes": [
{
"size": "var(--fs-xxs)",
"size": "var(--fs-em-xxs)",
"name": "Extra Small",
"slug": "extra-small"
},
{
"size": "var(--fs-xs)",
"size": "var(--fs-em-xs)",
"name": "Small",
"slug": "small"
},
{
"size": "var(--fs-s)",
"size": "var(--fs-em-s)",
"name": "Normal",
"slug": "normal"
},
{
"size": "var(--fs-m)",
"size": "var(--fs-em-m)",
"name": "Medium",
"slug": "medium"
},
{
"size": "var(--fs-l)",
"size": "var(--fs-em-l)",
"name": "Large",
"slug": "large"
},
{
"size": "var(--fs-xl)",
"size": "var(--fs-em-xl)",
"name": "Extra Large",
"slug": "extra-large"
},
{
"size": "var(--fs-xxl)",
"size": "var(--fs-em-xxl)",
"name": "Huge",
"slug": "huge"
},
{
"size": "var(--fs-xxxl)",
"size": "var(--fs-em-xxxl)",
"name": "Gigantic",
"slug": "gigantic"
}