franconian
/
www.franconian.net
13
0
Fork 0
Code Pull Requests Releases Activity

Improve style sheet

This commit is contained in:
Luca 2020-11-24 21:44:16 +01:00
parent 9747489f3e
commit 5cdd38fcaf
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
assets/style.scss
View File

@ -1,5 +1,6 @@
@import 'fonts'; @import 'breakpoints';
@import 'colors'; @import 'colors';
@import 'fonts';
@import 'mixins'; @import 'mixins';
* { * {
@ -24,8 +25,8 @@ header {
main { main {
width: 100%; width: 100%;
max-width: 1200px; max-width: $large;
margin: auto; margin: 0 auto;
flex-grow: 1; flex-grow: 1;
} }
@ -48,10 +49,6 @@ h1 {
border-bottom: 2px $text-color solid; border-bottom: 2px $text-color solid;
} }
a {
text-decoration: none;
}
figure { figure {
margin-bottom: 1rem; margin-bottom: 1rem;
@ -67,21 +64,14 @@ figure {
} }
.nav { .nav {
max-width: 1200px;
margin: 0 auto;
padding: 0.5em;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@media screen and (min-width: 800px) { &.nav-main {
flex-direction: row; max-width: $large;
margin: 0 auto;
hr { padding: 0.5em;
margin: 0 0.5em !important;
align-self: center;
}
} }
hr { hr {
@ -90,19 +80,20 @@ figure {
.nav-logo { .nav-logo {
@include heading; @include heading;
text-decoration: none;
margin: 0 auto; margin: 0 auto;
@media screen and (min-width: 800px) {
margin-left: 0;
}
img { img {
width: 48px; width: 48px;
display: inline-block; display: inline-block;
margin-right: 1em; margin-right: 1em;
vertical-align: middle; vertical-align: middle;
} }
@media screen and (min-width: $small) {
margin-left: 0;
}
} }
.nav-link { .nav-link {
@ -112,4 +103,13 @@ figure {
&.nav-link-active { &.nav-link-active {
} }
} }
@media screen and (min-width: $small) {
flex-direction: row;
hr {
margin: 0 0.5em;
align-self: center;
}
}
} }