em --> rem + font-size in responsive

This commit is contained in:
Silke Pisulla 2017-01-05 15:26:31 +01:00
commit b6b228b16d
7 changed files with 142 additions and 69 deletions

View file

@ -8,24 +8,23 @@
.side-tools.main-sidebar {
@icon-size: 2rem;
> nav{
margin-top: 1rem;
> ul{
> nav {
margin-top: 1em;
> ul {
margin-bottom: 0;
}
}
h6 { //background-color: pink;// hier activ !!!
h6 {
position: relative;
width: auto;
height: auto;
color: @color-nav;
font-size: .88rem;
font-weight: normal;
padding: .5rem 0 .5rem (@icon-size + 1);
padding: .5em 0 .5em (@icon-size + 1.1);
&::before {
//background-color: gold;
content: 'A';
position: absolute;
top: 0;
@ -50,10 +49,15 @@
top: 15%;
bottom: 15%;
width: 1px;
left: (@icon-size + .5);
left: (@icon-size + .6);
background-color: @color-border;
transition: @transition background-color;
}
+ ul {
margin-top: .5em;
margin-bottom: .25em;
}
}
@ -69,8 +73,8 @@
display: list-item;
list-style-type: square;
color: @color-nav;
padding-top: .1rem;
padding-bottom: .1rem;
padding-top: .1em;
padding-bottom: .1em;
transition: @transition color;
&:hover,
@ -81,7 +85,7 @@
}
&:first-of-type {
padding-top: .3rem;
padding-top: .3em;
}
}
}
@ -92,13 +96,21 @@
@media @screen_min-xlg {
.side-tools.main-sidebar {
h6 {
font-size: .9rem;
* {
font-size: inherit;
}
}
li {
font-size: 100%;
padding-top: .1rem;
padding-bottom: .1rem;
padding-top: .1em;
padding-bottom: .1em;
> * {
font-size: .88rem;
font-size: .8rem;
}
}
}
@ -106,18 +118,17 @@
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */
/* max-width: 1439px */
@media @screen_max-xlg {
.site-tools.main-sidebar {
.side-tools.main-sidebar {
h6 {
font-size: 1rem;
}
li {
font-size: 1rem;
padding-top: .15rem;
padding-bottom: .15rem;
padding: .15em .25rem;
> * {
font-size: 1rem;