cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-03-07 14:36:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor font-family styles to avoid unecessary diplicities (#983)

Browse source
This commit is contained in:
Murilo Brito 2025-08-17 09:37:39 -03:00 • committed by GitHub
parent 2820c96259
commit 96d26a1e5b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
69 changed files with 220 additions and 246 deletions
Download patch file Download diff file Expand all files Collapse all files

50
styles/less/utils/fonts.less
View file

@ -1,50 +1,14 @@
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Cinzel+Decorative:wght@700&family=Montserrat:wght@400;600&display=swap');
@import './mixin.less';
@font-title: 'Cinzel Decorative', serif;
@font-subtitle: 'Cinzel', serif;
@font-body: 'Montserrat', sans-serif;
.application.sheet.daggerheart.dh-style {
h1 {
font-family: @font-title;
margin: 0;
border: none;
font-weight: normal;
}
h2,
h3 {
font-family: @font-subtitle;
margin: 0;
border: none;
font-weight: normal;
}
h4 {
font-family: @font-body;
font-size: 14px;
border: none;
font-weight: 700;
margin: 0;
text-shadow: none;
color: #f3c267;
font-weight: normal;
}
h5 {
font-size: 14px;
color: #f3c267;
margin: 0;
font-weight: normal;
}
p,
span {
font-family: @font-body;
}
small {
font-family: @font-body;
opacity: 0.8;
}
.dh-style {
.dh-typography();
}
.dh-style fieldset {
.dh-typography();
}

70
styles/less/utils/mixin.less
View file

@ -44,3 +44,73 @@
gap: @gap;
align-items: center;
}
/**
* Apply default typography styles.
*/
.dh-typography() {
h1 {
font-family: @font-title;
margin: 0;
border: none;
font-weight: normal;
}
h1 input[type='text'] {
font-family: @font-title;
}
h2,
h3 {
font-family: @font-subtitle;
margin: 0;
border: none;
font-weight: normal;
}
h4 {
font-family: @font-body;
font-size: 14px;
border: none;
font-weight: 700;
margin: 0;
text-shadow: none;
font-weight: normal;
}
h5 {
font-family: @font-body;
font-size: 14px;
margin: 0;
font-weight: normal;
}
p,
span,
textarea,
label,
select,
multi-select .tags .tag,
table,
fieldset legend,
input[type='text'],
input[type='number'],
input[type='search'],
.tagify__dropdown,
li {
font-family: @font-body;
}
button span {
font-weight: bold;
}
small {
font-family: @font-body;
opacity: 0.8;
}
nav a {
font-family: @font-body;
}
}