cleaned up main.scss (closes #4)
All checks were successful
continuous-integration/drone/push Build is passing
continuous-integration/drone/pr Build is passing

This commit is contained in:
Samuel Philipp 2020-07-28 17:56:45 +02:00
parent 838b7c1ae8
commit 4c80feec17
2 changed files with 25 additions and 41 deletions

View file

@ -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> <script async defer data-domain="sp-codes.de" src="https://plausible.sp-codes.de/js/plausible.js"></script>
</head> </head>
<body> <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 %} {%- for entry in collections.all | eleventyNavigation %}
{% if entry.url.includes(locale) %} {% if entry.url.includes(locale) %}
<div {% if entry.url == page.url %} class="active"{% endif %}> <div {% if entry.url == page.url %} class="active"{% endif %}>
@ -66,7 +66,7 @@ title: sp-codes
{{ content | safe }} {{ content | safe }}
</div> </div>
</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="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">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> <div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>

View file

@ -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 {
border-top: 1px solid #ffffff; border-top: 1px solid #ffffff;
} }
@ -97,19 +84,6 @@ a {
flex: 1; 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 { .service {
background-color: #222; background-color: #222;
border: 1px solid #fff; border: 1px solid #fff;
@ -179,19 +153,6 @@ a {
color: #ffffff !important; color: #ffffff !important;
} }
.matrix-icon {
margin: 0 8px;
width: 4em;
height: 4em;
}
@media (max-width: 767.98px) {
.matrix-icon {
width: 2em;
height: 2em;
}
}
code { code {
background-color: #fea500; background-color: #fea500;
color: #000000; color: #000000;
@ -211,3 +172,26 @@ pre {
border-radius: initial; 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;
}
}