ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjusting margins and header letter spacing.

Browse source
This commit is contained in:
Fredrik Jonsson 2023-11-22 11:58:33 +01:00
commit 739f6c255e
4 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/sass/_variables.scss
View file

@ -21,10 +21,10 @@ $print-font-size: 12pt;
// Use like this: var(--fs-m) // Use like this: var(--fs-m)
$font-size-fixed: ( $font-size-fixed: (
xxxxl: 3rem, xxxxl: 3rem,
xxxl: 2.445rem, xxxl: 2.5rem,
xxl: 2rem, xxl: 2rem,
xl: 1.556rem, xl: 1.5rem,
l: 1.223rem, l: 1.25rem,
m: 1rem, m: 1rem,
s: 0.889rem, s: 0.889rem,
xs: 0.778rem, xs: 0.778rem,

2
assets/sass/base/forms/_forms.scss
View file

@ -10,7 +10,7 @@ form {
input, input,
textarea, textarea,
select { select {
@include margin-bottom(.75); @include margin-block(0 1);
} }
// Mark field as required if needed. // Mark field as required if needed.

6
assets/sass/base/grouping/_grouping.scss
View file

@ -57,7 +57,7 @@ li {
header { header {
// Add vertical rhythm margins. // Add vertical rhythm margins.
@include margin-block(0 .3); @include margin-block(0 .33);
} }
// Horizontal rule // Horizontal rule
@ -71,7 +71,7 @@ hr {
p { p {
// Add vertical rhythm margins. // Add vertical rhythm margins.
@include margin-block(0 .75); @include margin-block(0 1);
// Set max text line width in main for readability. // Set max text line width in main for readability.
.main & { .main & {
@ -83,7 +83,7 @@ p {
pre { pre {
// Add vertical rhythm margins. // Add vertical rhythm margins.
@include margin-block(0 .75); @include margin-block(0 1);
font-family: var(--ff-monospace); font-family: var(--ff-monospace);
} }

5
assets/sass/base/headings/_headings.scss
View file

@ -15,7 +15,7 @@ h5,
%h5, %h5,
h6, h6,
%h6 { %h6 {
@include margin-block(1 .3, 'em'); @include margin-block(1 .33, 'em');
color: var(--color-headings); color: var(--color-headings);
font-family: var(--ff-headings); font-family: var(--ff-headings);
font-weight: var(--fw-headings); font-weight: var(--fw-headings);
@ -38,16 +38,19 @@ h1,
// h1 only on top of page so different margins. // h1 only on top of page so different margins.
@include margin-block(1 .5, 'rem'); @include margin-block(1 .5, 'rem');
font-size: var(--fs-xxl); font-size: var(--fs-xxl);
letter-spacing: -.01em;
} }
h2, h2,
%h2 { %h2 {
font-size: var(--fs-xl); font-size: var(--fs-xl);
letter-spacing: -.01em;
} }
h3, h3,
%h3 { %h3 {
font-size: var(--fs-l); font-size: var(--fs-l);
letter-spacing: -.01em;
} }
h4, h4,