Add _header.scss

This commit is contained in:
Annika Backstrom 2024-05-30 21:54:18 +01:00
parent 814f0c8127
commit b12889089b
Signed by: annika
GPG Key ID: 3561F004DE1D9AFE
3 changed files with 23 additions and 8 deletions

View File

@ -16,8 +16,9 @@ body {
} }
@import 'components/bookmark'; @import 'components/bookmark';
@import 'components/pagination';
@import 'components/forms'; @import 'components/forms';
@import 'components/header';
@import 'components/pagination';
a { a {
&, &,
@ -31,12 +32,6 @@ a {
} }
} }
h1 {
color: #FFF3B0;
text-align: center;
}
.container { .container {
max-width: 40rem; max-width: 40rem;
margin: 1em auto; margin: 1em auto;

View File

@ -0,0 +1,18 @@
header {
display: flex;
margin: 1em 0;
> h1 {
flex: 1;
margin: 0;
color: #FFF3B0;
text-align: left;
font-size: 2rem;
}
> a {
flex: 0;
font-size: 2rem;
text-decoration: none;
}
}

View File

@ -6,7 +6,9 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1><a href="{{ url("/") }}">url snail</a></h1> <header>
<h1><a href="{{ url("/") }}">url snail</a></h1>
</header>
@yield('content') @yield('content')
</div> </div>
</body> </body>