Skip to content
This repository was archived by the owner on Jun 3, 2024. It is now read-only.

Commit 9c508bb

Browse files
Add CSS transition on search-bar background
1 parent ddea08c commit 9c508bb

File tree

2 files changed

+3
-1
lines changed

2 files changed

+3
-1
lines changed

src/scss/includes/search_form.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -198,7 +198,7 @@ input[type="search"]::-webkit-search-cancel-button {
198198

199199
.top_bar--small {
200200

201-
background: none;
201+
background-size: 0;
202202

203203
.search_form {
204204

src/scss/includes/top_bar.scss

+2
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
background: url('../images/backgrounds/top_desktop.svg') no-repeat;
55
background-size: 820px;
66
pointer-events: none;
7+
transition: background-size .3s;
78
}
89

910
@media (max-width: 640px) {
@@ -13,5 +14,6 @@
1314
width: 100%;
1415
background: url('../images/backgrounds/top_mobile.svg') no-repeat;
1516
background-size: 100%;
17+
transition: background-size 0s;
1618
}
1719
}

0 commit comments

Comments
 (0)