foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Move header styles to dedicated SCSS file

Browse source
This commit is contained in:
Foster Hangdaan 2023-07-26 22:06:55 -04:00
parent e0f710a5e0
commit 70b2c3d5bf
Signed by: foster
GPG key ID: E48D7F49A852F112
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
_includes/styles/base.scss
View file

@ -78,19 +78,6 @@ pre {
}
}
.page-header {
margin-bottom: 2rem;
text-align: center;
h1 {
background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.subheading {
font-style: italic;
}
}
@for $i from 1 to 3 {
.m-#{i} {
margin: #{i}/4;

12
_includes/styles/components/header.scss Normal file
View file

@ -0,0 +1,12 @@
.page-header {
margin-bottom: 2rem;
text-align: center;
h1 {
background: -webkit-linear-gradient(45deg, var(--color-red), var(--color-blue));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.subheading {
font-style: italic;
}
}

1
styles/main.scss
View file

@ -9,4 +9,5 @@
// Components
@import "styles/components/navbar";
@import "styles/components/header";
@import "styles/components/separator";