From: Anthony Talarico Date: Fri, 19 Feb 2016 18:28:38 +0000 (-0500) Subject: changing off canvas arrows X-Git-Tag: v1.0.0^2~159 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=cf748bc3a83e7a79112acff05b4681297c653a88;p=WP-Themes%2FDiscoverKZOO.git changing off canvas arrows --- diff --git a/css/app.css b/css/app.css index 79b15a4..53be0c1 100644 --- a/css/app.css +++ b/css/app.css @@ -7679,24 +7679,30 @@ aside.left-off-canvas-menu .off-canvas-list ul li a { background-position: 3px 50%; } aside.left-off-canvas-menu li.page_item_has_children a.toggle { - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 20px solid #e7e7e7; - border-bottom: 0; - font-size: 0; - height: 0; - line-height: 0; padding: 0; position: absolute; right: 10px; - top: 13px; - width: 0; } + top: 5px; + text-decoration: none; } + aside.left-off-canvas-menu li.page_item_has_children a.toggle:before { + content: '>'; + transform: rotate(0deg); + color: #FFFFFF; + height: 17px; + width: 17px; + font-size: 17px; + font-weight: bold; + display: block; } aside.left-off-canvas-menu li.page_item_has_children a.toggle.open { - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 20px solid #e7e7e7; - border-top: 0; } + content: '>'; + transform: rotate(90deg); + color: #e7e7e7; + height: 1rem; + width: 1rem; + font-size: 1rem; + font-weight: bold; + display: block; } aside.left-off-canvas-menu ul.children { display: none; } @@ -7815,4 +7821,6 @@ ul.social { #stOff { margin-left: 5px; } -/* End Mobile Menu */ \ No newline at end of file +/* End Mobile Menu */ +.gfield { + margin-top: 1em !important; } diff --git a/scss/_gravity-forms.scss b/scss/_gravity-forms.scss new file mode 100644 index 0000000..f2537b4 --- /dev/null +++ b/scss/_gravity-forms.scss @@ -0,0 +1,3 @@ +.gfield { + margin-top: 1em !important; +} diff --git a/scss/_left-off-canvas.scss b/scss/_left-off-canvas.scss index 685650f..8621e68 100644 --- a/scss/_left-off-canvas.scss +++ b/scss/_left-off-canvas.scss @@ -17,18 +17,18 @@ aside.left-off-canvas-menu .off-canvas-list ul li a { background-position: 3px 50%; } aside.left-off-canvas-menu li.page_item_has_children a.toggle { - @include off-canvas-arrow(down, $secondary-color); - font-size: 0; - height: 0; - line-height: 0; - padding: 0; + padding: 0; position: absolute; right: 10px; - top: 13px; - width: 0; + top: 5px; +// width: 30px; + text-decoration: none; + &:before { + @include off-canvas-point(right, $white, 17px); + } } aside.left-off-canvas-menu li.page_item_has_children a.toggle.open { - @include off-canvas-arrow(up, $secondary-color); + @include off-canvas-point(down, $secondary-color); } aside.left-off-canvas-menu ul.children { display: none; diff --git a/scss/app.scss b/scss/app.scss index 7ade1e7..c93a66c 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -16,5 +16,6 @@ @import "copyright"; @import "structure"; @import "left-off-canvas"; +@import "gravity-forms"; //@import "right-off-canvas"; diff --git a/scss/mixins/_off-canvas-arrow.scss b/scss/mixins/_off-canvas-arrow.scss index 07180f3..47996a1 100644 --- a/scss/mixins/_off-canvas-arrow.scss +++ b/scss/mixins/_off-canvas-arrow.scss @@ -1,12 +1,12 @@ @mixin off-canvas-arrow($direction: down, $color: white, $size: 20px) { - border-left: $size - 5 solid transparent; - border-right: $size - 5 solid transparent; + border-left: $size - 10 solid transparent; + border-right: $size - 10 solid transparent; @if $direction == 'up' { - border-bottom: $size solid $color; + border-bottom: $size - 5 solid $color; border-top: 0; // if width is not passed, or empty do this } @else { - border-top: $size solid $color; + border-top: $size - 5 solid $color; border-bottom: 0; } }