develop #21
2 changed files with 25 additions and 41 deletions
|
@ -36,7 +36,7 @@ title: sp-codes
|
|||
<script async defer data-domain="sp-codes.de" src="https://plausible.sp-codes.de/js/plausible.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="d-flex justify-content-start flex-wrap p-2 menu menu-top">
|
||||
<div class="d-flex justify-content-start flex-wrap p-2 menu border-bottom">
|
||||
{%- for entry in collections.all | eleventyNavigation %}
|
||||
{% if entry.url.includes(locale) %}
|
||||
<div {% if entry.url == page.url %} class="active"{% endif %}>
|
||||
|
@ -66,7 +66,7 @@ title: sp-codes
|
|||
{{ content | safe }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-wrap p-2 menu menu-bottom">
|
||||
<div class="d-flex justify-content-start flex-wrap p-2 menu border-top">
|
||||
<div class="d-flex justify-content-start flex-wrap">
|
||||
<div class="mr-3">Made with <span class="fas fa-heart highlight"></span> in Germany</div>
|
||||
<div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>
|
||||
|
|
|
@ -64,19 +64,6 @@ a {
|
|||
}
|
||||
}
|
||||
|
||||
.menu-top {
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.menu-bottom {
|
||||
border-top: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.border-top-bottom {
|
||||
border-top: 1px solid #ffffff;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid #ffffff;
|
||||
}
|
||||
|
@ -97,19 +84,6 @@ a {
|
|||
flex: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.sp-codes {
|
||||
font-size: 3rem;
|
||||
}
|
||||
.logo {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
}
|
||||
.fa-4x {
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.service {
|
||||
background-color: #222;
|
||||
border: 1px solid #fff;
|
||||
|
@ -179,19 +153,6 @@ a {
|
|||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.matrix-icon {
|
||||
margin: 0 8px;
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.matrix-icon {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: #fea500;
|
||||
color: #000000;
|
||||
|
@ -211,3 +172,26 @@ pre {
|
|||
border-radius: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.logo {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
}
|
||||
.fa-4x {
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.matrix-icon {
|
||||
margin: 0 8px;
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.matrix-icon {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue