style the sidebar footer
This commit is contained in:
parent
541e43018d
commit
28c67e85ad
|
@ -169,7 +169,8 @@ footer{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@extend %no-select;
|
@extend %no-select;
|
||||||
}
|
}
|
||||||
p{
|
.tainacan-side{
|
||||||
|
p, div, ul{
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -186,6 +187,7 @@ footer{
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
perspective: 900;
|
perspective: 900;
|
||||||
|
@ -240,7 +242,7 @@ footer{
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
&:checked{
|
&:checked{
|
||||||
&~p{
|
&~p, &~div, &~ul{
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -294,7 +296,8 @@ footer{
|
||||||
ul{
|
ul{
|
||||||
list-style: none;
|
list-style: none;
|
||||||
li{
|
li{
|
||||||
margin-right: 10vw;
|
&.tainacan-side{
|
||||||
|
margin-right: 5vw;
|
||||||
&:last-child{
|
&:last-child{
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
@ -304,6 +307,24 @@ footer{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
> ul{
|
||||||
|
width: 10vw;
|
||||||
|
padding-left: 0;
|
||||||
|
li{
|
||||||
|
&:nth-of-type(n + 6){
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
color: #898d8f;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
tr{
|
||||||
|
color: #898d8f;
|
||||||
|
}
|
||||||
|
div > ul{
|
||||||
|
width: 10vw;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="col col-sm-4 px-sm-3 col-lg-3 px-lg-5">
|
<div class="col col-sm-4 px-sm-3 col-lg-3 px-lg-5">
|
||||||
<div id="sidebar" class="py-4 mx-2 mx-sm-0 sidebar hidden-print">
|
<div id="sidebar" class="py-4 mx-2 mx-sm-0 sidebar hidden-print">
|
||||||
<?php dynamic_sidebar(); ?>
|
<?php dynamic_sidebar('sidebar-right'); ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
Loading…
Reference in New Issue