First styling of desktop variant
This commit is contained in:
parent
f357b96f08
commit
84e3c4f402
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user