tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style the sidebar footer

This commit is contained in:
Fabiano Alencar 2018-04-06 11:02:08 -03:00
parent 541e43018d
commit 28c67e85ad
2 changed files with 46 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/assets/scss/_media_query.scss
View File

@ -169,7 +169,8 @@ footer{
margin: 0;
@extend %no-select;
}
p{
.tainacan-side{
p, div, ul{
line-height: 18px;
letter-spacing: 1px;
position: relative;
@ -186,6 +187,7 @@ footer{
margin-top: 5px;
}
}
}
ul {
list-style: none;
perspective: 900;
@ -240,7 +242,7 @@ footer{
z-index: 1;
opacity: 0;
&:checked{
&~p{
&~p, &~div, &~ul{
margin-top: 0;
max-height: 0;
opacity: 0;
@ -294,7 +296,8 @@ footer{
ul{
list-style: none;
li{
margin-right: 10vw;
&.tainacan-side{
margin-right: 5vw;
&:last-child{
margin-right: 0;
}
@ -304,6 +307,24 @@ footer{
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;
}
}
}
}
}

2
src/sidebar.php
View File

@ -1,5 +1,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">
<?php dynamic_sidebar(); ?>
<?php dynamic_sidebar('sidebar-right'); ?>
</div>
</div>