Update search form icon css

This commit is contained in:
2018-11-27 14:33:56 +07:00
parent 9fbe093d6f
commit 1402db5c6f
4 changed files with 15 additions and 9 deletions
+5 -4
View File
@@ -120,10 +120,11 @@
.search-toggle {
display: none;
width: 2.5rem;
height: 2.5rem;
background-image: center / 1.75rem no-repeat url(assets/images/search.svg);
width: 2rem;
height: 2rem;
background-image: url(assets/images/search.svg);
cursor: pointer;
background-repeat: no-repeat;
@include breakpoint(md) {
display: block;
@@ -135,7 +136,7 @@
&.active {
background-image: url(assets/images/close.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
.shrink & {
background-image: url(assets/images/close.svg);
+4
View File
@@ -13,6 +13,10 @@ msgstr ""
"X-Poedit-SourceCharset: UTF-8\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"
#: archive-event.php:3
msgid "Events Archive"
msgstr ""
#: templates/page-boxed.php:7
msgid "Boxed Template"
msgstr ""
+5 -4
View File
@@ -1199,10 +1199,11 @@ th {
.search-form .search-toggle {
display: none;
width: 2.5rem;
height: 2.5rem;
background-image: center/1.75rem no-repeat url(assets/images/search.svg);
width: 2rem;
height: 2rem;
background-image: url(assets/images/search.svg);
cursor: pointer;
background-repeat: no-repeat;
}
.shrink .search-form .search-toggle {
@@ -1211,7 +1212,7 @@ th {
.search-form .search-toggle.active {
background-image: url(assets/images/close.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
}
.shrink .search-form .search-toggle.active {
+1 -1
View File
File diff suppressed because one or more lines are too long