First styling of desktop variant
This commit is contained in:
parent
f357b96f08
commit
84e3c4f402
@ -5,21 +5,27 @@
|
||||
#header {
|
||||
.text {
|
||||
background-color: $green;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
padding: 5px 0px;
|
||||
|
||||
.logo-link {
|
||||
max-width: 85%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
width: 100%;
|
||||
|
||||
@include r.normal {
|
||||
max-height: 100px;
|
||||
// max-height: 100px;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: 85%;
|
||||
// height: 100%;
|
||||
@include r.normal {
|
||||
max-height: 100px;
|
||||
margin: 0 10px -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -30,6 +36,10 @@
|
||||
background-image: url('../images/track.png');
|
||||
background-repeat: repeat-x;
|
||||
background-size: contain;
|
||||
|
||||
@include r.normal {
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.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>
|
||||
</files>
|
||||
<positions>
|
||||
<position>topmenu</position>
|
||||
<position>sidemenu</position>
|
||||
<position>impressum</position>
|
||||
<position>copyright</position>
|
||||
<position>menu</position>
|
||||
<position>footer</position>
|
||||
</positions>
|
||||
<updateservers>
|
||||
<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