Files
rancher-docs/assets/sass/_instantsearch-theme-algolia.scss
T
Vincent Fiduccia ee13c69303 Upgrade hugo
2019-02-13 16:50:07 -07:00

329 lines
10 KiB
SCSS

/*! instantsearch.js 2.10.4 | © Algolia Inc. and other contributors;
Licensed MIT | github.com/algolia/instantsearch.js */
.ais-clear-all--link, .ais-current-refined-values--clear-all, .ais-price-ranges--button, .ais-range-input--submit, .ais-geo-search--clear, .ais-geo-search--redo {
color: #FFFFFF;
display: inline-block;
background: #3369E7;
border-radius: 4px;
font-size: 12px;
text-decoration: none;
padding: 4px 8px;
}
.ais-clear-all--link:hover, .ais-current-refined-values--clear-all:hover, .ais-price-ranges--button:hover, .ais-range-input--submit:hover, .ais-geo-search--clear:hover, .ais-geo-search--redo:hover {
text-decoration: none;
color: #FFFFFF;
background: #184ECD;
}
.ais-clear-all--link-disabled, .ais-current-refined-values--clear-all-disabled {
opacity: .5;
pointer-events: none;
}
.ais-current-refined-values--clear-all {
margin-bottom: 5px;
}
.ais-current-refined-values--item, .ais-hierarchical-menu--item, .ais-menu--item, .ais-refinement-list--item, .ais-star-rating--item, .ais-toggle--item, .ais-geo-search--toggle-label {
font-size: 14px;
line-height: 30px;
}
.ais-current-refined-values--link, .ais-hierarchical-menu--link, .ais-menu--link, .ais-refinement-list--label, .ais-toggle--label, .ais-geo-search--toggle-label, .ais-price-ranges--link, .ais-star-rating--link {
color: #3E82F7;
text-decoration: none;
}
.ais-current-refined-values--link:hover, .ais-hierarchical-menu--link:hover, .ais-menu--link:hover, .ais-refinement-list--label:hover, .ais-toggle--label:hover, .ais-geo-search--toggle-label:hover, .ais-price-ranges--link:hover, .ais-star-rating--link:hover {
color: #184ECD;
text-decoration: none;
}
.ais-current-refined-values--count, .ais-hierarchical-menu--count, .ais-menu--count, .ais-refinement-list--count, .ais-star-rating--count, .ais-toggle--count {
background: rgba(39, 81, 175, 0.1);
border-radius: 31px;
color: #3E82F7;
padding: 2px 10px;
}
.ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link {
font-weight: bold;
}
.ais-hierarchical-menu--item__active > div > .ais-hierarchical-menu--link::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.ais-hierarchical-menu--link {
position: relative;
}
.ais-hierarchical-menu--link::after {
background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 1.5l5 4.98-5 5.02' stroke='%23697782' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' opacity='.4'/></svg>") no-repeat center center/contain;
content: ' ';
display: block;
position: absolute;
top: calc(50% - 14px / 2);
right: -22px;
height: 14px;
width: 14px;
}
select.ais-hits-per-page-selector, select.ais-numeric-selector, select.ais-sort-by-selector, select.ais-menu-select--select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFFFFF url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'><path d='M11 1L6.02 6 1 1' stroke-width='1.5' stroke='%23BFC7D8' fill='none' fill-rule='evenodd' stroke-linecap='round'/></svg>") no-repeat center right 16px/10px;
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2) !important;
border: solid 1px #D4D8E3 !important;
border-radius: 4px;
color: #697782;
font-size: 12px;
transition: background 0.2s ease, box-shadow 0.2s ease;
padding: 8px 32px 8px 16px;
outline: none;
}
.ais-menu--item__active > div > .ais-menu--link {
font-weight: bold;
}
.ais-menu button {
background: transparent;
border: 0;
cursor: pointer;
font-size: 11px;
}
.ais-refinement-list--item {
line-height: 24px;
}
.ais-refinement-list--item__active > div > .ais-refinement-list--label, .ais-refinement-list--item__active > div > .ais-toggle--label, .ais-refinement-list--item__active > div > .ais-geo-search--toggle-label {
font-weight: bold;
}
.ais-refinement-list--label, .ais-toggle--label, .ais-geo-search--toggle-label {
cursor: pointer;
}
.ais-refinement-list--label input[type="radio"], .ais-toggle--label input[type="radio"], .ais-geo-search--toggle-label input[type="radio"], .ais-refinement-list--label input[type="checkbox"], .ais-toggle--label input[type="checkbox"], .ais-geo-search--toggle-label input[type="checkbox"] {
margin-right: 5px;
}
.ais-refinement-list div > button {
background: transparent;
border: 0;
cursor: pointer;
font-size: 11px;
}
.ais-pagination {
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
border: solid 1px #D4D8E3;
border-radius: 4px;
display: inline-block;
padding: 8px 16px;
width: auto;
}
.ais-pagination--item {
border-radius: 4px;
font-size: 14px;
text-align: center;
width: 28px;
}
.ais-pagination--item:hover {
background: rgba(39, 81, 175, 0.1);
}
.ais-pagination--item__disabled {
color: #BBB;
opacity: .5;
pointer-events: none;
visibility: visible;
}
.ais-pagination--item__active {
background: #3369E7;
}
.ais-pagination--item__active .ais-pagination--link {
color: #FFFFFF;
}
.ais-pagination--link {
color: #697782;
display: block;
text-decoration: none;
width: 100%;
}
.ais-pagination--link:hover {
color: #3369E7;
text-decoration: none;
}
.ais-price-ranges--item {
font-size: 14px;
line-height: 24px;
}
.ais-price-ranges--item__active {
font-weight: bold;
}
.ais-price-ranges--form {
margin-top: 10px;
}
.ais-price-ranges--input {
background: #FFFFFF;
box-shadow: inset 0 1px 1px 0 rgba(85, 95, 110, 0.2);
border: solid 1px #D4D8E3;
border-radius: 4px;
outline: none;
}
.ais-price-ranges--button {
border: 0;
outline: none;
margin-left: 5px;
position: relative;
top: -2px;
}
.ais-range-input--inputMin, .ais-range-input--inputMax {
background: #FFFFFF;
box-shadow: inset 0 1px 1px 0 rgba(85, 95, 110, 0.2);
border: solid 1px #D4D8E3;
border-radius: 4px;
outline: none;
}
.ais-range-input--submit {
border: none;
outline: none;
margin-left: 5px;
position: relative;
top: -2px;
}
.ais-range-slider--handle {
border: 1px solid #3369E7;
}
.ais-range-slider .rheostat-progress {
background-color: #3369E7 !important;
}
.ais-search-box {
display: inline-block;
position: relative;
height: 46px;
white-space: nowrap;
font-size: 14px;
}
.ais-search-box--input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font: inherit;
background: #FFFFFF;
color: #000000;
display: inline-block;
border: 1px solid #D4D8E3;
border-radius: 4px;
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
transition: box-shadow .4s ease, background .4s ease;
padding: 10px 10px 10px 35px;
vertical-align: middle;
white-space: normal;
height: 100%;
width: 100%;
}
.ais-search-box--input:focus {
box-shadow: none;
outline: 0;
}
.ais-search-box--reset {
fill: #BFC7D8;
top: calc(50% - 12px / 2);
right: 13px;
}
.ais-search-box--magnifier {
fill: #BFC7D8;
left: 12px;
top: calc(50% - 18px / 2);
}
.ais-search-box--magnifier svg {
height: 18px;
width: 18px;
}
.ais-search-box--loading-indicator-wrapper {
fill: #BFC7D8;
left: 12px;
top: calc(50% - 18px / 2);
}
.ais-search-box--loading-indicator-wrapper svg {
height: 18px;
width: 18px;
}
.ais-stats {
color: #697782;
font-size: 14px;
opacity: .6;
}
.ais-toggle--item__active {
font-weight: bold;
}
.ais-breadcrumb--root .ais-breadcrumb--label, .ais-breadcrumb--root .ais-breadcrumb--separator, .ais-breadcrumb--root .ais-breadcrumb--home {
display: inline;
color: #3369E7;
}
.ais-breadcrumb--root .ais-breadcrumb--label div, .ais-breadcrumb--root .ais-breadcrumb--separator div, .ais-breadcrumb--root .ais-breadcrumb--home div {
display: inline;
}
.ais-breadcrumb--root .ais-breadcrumb--disabledLabel {
color: #444444;
display: inline;
}
.ais-breadcrumb--root .ais-breadcrumb--separator {
position: relative;
display: inline-block;
height: 14px;
width: 14px;
}
.ais-breadcrumb--root .ais-breadcrumb--separator::after {
background: url("data:image/svg+xml;
utf8,<svg viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 1.5l5 4.98-5 5.02' stroke='%23697782' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' opacity='.4'/></svg>") no-repeat center center/contain;
content: ' ';
display: block;
position: absolute;
top: 2px;
height: 14px;
width: 14px;
}
.ais-geo-search {
position: relative;
}
.ais-geo-search--clear {
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
border: solid 1px #D4D8E3;
border-radius: 4px;
padding: 8px 15px;
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ais-geo-search--clear:hover {
cursor: pointer;
}
.ais-geo-search--control {
position: absolute;
top: 10px;
left: 50px;
}
.ais-geo-search--toggle-label {
font-size: 12px;
background: #FFFFFF;
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
border: solid 1px #D4D8E3;
border-radius: 4px;
padding: 0 15px;
}
.ais-geo-search--redo {
box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
border: solid 1px #D4D8E3;
border-radius: 4px;
padding: 8px 15px;
}
.ais-geo-search--redo:hover {
cursor: pointer;
}
.ais-geo-search--redo:disabled {
background: #A0B8F3;
}
[class^="ais-"] {
box-sizing: border-box;
}
[class^="ais-"] > *, [class^="ais-"] > *::after, [class^="ais-"] > *::before {
box-sizing: border-box;
}
.ais-header {
border-bottom: 2px solid #EEE;
font-size: .8em;
margin: 0 0 6px;
padding: 0 0 6px;
text-transform: uppercase;
}