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;

19
_scss/_content.scss
View File

@ -1,13 +1,5 @@
/* /*
* * Images **********************************************************************
* Custom Content Docs ******************************************
*
*/
/*
*
* images
*
*/ */
.content img { .content img {
@ -15,7 +7,10 @@
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,9 +43,7 @@ pre code {
} }
/* /*
* * Guides : components *********************************************************
* Guides : components
*
*/ */
.component-container { .component-container {

4
_scss/_global-header.scss
View File

@ -1,7 +1,5 @@
/* /*
*
* hero banner text ************************************************************* * hero banner text *************************************************************
*
*/ */
.hero-text { .hero-text {
@ -40,7 +38,7 @@
} }
/** dockercon banner **/ /* dockercon banner */
.banner { .banner {
width: 270px; width: 270px;

25
_scss/_layout.scss
View File

@ -1,7 +1,5 @@
/* /*
* * branding ********************************************************************
* branding *********************************************************************
*
*/ */
.logo { .logo {
@ -29,9 +27,7 @@
} }
/* /*
* * Header **********************************************************************
* Header ***********************************************************************
*
*/ */
.header { .header {
@ -100,9 +96,7 @@ section.section {
} }
/* /*
* * sidebar *********************************************************************
* sidebar ***********************************************************************
*
*/ */
.wrapper.right-open #sidebar-wrapper { .wrapper.right-open #sidebar-wrapper {
@ -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,16 +128,9 @@ 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 {

20
_scss/_mobile.scss
View File

@ -1,7 +1,5 @@
/* /*
* * for rescaling **************************************************************
* for rescaling **********************************************************
*
*/ */
@media only screen @media only screen
@ -70,9 +68,7 @@
/* /*
*
* small displays mobile ********************************************************** * small displays mobile **********************************************************
*
*/ */
/* Portrait and Landscape */ /* Portrait and Landscape */
@ -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,9 +253,7 @@
/* /*
* * medium displays mobile *****************************************************
* medium displays mobile **********************************************************
*
*/ */
@ -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;
} }

45
_scss/_navigation.scss
View File

@ -1,7 +1,5 @@
/* /*
* * Primary navigation - top header *********************************************
* Primary navigation - top header **********************************************************
*
*/ */
.nav-container { .nav-container {
height: 55px; height: 55px;
@ -30,9 +28,7 @@
} }
/* /*
* * user-nav ********************************************************************
* user-nav ***********************************************************************
*
*/ */
.user-nav { .user-nav {
@ -51,9 +47,7 @@
} }
/* /*
* * Secondary Navigation *******************************************************
* Secondary Navigation **********************************************************
*
*/ */
.nav-secondary { .nav-secondary {
@ -64,9 +58,7 @@
/* /*
* * nav-secondary-tabs *********************************************************
* nav-secondary-tabs ***********************************************************************
*
*/ */
.nav-secondary-tabs { .nav-secondary-tabs {
@ -89,9 +81,7 @@
} }
/* /*
* * 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
@ -173,9 +163,7 @@
} }
/* /*
* * Table of contents menu *****************************************************
* Table of contents menu ***********************************************************************
*
*/ */
.toc-toggle { .toc-toggle {
@ -229,9 +217,7 @@ div#side-toc-title {
} }
/* /*
* * Toggle Switches *************************************************************
* Toggle Switches **************************************************************
*
*/ */
.toggle-mode { .toggle-mode {
@ -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,9 +290,7 @@ input:checked+.slider:before {
/* /*
* * Tabs ************************************************************************
* Tabs ***********************************************************************
*
*/ */
#tabs { #tabs {
float: left; float: left;
@ -319,10 +301,7 @@ input:checked+.slider:before {
} }
} }
.tabs { .tabs {
li { li {
float: left; float: left;
list-style: none; list-style: none;
@ -347,9 +326,7 @@ input:checked+.slider:before {
} }
/* /*
* * feedback links **************************************************************
* feedback links ***********************************************************************
*
*/ */
#sidebar-right.affix .feedback-links { #sidebar-right.affix .feedback-links {
@ -368,9 +345,7 @@ input:checked+.slider:before {
} }
/* /*
* * Controls ********************************************************************
* Controls ***********************************************************************
*
*/ */
.ctrl-left { .ctrl-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;
} }

32
_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;

13
_scss/_overrides.scss
View File

@ -1,7 +1,5 @@
/* /*
* * Bootstrap Overrides *********************************************************
* Bootstrap Overrides ***********************************************************************
*
*/ */
.nav-secondary-tabs .dropdown-btn { .nav-secondary-tabs .dropdown-btn {
@ -100,9 +98,7 @@
} }
/* /*
* * Bootstrap expand/collapse accordions ****************************************
* Bootstrap expand/collapse accordions
*
*/ */
.panel-heading .chevron:after { .panel-heading .chevron:after {
@ -117,11 +113,8 @@
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;

4
_scss/_typography.scss
View File

@ -1,7 +1,5 @@
/* /*
* * Fonts **********************************************************************
* Fonts ***********************************************************************
*
*/ */
@font-face { @font-face {

56
_scss/_utilities.scss
View File

@ -1,7 +1,5 @@
/* /*
* * utilities *******************************************************************
* utilities
*
*/ */
.archive-panel { .archive-panel {
@ -29,9 +27,7 @@
} }
/* /*
* * tables **********************************************************************
* tables
*
*/ */
table { table {
@ -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,28 +168,8 @@ 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 {
@ -277,10 +242,9 @@ 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 {
@ -288,12 +252,6 @@ input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:
} }
/*
*
* moved from temp css
*
*/
@media print @media print
{ {
.footer .footer