First styling of desktop variant

This commit is contained in:
Christian Wolf 2025-02-26 19:26:21 +01:00
parent f357b96f08
commit 84e3c4f402
3 changed files with 35 additions and 12 deletions

View File

@ -5,21 +5,27 @@
#header { #header {
.text { .text {
background-color: $green; background-color: $green;
display: flex;
justify-content: center;
padding: 5px 0px; padding: 5px 0px;
.logo-link { .logo-link {
max-width: 85%; display: flex;
justify-content: center;
width: 100%;
@include r.normal { @include r.normal {
max-height: 100px; // max-height: 100px;
justify-content: left;
} }
img { img {
width: 100%; max-width: 85%;
height: 100%; // height: 100%;
@include r.normal {
max-height: 100px;
margin: 0 10px -20px;
}
} }
} }
@ -30,6 +36,10 @@
background-image: url('../images/track.png'); background-image: url('../images/track.png');
background-repeat: repeat-x; background-repeat: repeat-x;
background-size: contain; background-size: contain;
@include r.normal {
height: 80px;
}
} }
.black-background { .black-background {

View File

@ -0,0 +1,15 @@
@use "./colors" as c;
#menu .nav {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 15px;
> .nav-item {
display: block;
background-color: c.$light-gray;
padding: 5px 10px;
border-radius: 5px;
}
}

View File

@ -19,10 +19,8 @@
<folder>css</folder> <folder>css</folder>
</files> </files>
<positions> <positions>
<position>topmenu</position> <position>menu</position>
<position>sidemenu</position> <position>footer</position>
<position>impressum</position>
<position>copyright</position>
</positions> </positions>
<updateservers> <updateservers>
<server type="extension" name="Update Server Reifenscheune">https://joomla.christian-wolf.click/updates/tpl_reifenscheune/updates.xml</server> <server type="extension" name="Update Server Reifenscheune">https://joomla.christian-wolf.click/updates/tpl_reifenscheune/updates.xml</server>