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

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>', 'before_widget' => '<li class="border-left-0 border-right-0 tainacan-side"><input type="checkbox" checked><i></i>',
'after_widget' => '</li>', 'after_widget' => '</li>',
'before_title' => '<h6 class="text-white font-weight-bold mb-lg-4">', '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' ); add_action( 'widgets_init', 'tainacan_widgets_footer_init' );