docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

_scss: reformat _variables.scss, and unify colors in variables file 

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
Sebastiaan van Stijn 2020-10-19 17:41:35 +02:00
parent c0f083cb4f
commit 204d4df024
No known key found for this signature in database
GPG Key ID: 76698F39D527CE8C
7 changed files with 52 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_scss/_buttons.scss
View File

@ -21,7 +21,7 @@ a.button.outline-btn.min-hgt {
.button {
margin: 10px 10px 10px 0;
font-family: Geomanist Book, sans-serif;
font-family: $buttons;
padding: 12px 35px 10px;
min-width: 200px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);

16
_scss/_landing.scss
View File

@ -1,10 +1,10 @@
$dark-blue: #002c66;
$bg-card-night: #0F161E;
body.landing {
background-color: $bg-body-landing;
h2, h5, h6 {
font-family: 'Geomanist Regular', sans-serif;
font-family: $headings-landing;
}
section {
@ -162,7 +162,7 @@ body.landing {
$icons: rocket, download-docker, guides, whats-new, manuals, reference;
.card {
background-color: $bg-body;
background-color: $bg-card;
box-shadow: 0 3px 6px rgba(11, 33, 74, 0.09),
0 -2px 2px rgba(11, 33, 74, 0.03);
padding: 24px 36px;
@ -385,13 +385,3 @@ body.landing {
body.landing:not(.night) {
background-color: $bg-sidebar;
}
body.landing.night {
.card {
background-color: $bg-card-night;
}
.cardlet {
background-color: $bg-card-night;
}
}

9
_scss/_navigation.scss
View File

@ -45,7 +45,7 @@
.nav-sidebar ul {
list-style: none;
padding: 0px 15px;
padding: 0 15px;
text-align: left;
li {
@ -296,10 +296,3 @@ input:checked+.slider:before {
float: left;
margin: 2px 0 0;
}
.divider {
height: 1px;
margin: 9px 29px;
overflow: hidden;
background-color: #077CBC;
}

23
_scss/_night-mode.scss
View File

@ -1,9 +1,18 @@
body.night {
background-color: $bg-body-night;
color: $body-text-night;
p,
ol,
ul,
color: $body-text-night;
&.landing {
background-color: $bg-body-landing-night;
.header > .container {
background-color: $bg-header-night;
}
.card, .cardlet {
background-color: $bg-card-night;
}
}
p,ol,ul,
.rating-nero-value,
.reading-time {
color: $body-text-night !important;
@ -213,9 +222,3 @@ body.night {
color: $white!important;
}
}
body.landing.night {
.header>.container {
background-color: $bg-header-night;
}
}

4
_scss/_overrides.scss
View File

@ -73,11 +73,11 @@
* Bootstrap expand/collapse accordions ****************************************
*/
.panel-heading .chevron:after {
.panel-heading .chevron::after {
content: "\f0d8";
}
.panel-heading.collapsed .chevron:after {
.panel-heading.collapsed .chevron::after {
content: "\f0d7";
}

7
_scss/_typography.scss
View File

@ -39,12 +39,7 @@
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1,
h2,
h3,
h4,
h5,
h6 {
h1,h2,h3,h4,h5,h6 {
font-family: $headings;
color: $body-text;
clear: both;

60
_scss/_variables.scss
View File

@ -2,11 +2,13 @@
/*
* global
*/
$headings: "Geomanist Book", sans-serif;
$font: "Open Sans", sans-serif;
$body-text-size: 14px;
$global-header-height: 440px;
$bg-secondary-tabs: rgba(0, 0, 0, 0.05);
$headings: "Geomanist Book", sans-serif;
$headings-landing: 'Geomanist Regular', sans-serif;
$buttons: "Geomanist Book", sans-serif;
$font: "Open Sans", sans-serif;
$body-text-size: 14px;
$global-header-height: 440px;
$bg-secondary-tabs: rgba(0, 0, 0, 0.05);
$white: #fff;
$black: #000;
$clear: 0;
@ -14,40 +16,40 @@ $clear: 0;
/*
* standard mode
*/
$body-text: #33444c;
$primary-links: #2496ed;
$body-text: #33444c;
$primary-links: #2496ed;
$bg-body: #ffffff;
$bg-header: #2496ed;
$bg-secondary: #2496ed;
$bg-sidebar: #fbfbfc;
$bg-footer: #ffffff;
$bg-body: #ffffff;
$bg-body-landing: #fbfbfc;
$bg-header: #2496ed;
$bg-secondary: #2496ed;
$bg-sidebar: #fbfbfc;
$bg-footer: #ffffff;
$bg-component: #fbfbfc;
$bdr-sidebar: rgba(204, 204, 204, 0.29);
$bg-component: #fbfbfc;
$bg-card: #ffffff;
$slider-bg: #c3e4f7;
$slider-btn: #2496ed;
$code-blocks: rgba(12, 81, 118, 0.1);
$table-head: #cfd2d4;
$slider-bg: #c3e4f7;
$slider-btn: #2496ed;
$table-head: #cfd2d4;
/*
* night mode
*/
$body-text-night: #d3d4d4;
$primary-links-night: #9cd7f7;
$body-text-night: #d3d4d4;
$primary-links-night: #9cd7f7;
$bg-body-night: #061F2F;
$bg-header-night: #101c29;
$bg-secondary-night: #101c29;
$bg-sidebar-night: #101e26;
$bg-footer-night: #000000;
$bg-body-night: #061f2f;
$bg-body-landing-night: #061f2f;
$bg-header-night: #101c29;
$bg-secondary-night: #101c29;
$bg-sidebar-night: #101e26;
$bg-footer-night: #000000;
$bg-component-night: #101c29;
$bg-component-night: #101c29;
$bg-card-night: #0f161e;
$active-sidebar-night: #9cd7f7;
$active-sidebar-night: #9cd7f7;
$bg-search-results-night: rgba(10, 10, 10, 0.95);