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

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

@ -169,21 +169,23 @@ footer{
margin: 0; margin: 0;
@extend %no-select; @extend %no-select;
} }
p{ .tainacan-side{
line-height: 18px; p, div, ul{
letter-spacing: 1px; line-height: 18px;
position: relative; letter-spacing: 1px;
overflow: hidden; position: relative;
max-height: 800px; overflow: hidden;
@extend %transition; max-height: 800px;
opacity: 1; @extend %transition;
display: block; opacity: 1;
transform: translate( 0 , 0 ) ; display: block;
margin-top: 14px; transform: translate( 0 , 0 ) ;
z-index: 2; margin-top: 14px;
font-size: 0.8rem; z-index: 2;
&:nth-of-type(1){ font-size: 0.8rem;
margin-top: 5px; &:nth-of-type(1){
margin-top: 5px;
}
} }
} }
ul { ul {
@ -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,14 +296,33 @@ footer{
ul{ ul{
list-style: none; list-style: none;
li{ li{
margin-right: 10vw; &.tainacan-side{
&:last-child{ margin-right: 5vw;
margin-right: 0; &:last-child{
} margin-right: 0;
&.border{ }
border: none !important; &.border{
input[type=checkbox]{ border: none !important;
display: none; input[type=checkbox]{
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 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>