bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

static footer menu is now in-line (not oblique)

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-20 20:29:45 +01:00
parent 55a8452d49
commit 174df0818a
2 changed files with 123 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+75 -34
View File
@@ -954,7 +954,43 @@ footer{
}
}
nav.block-menu{
#block-footer{
display: inline-block;
margin-bottom: 1em;
ul{
margin:0;
padding:0;
li{
pointer-events: all;
// @include oblique-list;
display: inline-block;
&:first-of-type{
margin-left: 1em;
}
a{
font-size: 0.756em;
&:before{
content: "";
display:inline-block;
$sq:7px;
width: $sq; height:$sq;
border: 1px solid black;
margin-right: 0.5em;
}
&:hover:before,
&.is-active:before{
background-color: black;
}
&.ajax-loading:before{
@include spining-loader-square;
}
}
}
}
}
// remove #block-productions to enable again oblique style for all block-menu
nav#block-productions.block-menu{
display: inline-block;
ul{
margin:0;
@@ -986,39 +1022,39 @@ footer{
}
}
.block-language{
display: inline-block;
position: relative;
ul{
position: absolute;
bottom:0;
margin:0;
padding:0;
transform-origin: left bottom;
transform: rotateZ(-45deg);
white-space: nowrap;
pointer-events: all;
li{
margin:0; padding:0;
list-style: none;
display: inline-block;
&:last-of-type{
&:before{
content:"/";
margin:0 0.2em;
}
}
a{
color: inherit;
text-decoration: none;
font-size: 0.756em;
}
&.is-active{
a{color: red;}
}
}
}
}
// .block-language{
// display: inline-block;
// position: relative;
// ul{
// position: absolute;
// bottom:0;
// margin:0;
// padding:0;
// transform-origin: left bottom;
// transform: rotateZ(-45deg);
// white-space: nowrap;
// pointer-events: all;
// li{
// margin:0; padding:0;
// list-style: none;
// display: inline-block;
// &:last-of-type{
// &:before{
// content:"/";
// margin:0 0.2em;
// }
// }
// a{
// color: inherit;
// text-decoration: none;
// font-size: 0.756em;
// }
// &.is-active{
// a{color: red;}
// }
// }
// }
// }
#block-productions{
position: relative;
@@ -1265,14 +1301,17 @@ footer{
}
}
#block-studiolinkblock{
margin-bottom: 1em;
@include iconlinkblock(url(../img/studio.svg));
}
.block.random-player{
margin-bottom: 1em;
@include iconlinkblock(url(../img/random.svg));
}
#block-userlogin{
margin-bottom: 1em;
pointer-events: all;
// outline: 1px solid blue;
$wh:$icons_w;
@@ -1340,7 +1379,9 @@ footer{
#block-edlpsearchlinkblock{
margin-bottom: 1em;
@include iconlinkblock(url(../img/search.svg));
margin-left: 0.2em;
}
}