1
0
mirror of https://github.com/minio/docs.git synced 2025-04-24 06:05:11 +03:00
docs/source/_static/scss/includes/_variables.scss
Rushan 594a9cfb6e
Replace Algolia DocSearch with InstantSearch (#621)
- Rendered only the relevant search results that has the match-level of
either `full` or `partial`.
- Added refinements to display results from other platforms (Active
platform is selected by default).
- Better title and hierarchical display.

![title](https://user-images.githubusercontent.com/13393018/198229684-3018b591-a54c-4b4f-80db-94c11e33ec65.svg)


- Added icons to represent the hierarchy level.

![icons](https://user-images.githubusercontent.com/13393018/198228150-143153bf-aa9a-4c41-baf8-bd9fa3d33bf2.png)
- Relevant results on full/partial match queries.
<img width="595" alt="Screenshot 2022-10-27 at 12 09 26"
src="https://user-images.githubusercontent.com/13393018/198228440-3a7b52a6-9f33-4778-a2ab-15b1454ede99.png">

- TODO: Keyboard shortcut to trigger/focus the search modal. (Will
address this with a new PR)
2022-11-02 09:21:21 -05:00

73 lines
1.2 KiB
SCSS

// Colors
$white: #ffffff;
$black: #000000;
$theme-red: #c72e49;
// Gray shades light
$light-100: #F5F5F5;
$light-200: #EFF0F1;
$light-300: #E8EAEC;
$light-400: #E1E3E6;
$light-500: #D9DDE2;
// Gray shades dark
$dark-0: #19202A;
$dark-100: #212936;
$dark-200: #273140;
$dark-300: #2E394A;
$dark-400: #59667A;
$dark-500: #8A93A4;
// Breakpoints
$breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1280px
);
// z-index
$z-index-header: 11;
// Body
$font-family-base: 'Inter', sans-serif;
$font-family-headings: 'Inter', sans-serif;
$font-family-mono: Courier New, Courier ,monospace;
$root-font-size: 16px;
$body-font-size: 1rem;
$body-line-height: 1.6;
// Text
$text-dark-color: #A2ADC0;
$headings-dark-color: #E3EEEF;
// Font size
$font-size-xs: 0.75rem;
$font-size-sm: 0.8125rem;
$font-size-md: 0.9375rem;
// Layout
$container-width: 1400px;
// Font weight
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 700;
// Header
$header-light-bg: #031733;
// Sidebar
$sidebar-width: 18rem;
// Border Radius
$border-radius: 0.1875rem;
$border-radius-sm: 0.125rem;
$border-radius-lg: 0.3125rem;
// Nav - FIXME
$nav-sub-hover-bg: #f8f8f8;
$nav-mobile-bg: $white;
$nav-mobile-width: 300px;
$nav-active-z-index: 100;