steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-09-13 05:13:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improved padding of active search input

Browse Source
This commit is contained in:
Silvio Giebl
2020-01-01 00:21:19 +01:00
parent 82b3f15443
commit c907e79251
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
_sass/search.scss
View File

@@ -37,7 +37,7 @@
padding-top: $sp-2;
padding-right: $gutter-spacing-sm;
padding-bottom: $sp-2;
padding-left: #{$gutter-spacing-sm + $sp-4 * 1.2 + $sp-2};
padding-left: #{$gutter-spacing-sm + $sp-5};
background-color: $search-background-color;
border-top: 0;
border-right: 0;
@@ -55,7 +55,7 @@
background-color: $body-background-color;
border-radius: 0;
box-shadow: none;
transition: width ease $transition-duration;
transition: padding-left linear #{$transition-duration / 2}, width ease $transition-duration;
@include fs-3;
}
@@ -76,6 +76,7 @@
@include mq(md) {
padding-left: $gutter-spacing;
transition: padding-left linear #{$transition-duration / 2};
}
.search-icon {
@@ -261,10 +262,17 @@
box-shadow: none;
@include mq(md) {
padding-left: #{$sp-4 * 1.25 + $sp-5};
width: $search-results-width;
}
}
.search-label {
@include mq(md) {
padding-left: #{$sp-4 * 1.25};
}
}
.search-results {
display: block;
}