From 01ab7679b1d13b4dc5b5f7737abf1fea28689629 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Mon, 6 May 2019 14:13:29 -0300
Subject: [PATCH] Fixes footer close and more icons when in mobile.

---
 src/assets/scss/_media_query.scss | 70 +++++++++----------------------
 src/functions.php                 |  2 +-
 2 files changed, 20 insertions(+), 52 deletions(-)

diff --git a/src/assets/scss/_media_query.scss b/src/assets/scss/_media_query.scss
index 31ddb31..ead59d1 100644
--- a/src/assets/scss/_media_query.scss
+++ b/src/assets/scss/_media_query.scss
@@ -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;
                             }
                         }
                     }
diff --git a/src/functions.php b/src/functions.php
index a4f1e1e..f0f72b6 100644
--- a/src/functions.php
+++ b/src/functions.php
@@ -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' );