Sha256: 857642dd873f6806cc7cbf8516f38e077e22b6b5a1a0faf59588f23ba785a0ee
Contents?: true
Size: 1.57 KB
Versions: 4
Compression:
Stored size: 1.57 KB
Contents
@use '../0-tools/vars' as *;
// Custom styling to the Google Custom Search used in `_includes/nav-global.html`
// ==================================================
.nav-global__gcse-wrapper #___gcse_0:hover #gsc-iw-id1,
.nav-global__gcse-wrapper #___gcse_0:focus #gsc-iw-id1 {
filter: drop-shadow(2px 2px 6px rgba(128,128,128, 0.5));
}
.nav-global__gcse-wrapper #gsc-iw-id1 {
border-radius: 2rem;
padding-left: .5rem;
border: solid thin $grey-5;
line-height: 1;
padding-top: 3px;
padding-bottom: 3px;
}
.nav-global__gcse-wrapper .gsc-search-button-v2 {
background-color: transparent !important;
border: none !important;
pointer-events: auto;
position: relative;
right: 30px;
transition-property: right;
transition-duration: .2s;
}
.nav-global__gcse-wrapper .gsst_a .gscb_a {
vertical-align: middle;
}
.nav-global__gcse-wrapper button.gsc-overrides__clear-x {
right: 48px;
padding-right: 5px !important;
}
.nav-global__gcse-wrapper .gsc-search-button-v2 svg {
fill: $primary-blue !important;
height: 1.25rem;
width: 1.25rem;
transition-property: fill;
transition-duration: .2s;
}
.nav-global__gcse-wrapper .gsc-search-button-v2:hover svg,
.nav-global__gcse-wrapper .gsc-search-button-v2:focus svg {
fill: $primary-red !important;
}
.nav-global__gcse-wrapper td.gsc-search-button {
display: inline;
pointer-events: none;
position: absolute;
right: 50px;
}
@media screen and (min-width: 1400px) {
.nav-global__gcse-wrapper td.gsc-search-button {
right: 44px;
}
}
.nav-global__search-collapse--visible #___gcse_0 {
margin-bottom: 20px;
}
Version data entries
4 entries across 4 versions & 1 rubygems