archive/website-2020-spike
Archived
1
Fork 0
Code Releases Packages Activity

Style page title

Browse source
This commit is contained in:
Jake Howard 2020-05-03 16:52:20 +01:00
parent f45397a458
commit 2987726bd9
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
static/src/scss/content.scss Normal file
View file

@ -0,0 +1,24 @@
a {
color: $primary;
&:hover {
@extend .grey-text, .text-lighten-3;
transition: color 0.5s;
text-decoration: none;
}
&.colour-invert {
@extend .grey-text, .text-lighten-3;
&:hover {
color: $primary;
}
}
}
h1.page-title {
font-weight: 300;
font-size: 4rem;
margin-top: 1rem;
}

20
static/src/scss/index.scss
View file

@ -3,6 +3,7 @@
@import "materialize-css/sass/materialize";
@import "homepage";
@import "content";
body {
@extend .grey-text, .text-lighten-3;
@ -13,25 +14,6 @@ body {
background-color: #17181C;
}
a {
color: $primary;
&:hover {
@extend .grey-text, .text-lighten-3;
transition: color 0.5s;
text-decoration: none;
}
&.colour-invert {
@extend .grey-text, .text-lighten-3;
&:hover {
color: $primary;
}
}
}
main {
flex: 1 0 auto;
}

2
templates/content.html
View file

@ -8,7 +8,7 @@
{% endblock %}
<div class="container">
<h1>{% block title %}{% endblock %}</h1>
<h1 class="page-title">{% block title %}{% endblock %}</h1>
{% block content %}{% endblock %}
</div>
{% endblock%}