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

_scss: cleanup and reformat comments, remove commented styles 

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
Sebastiaan van Stijn 2020-10-11 15:23:23 +02:00
parent f0ee00befc
commit a12ac448d2
No known key found for this signature in database
GPG Key ID: 76698F39D527CE8C
12 changed files with 92 additions and 244 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_scss/_buttons.scss
View File

@ -1,9 +1,3 @@
/*
*
* Buttons ***********************************************************************
*
*/
ul.buttons { ul.buttons {
list-style: none; list-style: none;
width: 450px; width: 450px;

23
_scss/_content.scss
View File

@ -1,21 +1,16 @@
/* /*
* * Images **********************************************************************
* Custom Content Docs ****************************************** */
*
*/
/*
*
* images
*
*/
.content img { .content img {
display: block; display: block;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
/** code formatting **/
/*
* Code formatting *************************************************************
*/
pre { pre {
background-color: #F5F8FA!important; background-color: #F5F8FA!important;
@ -48,10 +43,8 @@ pre code {
} }
/* /*
* * Guides : components *********************************************************
* Guides : components */
*
*/
.component-container { .component-container {
padding: 0; padding: 0;

8
_scss/_global-header.scss
View File

@ -1,8 +1,6 @@
/* /*
* * hero banner text *************************************************************
* hero banner text ************************************************************* */
*
*/
.hero-text { .hero-text {
-ms-flex-align: center; -ms-flex-align: center;
@ -40,7 +38,7 @@
} }
/** dockercon banner **/ /* dockercon banner */
.banner { .banner {
width: 270px; width: 270px;

33
_scss/_layout.scss
View File

@ -1,8 +1,6 @@
/* /*
* * branding ********************************************************************
* branding ********************************************************************* */
*
*/
.logo { .logo {
margin: 12px 10px 0 10px; margin: 12px 10px 0 10px;
@ -29,10 +27,8 @@
} }
/* /*
* * Header **********************************************************************
* Header *********************************************************************** */
*
*/
.header { .header {
background-color: $bg-header; background-color: $bg-header;
@ -100,10 +96,8 @@ section.section {
} }
/* /*
* * sidebar *********************************************************************
* sidebar *********************************************************************** */
*
*/
.wrapper.right-open #sidebar-wrapper { .wrapper.right-open #sidebar-wrapper {
width: 270px; width: 270px;
@ -113,10 +107,6 @@ section.section {
padding-right: 190px; padding-right: 190px;
} }
/*
* Sidebar
*/
.col-nav, .col-nav,
.col-toc { .col-toc {
min-height: 100vh; min-height: 100vh;
@ -138,17 +128,10 @@ section.section {
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
} }
/***Swagger***/
.swagger-section {
padding-top: 2rem;
}
/* /*
* * global footer **************************************************************
* global footer *********************************************************************** */
*
*/
footer { footer {
background: $white; background: $white;

28
_scss/_mobile.scss
View File

@ -1,8 +1,6 @@
/* /*
* * for rescaling **************************************************************
* for rescaling ********************************************************** */
*
*/
@media only screen @media only screen
and (min-width : 376px) and (min-width : 376px)
@ -70,10 +68,8 @@
/* /*
* * small displays mobile **********************************************************
* small displays mobile ********************************************************** */
*
*/
/* Portrait and Landscape */ /* Portrait and Landscape */
@media only screen @media only screen
@ -118,10 +114,6 @@
.header { .header {
height: 100px; height: 100px;
} }
/*.nav-secondary-tabs,
.nav-sidebar a {
color: #a8a8a8;
}*/
.tabs { .tabs {
float: left; float: left;
margin: 0; margin: 0;
@ -143,7 +135,6 @@
.sidebar, .sidebar,
.sidebar-home { .sidebar-home {
background-color: $bg-sidebar; background-color: $bg-sidebar;
/*border-right: 1px solid rgba(204,204,204,0.29);*/
top: 51px; top: 51px;
left: 0; left: 0;
display: block; display: block;
@ -237,9 +228,6 @@
.main-content { .main-content {
padding: 0 10px; padding: 0 10px;
} }
/*.nav-sidebar a {
color: #a8a8a8;
}*/
.sidebar, .sidebar,
.sidebar-home { .sidebar-home {
background-color: $bg-sidebar; background-color: $bg-sidebar;
@ -265,10 +253,8 @@
/* /*
* * medium displays mobile *****************************************************
* medium displays mobile ********************************************************** */
*
*/
@media only screen @media only screen
@ -338,8 +324,6 @@
@media (max-width: 1024px) { @media (max-width: 1024px) {
.nav-secondary-tabs.affix-top { .nav-secondary-tabs.affix-top {
/*background-color: $bg-secondary;
background-color: rgba(0,0,0,.05); */
position: fixed; position: fixed;
top: 0; top: 0;
} }

65
_scss/_navigation.scss
View File

@ -1,8 +1,6 @@
/* /*
* * Primary navigation - top header *********************************************
* Primary navigation - top header ********************************************************** */
*
*/
.nav-container { .nav-container {
height: 55px; height: 55px;
} }
@ -30,10 +28,8 @@
} }
/* /*
* * user-nav ********************************************************************
* user-nav *********************************************************************** */
*
*/
.user-nav { .user-nav {
padding: 20px 0 0; padding: 20px 0 0;
@ -51,10 +47,8 @@
} }
/* /*
* * Secondary Navigation *******************************************************
* Secondary Navigation ********************************************************** */
*
*/
.nav-secondary { .nav-secondary {
background-color: $bg-secondary; background-color: $bg-secondary;
@ -64,10 +58,8 @@
/* /*
* * nav-secondary-tabs *********************************************************
* nav-secondary-tabs *********************************************************************** */
*
*/
.nav-secondary-tabs { .nav-secondary-tabs {
background-color: $bg-secondary-tabs; background-color: $bg-secondary-tabs;
@ -89,10 +81,8 @@
} }
/* /*
* * NAV SIDEBAR *****************************************************************
* NAV SIDEBAR *********************************************************************** */
*
*/
// Some links don't have 'href' attr, hence no mouse pointer // Some links don't have 'href' attr, hence no mouse pointer
.nav-sidebar li a { .nav-sidebar li a {
@ -173,10 +163,8 @@
} }
/* /*
* * Table of contents menu *****************************************************
* Table of contents menu *********************************************************************** */
*
*/
.toc-toggle { .toc-toggle {
width: 25px; width: 25px;
@ -229,10 +217,8 @@ div#side-toc-title {
} }
/* /*
* * Toggle Switches *************************************************************
* Toggle Switches ************************************************************** */
*
*/
.toggle-mode { .toggle-mode {
float: left; float: left;
@ -273,7 +259,6 @@ div#side-toc-title {
bottom: 0; bottom: 0;
background-color: $slider-bg; background-color: $slider-bg;
border: 1px solid #c3e4f7; border: 1px solid #c3e4f7;
// transition: 0.4s;
} }
.slider:before { .slider:before {
@ -284,7 +269,6 @@ div#side-toc-title {
width: 15px; width: 15px;
left: 2px; left: 2px;
bottom: 1px; bottom: 1px;
// transition: 0.4s;
} }
input:focus+.slider { input:focus+.slider {
@ -306,10 +290,8 @@ input:checked+.slider:before {
/* /*
* * Tabs ************************************************************************
* Tabs *********************************************************************** */
*
*/
#tabs { #tabs {
float: left; float: left;
margin: 0; margin: 0;
@ -319,10 +301,7 @@ input:checked+.slider:before {
} }
} }
.tabs { .tabs {
li { li {
float: left; float: left;
list-style: none; list-style: none;
@ -347,10 +326,8 @@ input:checked+.slider:before {
} }
/* /*
* * feedback links **************************************************************
* feedback links *********************************************************************** */
*
*/
#sidebar-right.affix .feedback-links { #sidebar-right.affix .feedback-links {
margin: 50px 0 10px 0; margin: 50px 0 10px 0;
@ -368,10 +345,8 @@ input:checked+.slider:before {
} }
/* /*
* * Controls ********************************************************************
* Controls *********************************************************************** */
*
*/
.ctrl-left { .ctrl-left {
float: left; float: left;

34
_scss/_night-mode.scss
View File

@ -1,9 +1,3 @@
/*
*
* night mode
*
*/
body.night { body.night {
background-color: $bg-body-night; background-color: $bg-body-night;
color: $body-text-night; color: $body-text-night;
@ -184,7 +178,7 @@ body.night {
display: block; display: block;
color: #bfabe5; color: #bfabe5;
} }
/** for google results styles - forgive us css gods **/ /* for google results styles - forgive us css gods */
.gsc-control-cse { .gsc-control-cse {
border-color: #192837!important; border-color: #192837!important;
background-color: #192837!important; background-color: #192837!important;
@ -232,7 +226,7 @@ body.night {
.footer_social_nav ul li a { .footer_social_nav ul li a {
background-color: #2f2f2f; background-color: #2f2f2f;
} }
/** force blockquote styles **/ /* force blockquote styles */
blockquote.warning { blockquote.warning {
color: #ff7e7a!important; color: #ff7e7a!important;
} }
@ -245,18 +239,16 @@ body.night {
blockquote.important p:first-child { blockquote.important p:first-child {
color: #f5ac45!important; color: #f5ac45!important;
} }
/** syntax highlighting **/
/* syntax highlighting */
.highlight .nt { .highlight .nt {
color: #e8a0e8; color: #e8a0e8;
} }
.highlight .k { .highlight .k {
color: #da5ada; color: #da5ada;
} }
/*
* /* Primary Global Menu Overrides */
* Primary Global Menu Overrides
*
*/
.dropdown-menu{ .dropdown-menu{
background: $black; background: $black;
} }
@ -266,20 +258,11 @@ body.night {
h6.dropdown-header { h6.dropdown-header {
color: $white; color: $white;
} }
/** apply to images with garbled text **/ /* apply to images with garbled text */
img.white-bg { img.white-bg {
background-color: white; background-color: white;
} }
}
/*
*
* night mode component overrides
*
*/
body.night {
/* accordion */ /* accordion */
.panel { .panel {
color: $body-text-night; color: $body-text-night;
@ -299,7 +282,8 @@ body.night {
background: rgb(35, 54, 72); background: rgb(35, 54, 72);
color: #bcbfc3; color: #bcbfc3;
} }
/** tabs **/
/* tabs */
.nav-tabs { .nav-tabs {
border-bottom: 1px solid #4f6071; border-bottom: 1px solid #4f6071;
} }

36
_scss/_notes.scss
View File

@ -1,75 +1,63 @@
/* /*
* note, important, and important admonition styles * note, important, and important admonition styles
*/ */
$note-color: #1488C6; $note-color: #1488C6;
$important-color: #aa6708; $important-color: #aa6708;
$warning-color: #ce4844; $warning-color: #ce4844;
/*** Blocquotes with no Liquid tag get $note-color sidebar /* Blockquotes with no Liquid tag get $note-color sidebar */
***/
blockquote { blockquote {
border-left-color: $note-color; border-left-color: $note-color;
} }
/*** First paragraph of a multi-paragraph blockquote is bold and defaults to $note-color if not tagged differently /* First paragraph of a multi-paragraph blockquote is bold and defaults to $note-color if not tagged differently */
***/
blockquote > p:first-child { blockquote > p:first-child {
margin-top: 0; margin-top: 0;
font-weight: 700; font-weight: 700;
color: $note-color; color: $note-color;
} }
/*** This used to prepend "Note" to title of any multi-paragraph blockquote, now it adds the note icon instead /* This used to prepend "Note" to title of any multi-paragraph blockquote, now it adds the note icon instead */
***/
blockquote > p:first-child::before { blockquote > p:first-child::before {
content: '\f058 \00a0'; content: '\f058 \00a0';
font-family: FontAwesome; font-family: FontAwesome;
} }
/*** Blockquotes with important tag get $important-color sidebar /* Blockquotes with important tag get $important-color sidebar */
***/
blockquote.important { blockquote.important {
border-left-color: $important-color; border-left-color: $important-color;
} }
/*** First paragraph of a multi-paragraph .important blockquote inherits bold, and is $important-color /* First paragraph of a multi-paragraph .important blockquote inherits bold, and is $important-color */
***/
blockquote.important > p:first-child { blockquote.important > p:first-child {
color: $important-color; color: $important-color;
} }
/*** This used to prepend "Important" to important admonitions, now it adds the important icon instead /* Add "important" icon to important admonitions */
***/
blockquote.important > p:first-child::before { blockquote.important > p:first-child::before {
content: '\f06a \00a0'; content: '\f06a \00a0';
font-family: FontAwesome; font-family: FontAwesome;
} }
/*** Blockquotes with warning tag get $warning-color sidebar /* Blockquotes with warning tag get $warning-color sidebar */
***/
blockquote.warning { blockquote.warning {
border-left-color: $warning-color; border-left-color: $warning-color;
} }
/*** First paragraph of a multi-paragraph .warning blockquote inherits bold, and is $warning-color /* First paragraph of a multi-paragraph .warning blockquote inherits bold, and is $warning-color */
***/
blockquote.warning > p:first-child { blockquote.warning > p:first-child {
color: $warning-color; color: $warning-color;
} }
/*** This used to prepend the "Warning" text as content, now it adds the warning icon instead /* Add "warning" icon to warning admonitions */
***/
blockquote.warning > p:first-child::before { blockquote.warning > p:first-child::before {
content: '\f057 \00a0'; content: '\f057 \00a0';
font-family: FontAwesome; font-family: FontAwesome;
} }
/* Maintain backwards compatibility with old /* Maintain backwards compatibility with old note style */
* note style
*/
blockquote > p:only-child { blockquote > p:only-child {
font-weight: inherit; font-weight: inherit;
color: inherit; color: inherit;

19
_scss/_overrides.scss
View File

@ -1,8 +1,6 @@
/* /*
* * Bootstrap Overrides *********************************************************
* Bootstrap Overrides *********************************************************************** */
*
*/
.nav-secondary-tabs .dropdown-btn { .nav-secondary-tabs .dropdown-btn {
background: transparent; background: transparent;
@ -100,10 +98,8 @@
} }
/* /*
* * Bootstrap expand/collapse accordions ****************************************
* Bootstrap expand/collapse accordions */
*
*/
.panel-heading .chevron:after { .panel-heading .chevron:after {
content: "\f0d8"; content: "\f0d8";
@ -117,12 +113,9 @@
background-color: #fafdfe; background-color: #fafdfe;
} }
/* /*
* * override google results +++++++++++++++++++++++++++++++++++++++++++++++++++++
* override google results +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
*
*/
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
color: #27343B!important; color: #27343B!important;
line-height: 23px!important; line-height: 23px!important;

6
_scss/_typography.scss
View File

@ -1,8 +1,6 @@
/* /*
* * Fonts **********************************************************************
* Fonts *********************************************************************** */
*
*/
@font-face { @font-face {
font-family: 'Geomanist Book'; font-family: 'Geomanist Book';

66
_scss/_utilities.scss
View File

@ -1,8 +1,6 @@
/* /*
* * utilities *******************************************************************
* utilities */
*
*/
.archive-panel { .archive-panel {
padding: 10px 5px; padding: 10px 5px;
@ -29,10 +27,8 @@
} }
/* /*
* * tables **********************************************************************
* tables */
*
*/
table { table {
border: 1px solid rgba(204, 204, 204, 0.29); border: 1px solid rgba(204, 204, 204, 0.29);
@ -68,33 +64,22 @@ i.fa.fa-outdent {
opacity: 0.5; opacity: 0.5;
} }
.block { .block {
padding: 0 15px 10px 15px; padding: 0 15px 10px 15px;
} }
/* /* Inline graphics and icons (like the whale menu icon in d4mac, d4win) */
*
* Inline graphics and icons (like the whale menu icon in d4mac, d4win)
*
*/
img.inline { img.inline {
display: inline; display: inline;
} }
/* /*
* Search ********************************************************************* * Search **********************************************************************
* */
*/
.search-form { .search-form {
float: left; float: left;
margin: 5px 0 0; margin: 5px 0 0;
// width: 200px;
& input[type=text] { & input[type=text] {
background: rgba(0, 0, 0, 0.17) url("/images/search.png") no-repeat 10px 9px; background: rgba(0, 0, 0, 0.17) url("/images/search.png") no-repeat 10px 9px;
border: 0; border: 0;
@ -183,29 +168,9 @@ input[type=text] {
opacity: 1; opacity: 1;
} }
// .search-form input[type=text]::-webkit-input-placeholder {
// color: #fff;
// }
// .search-form input[type=text]:-moz-placeholder {
// /* Firefox 18- */
// color: #fff;
// }
// .search-form input[type=text]::-moz-placeholder {
// /* Firefox 19+ */
// color: #fff;
// }
// .search-form input[type=text]:-ms-input-placeholder {
// color: #fff;
// }
/* /*
* * autocompleteResults *********************************************************
* autocompleteResults ********************************************************** */
*
*/
div#autocompleteResults { div#autocompleteResults {
display: none; display: none;
@ -277,23 +242,16 @@ div#autocompleteResults span {
padding-right: 20px; padding-right: 20px;
margin: 0; margin: 0;
} }
/* /*
* * google-Results *************************************************************
* google-Results ********************************************************** */
*
*/
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
display: none!important; display: none!important;
} }
/*
*
* moved from temp css
*
*/
@media print @media print
{ {
.footer .footer

12
_scss/_variables.scss
View File

@ -1,7 +1,7 @@
/* /*
* global * global
*/ */
$headings: "Geomanist Book", sans-serif; $headings: "Geomanist Book", sans-serif;
$font: "Open Sans", sans-serif; $font: "Open Sans", sans-serif;
$body-text-size: 14px; $body-text-size: 14px;
@ -12,8 +12,8 @@ $black: #000;
$clear: 0; $clear: 0;
/* /*
* standard mode * standard mode
*/ */
$body-text: #33444c; $body-text: #33444c;
$primary-links: #2496ed; $primary-links: #2496ed;
@ -35,8 +35,8 @@ $table-head: #cfd2d4;
/* /*
* night mode * night mode
*/ */
$body-text-night: #d3d4d4; $body-text-night: #d3d4d4;
$primary-links-night: #9cd7f7; $primary-links-night: #9cd7f7;