Redisign - levi meni
This commit is contained in:
parent
13a3a74c18
commit
b24dc18653
@ -55,12 +55,12 @@
|
|||||||
Posamezna stran
|
Posamezna stran
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li class="active">
|
||||||
Posamezna stran
|
Aktivna stran
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
Posamezna stran
|
<a class="menu-left" href="https://www.1ka.si/">1ka.si</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
@ -68,11 +68,11 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<span class="menu_left-title">
|
<span class="menu_left-title paid">
|
||||||
Naslov menija
|
Plačljivi modul
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<ul class="menu_left-list">
|
<ul class="menu_left-list paid">
|
||||||
<li>
|
<li>
|
||||||
Posamezna stran
|
Posamezna stran
|
||||||
</li>
|
</li>
|
||||||
@ -82,11 +82,11 @@
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
Posamezna stran
|
Posamezna stran 0123456789
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
Posamezna stran
|
Posamezna stran z zelo dolgim imenom
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
@ -5103,11 +5103,44 @@ footer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
div.left {
|
div.left {
|
||||||
padding: 32px;
|
padding: 16px 32px;
|
||||||
border: 1px solid #E5E5E5;
|
border: 1px solid #E5E5E5;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: -10px 10px 0px #F8F8F8;
|
box-shadow: -10px 10px 0px #F8F8F8;
|
||||||
margin-right: 64px;
|
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 {
|
a {
|
||||||
@ -5118,6 +5151,10 @@ a {
|
|||||||
a:hover {
|
a:hover {
|
||||||
color: #166dba;
|
color: #166dba;
|
||||||
}
|
}
|
||||||
|
a.menu-left {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Form scss - input fields, buttons...
|
Form scss - input fields, buttons...
|
||||||
|
@ -9,6 +9,7 @@ $blue: #1E88E5;
|
|||||||
$black: #333333;
|
$black: #333333;
|
||||||
$white: #FFFFFF;
|
$white: #FFFFFF;
|
||||||
|
|
||||||
|
$very-dark-gray: #707070;
|
||||||
$dark-gray: #C4C4C4;
|
$dark-gray: #C4C4C4;
|
||||||
$gray: #E5E5E5;
|
$gray: #E5E5E5;
|
||||||
$light-gray: #F8F8F8;
|
$light-gray: #F8F8F8;
|
||||||
|
@ -8,4 +8,9 @@ a {
|
|||||||
&:hover {
|
&:hover {
|
||||||
color: darken($blue, 10%);
|
color: darken($blue, 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.menu-left {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
}
|
}
|
@ -1,7 +1,48 @@
|
|||||||
div.left{
|
div.left{
|
||||||
padding: 32px;
|
padding: 16px 32px;
|
||||||
border: 1px solid $gray;
|
border: 1px solid $gray;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: -10px 10px 0px $light-gray;
|
box-shadow: -10px 10px 0px $light-gray;
|
||||||
margin-right: 64px;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user