xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-09 00:08:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improve font sizing globally for all viewports

Browse Source
This commit is contained in:
Xevion
2024-05-26 15:10:25 -05:00
parent a0e4240943
commit fa285a642e
1 changed files with 16 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/styles/global.scss
View File

@@ -34,32 +34,29 @@ html {
margin: 0; margin: 0;
overflow-y: scroll; overflow-y: scroll;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@include for-size(phone-only) {
font-size: 10pt;
}
@include for-size(tablet-portrait-up) {
font-size: 12pt;
}
@include for-size(tablet-landscape-up) {
font-size: 14pt;
}
@include for-size(desktop-up) {
font-size: 16pt;
}
@include for-size(big-desktop-up) {
font-size: 18pt;
}
} }
:root { :root {
font-family: "Source Serif 4", serif; @apply font-source;
font-size: 23px;
font-size: 20px;
@screen sm {
font-size: 21px;
}
@screen md {
font-size: 22px;
}
@screen lg {
font-size: 23px;
}
line-height: 1.5; line-height: 1.5;
} }
body { body {
padding: 0;
color: white; color: white;
background: #0e0e0e; background: #0e0e0e;