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

Fixes footer close and more icons when in mobile.

This commit is contained in:
mateuswetah 2019-05-06 14:13:29 -03:00
parent 8bc2434238
commit 01ab7679b1
2 changed files with 20 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -186,38 +186,6 @@ footer{
&:last-of-type{
padding-bottom: 0;
}
i.symbol{
position: absolute;
transform: translate( -6px , 0 );
margin-top: 16px;
right: 0;
font-size: 0.9375rem;
&:before , &:after{
content: "";
@extend %transition;
}
&:before{
transform: translate( -2px , 0 ) rotate( 45deg );
}
&:after{
transform: translate( 2px , 0 ) rotate( -45deg );
}
}
h6{
i.symbol{
&:before{
content: "\F415";
display: inline-block;
font: normal normal normal 24px/1 "TainacanIcons";
font-size: 1.125rem;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@extend %transition;
}
}
}
input[type=checkbox]{
position: absolute;
cursor: pointer;
@ -233,27 +201,27 @@ footer{
display: none;
transform: translate( 0 , 50% );
}
&~i.symbol{
&:before{
transform: translate( 2px , 0 ) rotate( 45deg );
}
&:after{
transform: translate( -2px , 0 ) rotate( -45deg );
&~h6{
position: relative;
i:before{
content: "more";
letter-spacing: normal;
position: absolute;
right: 0;
height: 24px;
width: 24px;
}
}
&~h6{
i{
&:before{
content: "\F156";
display: inline-block;
font: normal normal normal 24px/1 "TainacanIcons";
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
}
&~h6{
position: relative;
i:before{
content: "close";
letter-spacing: normal;
position: absolute;
right: 0;
height: 24px;
width: 24px;
}
}
}

2
src/functions.php
View File

@ -196,7 +196,7 @@ function tainacan_widgets_footer_init() {
'before_widget' => '<li class="border-left-0 border-right-0 tainacan-side"><input type="checkbox" checked><i></i>',
'after_widget' => '</li>',
'before_title' => '<h6 class="text-white font-weight-bold mb-lg-4">',
'after_title' => ' <i class="tainacan-icon tainacan-icon-more mt-0 symbol"></i></h6>',
'after_title' => ' <i class="tainacan-icon mt-0"></i></h6>',
) );
}
add_action( 'widgets_init', 'tainacan_widgets_footer_init' );