pub-solar/pub.solar
5
2
Fork 2
Code Issues Pull requests Packages Projects Releases Wiki Activity

Small style fixes

Browse source
This commit is contained in:
Benjamin Bädorf 2022-10-02 22:46:59 +02:00
parent 135f87d88a
commit 5dc403cbdd
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
2 changed files with 26 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
_includes/layouts/default.tsx
View file

@ -38,7 +38,10 @@ export default ({
<a <a
className="ps-page--section-link" className="ps-page--section-link"
href="#de" href="#de"
>Deutsche übersetzung unten</a> >
Deutsche übersetzung unten
<span className="ps-page--section-link-icon">▼</span>
</a>
<div <div
dangerouslySetInnerHTML={{ __html: md(content.en) }} dangerouslySetInnerHTML={{ __html: md(content.en) }}
@ -56,7 +59,10 @@ export default ({
<a <a
className="ps-page--section-link" className="ps-page--section-link"
href="#en" href="#en"
>English translation above</a> >
English translation above
<span className="ps-page--section-link-icon">▲</span>
</a>
<div <div
dangerouslySetInnerHTML={{ __html: md(content.de) }} dangerouslySetInnerHTML={{ __html: md(content.de) }}

20
style.css
View file

@ -203,14 +203,23 @@ html {
background-color: var(--background); background-color: var(--background);
padding: 1rem; padding: 1rem;
display: flex; display: flex;
justify-content: flex-end;
align-items: center;
text-align: right;
padding-left: 132px
} }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
.ps-page--section-link { .ps-page--section-link {
display: none; display: none;
border-bottom: 0;
} }
} }
.ps-page--section-link-icon {
margin-left: 8px;
}
.ps-footer { .ps-footer {
display: flex; display: flex;
margin-top: auto; margin-top: auto;
@ -310,9 +319,9 @@ html {
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
font-weight: 900; font-weight: 900;
font-size: 2rem; font-size: 24px;
padding: 8px;
line-height: 1em; line-height: 1em;
padding: 0.4vw;
text-shadow: 0.15vw 0px 0px white; text-shadow: 0.15vw 0px 0px white;
transition: text-shadow 0.1s ease; transition: text-shadow 0.1s ease;
border: 12px solid black; border: 12px solid black;
@ -323,3 +332,10 @@ html {
.ps-homelink:hover { .ps-homelink:hover {
text-shadow: 0.3vw 0px 0px var(--accent); text-shadow: 0.3vw 0px 0px var(--accent);
} }
@media screen and (min-width: 1200px) {
.ps-homelink {
font-size: 32px;
padding: 12px;
}
}