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

Several fixes to footer css.

This commit is contained in:
mateuswetah 2019-04-18 11:10:48 -03:00
parent 253b1ef6b3
commit cf16566a21
3 changed files with 63 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
src/assets/scss/_footer.scss
View File

@ -2,54 +2,64 @@ footer{
&.tainacan-footer {
background-color: #2c2d2d;
}
ul{
li{
&.tainacan-side {
h6 {
font: {
size: 1.125rem;
}
}
}
p{
.fiber{
font-size: 0.5625rem;
}
}
a{
color: #f9f9f9;
&:hover {
color: white;
font-weight: 600;
text-decoration: none;
}
}
}
}
.tainacan-footer-info {
@media only screen and (max-width: 768px){
.tainacan-footer-widgets-area {
@media only screen and (max-width: 991px){
margin: 0 calc(4.16666666667% * 1);
margin: 0 calc(4.16666666667vw * 1);
}
@media only screen and (max-width: 991px){
margin: 0 calc(4.16666666667% * 2);
margin: 0 calc(4.16666666667vw * 2);
}
@media only screen and (min-width: 992px){
margin: 0 calc(4.16666666667% * 3);
margin: 0 calc(4.16666666667vw * 3);
}
.tainacan-footer-info--blog {
font: {
size: 0.875rem;
weight: 400;
.tainacan-side ul,
.tainacan-side ol {
list-style: inside;
li{
color: white;
margin-bottom: 1rem;
&.tainacan-side {
h6 {
font: {
size: 1.125rem;
}
}
}
p{
.fiber{
font-size: 0.5625rem;
}
}
a{
color: #9f9f9f;
&:hover {
color: white;
font-weight: 600;
text-decoration: none;
}
}
}
}
}
.tainacan-footer-info {
font-size: 0.875rem;
@media only screen and (max-width: 991px){
margin: 0 calc(4.16666666667% * 1);
margin: 0 calc(4.16666666667vw * 1);
}
@media only screen and (min-width: 992px){
margin: 0 calc(4.16666666667% * 3);
margin: 0 calc(4.16666666667vw * 3);
}
.tainacan-footer-info--blog {
font-weight: 400;
margin-bottom: 2rem;
}
.tainacan-footer-info--logo {
width: 120px;
}
.tainacan-powered {
font-size: 0.875rem;
font-weight: 400;
color: #cbcbcb;

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

@ -288,7 +288,8 @@ footer{
list-style: none;
li{
&.tainacan-side{
margin-right: 5vw;
margin-right: 4.16666666667%;
margin-right: 4.16666666667vw;
&:last-child{
margin-right: 0;
}

34
src/footer.php
View File

@ -1,16 +1,16 @@
<?php if ( ! is_404() ) : ?>
<footer class="container-fluid p-4 p-sm-5 mt-5 tainacan-footer" style="padding-bottom: 0 !important;">
<?php if ( is_active_sidebar( 'tainacan-sidebar-footer' ) ) { ?>
<div class="row">
<div class="row tainacan-footer-widgets-area">
<div class="col-12 col-lg">
<ul class="p-4 d-lg-flex justify-content-md-center mb-md-0">
<ul class="pt-3 pb-3 pl-0 pr-0 d-lg-flex justify-content-xs-center mb-md-0">
<?php dynamic_sidebar( 'tainacan-sidebar-footer' ); ?>
</ul>
</div>
</div>
<?php } ?>
<hr class="bg-scooter"/>
<div class="row p-4 tainacan-footer-info">
<div class="row pt-3 pb-4 pl-0 pr-0 tainacan-footer-info">
<div class="col text-white font-weight-normal">
<p class="tainacan-footer-info--blog">
<?php echo bloginfo( 'title' );
@ -22,21 +22,19 @@
if ( get_theme_mod( 'tainacan_blogaddress' ) ) {
echo wp_filter_nohtml_kses( get_theme_mod( 'tainacan_blogaddress', '' ) );
} ?>
</p>
<p class="tainacan-footer-info--blog">
<?php if ( get_theme_mod( 'tainacan_blogemail' ) ) {
printf( __( 'E-mail: %s', 'tainacan-interface' ), sanitize_email( get_theme_mod( 'tainacan_blogemail', '' ) ) );
}
if ( get_theme_mod( 'tainacan_blogemail' ) && get_theme_mod( 'tainacan_blogphone' ) ) {
if ( wp_is_mobile() ) :
echo '<br>';
else :
echo ' - ';
endif;
}
if ( get_theme_mod( 'tainacan_blogphone' ) ) {
printf( __( 'Telephone: %s', 'tainacan-interface' ), wp_filter_nohtml_kses( get_theme_mod( 'tainacan_blogphone', '' ) ) );
} ?>
<?php if ( get_theme_mod( 'tainacan_blogemail' ) ) {
printf( __( 'E-mail: %s', 'tainacan-interface' ), sanitize_email( get_theme_mod( 'tainacan_blogemail', '' ) ) );
}
if ( get_theme_mod( 'tainacan_blogemail' ) && get_theme_mod( 'tainacan_blogphone' ) ) {
if ( wp_is_mobile() ) :
echo '<br>';
else :
echo ' - ';
endif;
}
if ( get_theme_mod( 'tainacan_blogphone' ) ) {
printf( __( 'Telephone: %s', 'tainacan-interface' ), wp_filter_nohtml_kses( get_theme_mod( 'tainacan_blogphone', '' ) ) );
} ?>
</p>
</div>
<div class="col-auto pr-0 pr-md-3 d-none d-md-block align-self-md-top">