Redisign - levi meni

This commit is contained in:
tejagerjovic 2021-11-08 16:16:59 +01:00
parent 13a3a74c18
commit b24dc18653
5 changed files with 94 additions and 10 deletions

View File

@ -55,12 +55,12 @@
Posamezna stran
</li>
<li>
Posamezna stran
<li class="active">
Aktivna stran
</li>
<li>
Posamezna stran
<a class="menu-left" href="https://www.1ka.si/">1ka.si</a>
</li>
<li>
@ -68,11 +68,11 @@
</li>
</ul>
<span class="menu_left-title">
Naslov menija
<span class="menu_left-title paid">
Plačljivi modul
</span>
<ul class="menu_left-list">
<ul class="menu_left-list paid">
<li>
Posamezna stran
</li>
@ -82,11 +82,11 @@
</li>
<li>
Posamezna stran
Posamezna stran 0123456789
</li>
<li>
Posamezna stran
Posamezna stran z zelo dolgim imenom
</li>
</ul>

View File

@ -5103,11 +5103,44 @@ footer {
}
div.left {
padding: 32px;
padding: 16px 32px;
border: 1px solid #E5E5E5;
box-sizing: border-box;
box-shadow: -10px 10px 0px #F8F8F8;
margin-right: 64px;
height: fit-content;
}
span.menu_left-title {
font-weight: bold;
font-size: 17px;
line-height: 21px;
text-transform: uppercase;
}
span.menu_left-title.paid {
color: #FFC700;
}
ul.menu_left-list {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 32px;
font-size: 16px;
}
ul.menu_left-list.paid {
color: #707070;
pointer-events: none;
}
ul.menu_left-list li {
line-height: 20px;
margin-top: 12px;
}
ul.menu_left-list li:hover {
color: #1E88E5;
}
ul.menu_left-list li.active {
color: #1E88E5;
}
a {
@ -5118,6 +5151,10 @@ a {
a:hover {
color: #166dba;
}
a.menu-left {
color: inherit;
text-decoration: none;
}
/*
Form scss - input fields, buttons...

View File

@ -9,6 +9,7 @@ $blue: #1E88E5;
$black: #333333;
$white: #FFFFFF;
$very-dark-gray: #707070;
$dark-gray: #C4C4C4;
$gray: #E5E5E5;
$light-gray: #F8F8F8;

View File

@ -8,4 +8,9 @@ a {
&:hover {
color: darken($blue, 10%);
}
&.menu-left {
color: inherit;
text-decoration: none;
}
}

View File

@ -1,7 +1,48 @@
div.left{
padding: 32px;
padding: 16px 32px;
border: 1px solid $gray;
box-sizing: border-box;
box-shadow: -10px 10px 0px $light-gray;
margin-right: 64px;
height: fit-content;
}
span.menu_left-title {
font-weight: bold;
font-size: 17px;
line-height: 21px;
text-transform: uppercase;
&.paid {
color: $yellow;
//manjka ključavnica pri plačjivih modulih
}
}
ul.menu_left-list {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 32px;
font-size: 16px;
&.paid {
color: $very-dark-gray;
pointer-events: none;
}
& li {
line-height: 20px;
margin-top: 12px;
&:hover{
color: $blue;
}
&.active{
color: $blue;
}
}
}