mirror of
https://github.com/minio/docs.git
synced 2025-07-31 18:04:52 +03:00
Update font and related changes (#549)
This commit is contained in:
@ -6,6 +6,8 @@ var $ = require ('gulp-load-plugins') ();
|
|||||||
var connect = require('gulp-connect');
|
var connect = require('gulp-connect');
|
||||||
var sass = require('gulp-sass')(require('sass'));
|
var sass = require('gulp-sass')(require('sass'));
|
||||||
|
|
||||||
|
var branchDir = 'master';
|
||||||
|
|
||||||
var paths = {
|
var paths = {
|
||||||
scss: {
|
scss: {
|
||||||
dir: 'source/_static/scss',
|
dir: 'source/_static/scss',
|
||||||
@ -16,15 +18,15 @@ var paths = {
|
|||||||
dir: 'source/_static/css',
|
dir: 'source/_static/css',
|
||||||
main: 'source/_static/scss/main.css',
|
main: 'source/_static/scss/main.css',
|
||||||
files: 'source/_static/scss/**/*.css',
|
files: 'source/_static/scss/**/*.css',
|
||||||
dist: 'build/master/html/_static/css'
|
dist: `build/${branchDir}/html/_static/css`
|
||||||
},
|
},
|
||||||
js: {
|
js: {
|
||||||
dir: 'source/_static/js',
|
dir: 'source/_static/js',
|
||||||
main: 'source/_static/js/main.js',
|
main: 'source/_static/js/main.js',
|
||||||
files: 'source/_static/js/**/*.js',
|
files: 'source/_static/js/**/*.js',
|
||||||
dist: 'build/master/html/_static/js',
|
dist: `build/${branchDir}/html/_static/js`,
|
||||||
},
|
},
|
||||||
dist: 'build/master/html'
|
dist: `build/${branchDir}/html`
|
||||||
}
|
}
|
||||||
|
|
||||||
// Compile SCSS
|
// Compile SCSS
|
||||||
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
source/_static/fonts/inter/Inter-Bold.woff2
Normal file
BIN
source/_static/fonts/inter/Inter-Bold.woff2
Normal file
Binary file not shown.
BIN
source/_static/fonts/inter/Inter-Medium.woff2
Normal file
BIN
source/_static/fonts/inter/Inter-Medium.woff2
Normal file
Binary file not shown.
BIN
source/_static/fonts/inter/Inter-Regular.woff2
Normal file
BIN
source/_static/fonts/inter/Inter-Regular.woff2
Normal file
Binary file not shown.
@ -1,23 +1,20 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Mark";
|
font-family: "Mark";
|
||||||
src: url("../fonts/Mark-Regular.woff2") format("woff2"),
|
src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
|
||||||
url("../fonts/Mark-Regular.woff") format("woff");
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Mark";
|
font-family: "Mark";
|
||||||
src: url("../fonts/Mark-Medium.woff2") format("woff2"),
|
src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
|
||||||
url("../fonts/Mark-Medium.woff") format("woff");
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Mark";
|
font-family: "Mark";
|
||||||
src: url("../fonts/Mark-Bold.woff2") format("woff2"),
|
src: url("../fonts/inter/Inter-Bold.woff2") format("woff2");
|
||||||
url("../fonts/Mark-Bold.woff") format("woff");
|
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
@ -131,7 +131,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: $search-height;
|
height: $search-height;
|
||||||
padding: 0 var(--content-padding);
|
padding: 0 var(--content-padding);
|
||||||
top: 3.3rem;
|
top: 3.25rem;
|
||||||
|
|
||||||
& > h2 {
|
& > h2 {
|
||||||
display: none;
|
display: none;
|
||||||
@ -143,7 +143,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint-max(breakpoints(lg)) {
|
@include breakpoint-max(breakpoints(lg)) {
|
||||||
top: 7.2rem
|
top: 7rem
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(.active) {
|
&:not(.active) {
|
||||||
|
@ -48,6 +48,7 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
padding: 0 0.3rem;
|
||||||
|
|
||||||
&:not(.icon--switch) {
|
&:not(.icon--switch) {
|
||||||
& > svg {
|
& > svg {
|
||||||
|
@ -420,12 +420,16 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
||||||
|
@include breakpoint-max(breakpoints(lg)) {
|
||||||
|
gap: 1.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
color: var(--text-muted-color);
|
color: var(--text-muted-color);
|
||||||
font-weight: $font-weight-medium;
|
font-weight: $font-weight-medium;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.69rem 0;
|
padding: 0.85rem 0 0.7rem;
|
||||||
border-bottom: 2px solid transparent;
|
border-bottom: 2px solid transparent;
|
||||||
transition: color 300ms;
|
transition: color 300ms;
|
||||||
|
|
||||||
|
@ -32,6 +32,10 @@
|
|||||||
background-image: var(--search-icon);
|
background-image: var(--search-icon);
|
||||||
padding-left: 2.25rem;
|
padding-left: 2.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-within {
|
||||||
|
box-shadow: 0 0 0 0.3rem var(--search-focus-shadow);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -46,9 +50,9 @@
|
|||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0 0.3rem;
|
padding: 0 0.3rem;
|
||||||
background-position: center left 1rem;
|
background-position: top 0.825rem left 1rem;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
transition: box-shadow 200ms;
|
transition: box-shadow 200ms, border-color 200ms;
|
||||||
|
|
||||||
@include breakpoint-min(breakpoints(xl)) {
|
@include breakpoint-min(breakpoints(xl)) {
|
||||||
max-width: 31.5rem;
|
max-width: 31.5rem;
|
||||||
@ -84,10 +88,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus-within {
|
|
||||||
box-shadow: 0 0 0 0.3rem var(--search-focus-shadow);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.search__text {
|
.search__text {
|
||||||
@ -98,7 +98,7 @@
|
|||||||
color: var(--search-color);
|
color: var(--search-color);
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 0.5rem 0.15rem 0.25rem;
|
padding: 0 0.5rem 0 0.25rem;
|
||||||
|
|
||||||
&::placeholder {
|
&::placeholder {
|
||||||
color: var(--search-placeholder-color);
|
color: var(--search-placeholder-color);
|
||||||
|
@ -43,9 +43,9 @@ $theme-properties: (
|
|||||||
|
|
||||||
// Search
|
// Search
|
||||||
--search-bg: $white $dark-100,
|
--search-bg: $white $dark-100,
|
||||||
--search-border-color: $light-400 $dark-400,
|
--search-border-color: $light-300 $dark-300,
|
||||||
--search-focus-border-color: $light-500 $dark-500,
|
--search-focus-border-color: $light-400 $dark-400,
|
||||||
--search-placeholder-color: #7e7e7e $text-dark-color,
|
--search-placeholder-color: #7e7e7e #697995,
|
||||||
--search-color: $black $text-dark-color,
|
--search-color: $black $text-dark-color,
|
||||||
--search-icon: url(../img/icons/search.svg) url(../img/icons/search-dark.svg),
|
--search-icon: url(../img/icons/search.svg) url(../img/icons/search-dark.svg),
|
||||||
--search-focus-shadow: rgba($white, 0.15) #1b232f,
|
--search-focus-shadow: rgba($white, 0.15) #1b232f,
|
||||||
@ -57,7 +57,7 @@ $theme-properties: (
|
|||||||
|
|
||||||
// Docs nav
|
// Docs nav
|
||||||
--docs-nav-active-color: $theme-red $headings-dark-color,
|
--docs-nav-active-color: $theme-red $headings-dark-color,
|
||||||
--docs-nav-group-border-color: $light-300 $dark-500,
|
--docs-nav-group-border-color: $light-300 $dark-300,
|
||||||
|
|
||||||
// Scrollbar
|
// Scrollbar
|
||||||
--scrollbar-bg: #e5e5e5 #2e3747,
|
--scrollbar-bg: #e5e5e5 #2e3747,
|
||||||
|
@ -31,8 +31,8 @@ $breakpoints: (
|
|||||||
$z-index-header: 11;
|
$z-index-header: 11;
|
||||||
|
|
||||||
// Body
|
// Body
|
||||||
$font-family-base: 'Mark', sans-serif;
|
$font-family-base: 'Inter', sans-serif;
|
||||||
$font-family-headings: 'Mark', sans-serif;
|
$font-family-headings: 'Inter', sans-serif;
|
||||||
$font-family-mono: Courier New, Courier ,monospace;
|
$font-family-mono: Courier New, Courier ,monospace;
|
||||||
$root-font-size: 16px;
|
$root-font-size: 16px;
|
||||||
$body-font-size: 1rem;
|
$body-font-size: 1rem;
|
||||||
|
Reference in New Issue
Block a user