mirror of https://github.com/docker/docs.git
_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
parent
f0ee00befc
commit
a12ac448d2
|
|
@ -1,9 +1,3 @@
|
|||
/*
|
||||
*
|
||||
* Buttons ***********************************************************************
|
||||
*
|
||||
*/
|
||||
|
||||
ul.buttons {
|
||||
list-style: none;
|
||||
width: 450px;
|
||||
|
|
|
|||
|
|
@ -1,21 +1,16 @@
|
|||
/*
|
||||
*
|
||||
* Custom Content Docs ******************************************
|
||||
*
|
||||
*/
|
||||
|
||||
/*
|
||||
*
|
||||
* images
|
||||
*
|
||||
*/
|
||||
* Images **********************************************************************
|
||||
*/
|
||||
|
||||
.content img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
/** code formatting **/
|
||||
|
||||
/*
|
||||
* Code formatting *************************************************************
|
||||
*/
|
||||
|
||||
pre {
|
||||
background-color: #F5F8FA!important;
|
||||
|
|
@ -48,10 +43,8 @@ pre code {
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* Guides : components
|
||||
*
|
||||
*/
|
||||
* Guides : components *********************************************************
|
||||
*/
|
||||
|
||||
.component-container {
|
||||
padding: 0;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
*
|
||||
* hero banner text *************************************************************
|
||||
*
|
||||
*/
|
||||
* hero banner text *************************************************************
|
||||
*/
|
||||
|
||||
.hero-text {
|
||||
-ms-flex-align: center;
|
||||
|
|
@ -40,7 +38,7 @@
|
|||
}
|
||||
|
||||
|
||||
/** dockercon banner **/
|
||||
/* dockercon banner */
|
||||
|
||||
.banner {
|
||||
width: 270px;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
*
|
||||
* branding *********************************************************************
|
||||
*
|
||||
*/
|
||||
* branding ********************************************************************
|
||||
*/
|
||||
|
||||
.logo {
|
||||
margin: 12px 10px 0 10px;
|
||||
|
|
@ -29,10 +27,8 @@
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* Header ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* Header **********************************************************************
|
||||
*/
|
||||
|
||||
.header {
|
||||
background-color: $bg-header;
|
||||
|
|
@ -100,10 +96,8 @@ section.section {
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* sidebar ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* sidebar *********************************************************************
|
||||
*/
|
||||
|
||||
.wrapper.right-open #sidebar-wrapper {
|
||||
width: 270px;
|
||||
|
|
@ -113,10 +107,6 @@ section.section {
|
|||
padding-right: 190px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Sidebar
|
||||
*/
|
||||
|
||||
.col-nav,
|
||||
.col-toc {
|
||||
min-height: 100vh;
|
||||
|
|
@ -138,17 +128,10 @@ section.section {
|
|||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
/***Swagger***/
|
||||
|
||||
.swagger-section {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* global footer ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* global footer **************************************************************
|
||||
*/
|
||||
|
||||
footer {
|
||||
background: $white;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
*
|
||||
* for rescaling **********************************************************
|
||||
*
|
||||
*/
|
||||
* for rescaling **************************************************************
|
||||
*/
|
||||
|
||||
@media only screen
|
||||
and (min-width : 376px)
|
||||
|
|
@ -70,10 +68,8 @@
|
|||
|
||||
|
||||
/*
|
||||
*
|
||||
* small displays mobile **********************************************************
|
||||
*
|
||||
*/
|
||||
* small displays mobile **********************************************************
|
||||
*/
|
||||
|
||||
/* Portrait and Landscape */
|
||||
@media only screen
|
||||
|
|
@ -118,10 +114,6 @@
|
|||
.header {
|
||||
height: 100px;
|
||||
}
|
||||
/*.nav-secondary-tabs,
|
||||
.nav-sidebar a {
|
||||
color: #a8a8a8;
|
||||
}*/
|
||||
.tabs {
|
||||
float: left;
|
||||
margin: 0;
|
||||
|
|
@ -143,7 +135,6 @@
|
|||
.sidebar,
|
||||
.sidebar-home {
|
||||
background-color: $bg-sidebar;
|
||||
/*border-right: 1px solid rgba(204,204,204,0.29);*/
|
||||
top: 51px;
|
||||
left: 0;
|
||||
display: block;
|
||||
|
|
@ -237,9 +228,6 @@
|
|||
.main-content {
|
||||
padding: 0 10px;
|
||||
}
|
||||
/*.nav-sidebar a {
|
||||
color: #a8a8a8;
|
||||
}*/
|
||||
.sidebar,
|
||||
.sidebar-home {
|
||||
background-color: $bg-sidebar;
|
||||
|
|
@ -265,10 +253,8 @@
|
|||
|
||||
|
||||
/*
|
||||
*
|
||||
* medium displays mobile **********************************************************
|
||||
*
|
||||
*/
|
||||
* medium displays mobile *****************************************************
|
||||
*/
|
||||
|
||||
|
||||
@media only screen
|
||||
|
|
@ -338,8 +324,6 @@
|
|||
|
||||
@media (max-width: 1024px) {
|
||||
.nav-secondary-tabs.affix-top {
|
||||
/*background-color: $bg-secondary;
|
||||
background-color: rgba(0,0,0,.05); */
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
*
|
||||
* Primary navigation - top header **********************************************************
|
||||
*
|
||||
*/
|
||||
* Primary navigation - top header *********************************************
|
||||
*/
|
||||
.nav-container {
|
||||
height: 55px;
|
||||
}
|
||||
|
|
@ -30,10 +28,8 @@
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* user-nav ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* user-nav ********************************************************************
|
||||
*/
|
||||
|
||||
.user-nav {
|
||||
padding: 20px 0 0;
|
||||
|
|
@ -51,10 +47,8 @@
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* Secondary Navigation **********************************************************
|
||||
*
|
||||
*/
|
||||
* Secondary Navigation *******************************************************
|
||||
*/
|
||||
|
||||
.nav-secondary {
|
||||
background-color: $bg-secondary;
|
||||
|
|
@ -64,10 +58,8 @@
|
|||
|
||||
|
||||
/*
|
||||
*
|
||||
* nav-secondary-tabs ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* nav-secondary-tabs *********************************************************
|
||||
*/
|
||||
|
||||
.nav-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
|
||||
.nav-sidebar li a {
|
||||
|
|
@ -173,10 +163,8 @@
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* Table of contents menu ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* Table of contents menu *****************************************************
|
||||
*/
|
||||
|
||||
.toc-toggle {
|
||||
width: 25px;
|
||||
|
|
@ -229,10 +217,8 @@ div#side-toc-title {
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* Toggle Switches **************************************************************
|
||||
*
|
||||
*/
|
||||
* Toggle Switches *************************************************************
|
||||
*/
|
||||
|
||||
.toggle-mode {
|
||||
float: left;
|
||||
|
|
@ -273,7 +259,6 @@ div#side-toc-title {
|
|||
bottom: 0;
|
||||
background-color: $slider-bg;
|
||||
border: 1px solid #c3e4f7;
|
||||
// transition: 0.4s;
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
|
|
@ -284,7 +269,6 @@ div#side-toc-title {
|
|||
width: 15px;
|
||||
left: 2px;
|
||||
bottom: 1px;
|
||||
// transition: 0.4s;
|
||||
}
|
||||
|
||||
input:focus+.slider {
|
||||
|
|
@ -306,10 +290,8 @@ input:checked+.slider:before {
|
|||
|
||||
|
||||
/*
|
||||
*
|
||||
* Tabs ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* Tabs ************************************************************************
|
||||
*/
|
||||
#tabs {
|
||||
float: left;
|
||||
margin: 0;
|
||||
|
|
@ -319,10 +301,7 @@ input:checked+.slider:before {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tabs {
|
||||
|
||||
li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
|
|
@ -347,10 +326,8 @@ input:checked+.slider:before {
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* feedback links ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* feedback links **************************************************************
|
||||
*/
|
||||
|
||||
#sidebar-right.affix .feedback-links {
|
||||
margin: 50px 0 10px 0;
|
||||
|
|
@ -368,10 +345,8 @@ input:checked+.slider:before {
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* Controls ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* Controls ********************************************************************
|
||||
*/
|
||||
|
||||
.ctrl-left {
|
||||
float: left;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,3 @@
|
|||
/*
|
||||
*
|
||||
* night mode
|
||||
*
|
||||
*/
|
||||
|
||||
body.night {
|
||||
background-color: $bg-body-night;
|
||||
color: $body-text-night;
|
||||
|
|
@ -184,7 +178,7 @@ body.night {
|
|||
display: block;
|
||||
color: #bfabe5;
|
||||
}
|
||||
/** for google results styles - forgive us css gods **/
|
||||
/* for google results styles - forgive us css gods */
|
||||
.gsc-control-cse {
|
||||
border-color: #192837!important;
|
||||
background-color: #192837!important;
|
||||
|
|
@ -232,7 +226,7 @@ body.night {
|
|||
.footer_social_nav ul li a {
|
||||
background-color: #2f2f2f;
|
||||
}
|
||||
/** force blockquote styles **/
|
||||
/* force blockquote styles */
|
||||
blockquote.warning {
|
||||
color: #ff7e7a!important;
|
||||
}
|
||||
|
|
@ -245,18 +239,16 @@ body.night {
|
|||
blockquote.important p:first-child {
|
||||
color: #f5ac45!important;
|
||||
}
|
||||
/** syntax highlighting **/
|
||||
|
||||
/* syntax highlighting */
|
||||
.highlight .nt {
|
||||
color: #e8a0e8;
|
||||
}
|
||||
.highlight .k {
|
||||
color: #da5ada;
|
||||
}
|
||||
/*
|
||||
*
|
||||
* Primary Global Menu Overrides
|
||||
*
|
||||
*/
|
||||
|
||||
/* Primary Global Menu Overrides */
|
||||
.dropdown-menu{
|
||||
background: $black;
|
||||
}
|
||||
|
|
@ -266,20 +258,11 @@ body.night {
|
|||
h6.dropdown-header {
|
||||
color: $white;
|
||||
}
|
||||
/** apply to images with garbled text **/
|
||||
/* apply to images with garbled text */
|
||||
img.white-bg {
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
*
|
||||
* night mode component overrides
|
||||
*
|
||||
*/
|
||||
|
||||
body.night {
|
||||
/* accordion */
|
||||
.panel {
|
||||
color: $body-text-night;
|
||||
|
|
@ -299,7 +282,8 @@ body.night {
|
|||
background: rgb(35, 54, 72);
|
||||
color: #bcbfc3;
|
||||
}
|
||||
/** tabs **/
|
||||
|
||||
/* tabs */
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid #4f6071;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,75 +1,63 @@
|
|||
/*
|
||||
* note, important, and important admonition styles
|
||||
*/
|
||||
|
||||
* note, important, and important admonition styles
|
||||
*/
|
||||
$note-color: #1488C6;
|
||||
$important-color: #aa6708;
|
||||
$warning-color: #ce4844;
|
||||
|
||||
|
||||
/*** Blocquotes with no Liquid tag get $note-color sidebar
|
||||
***/
|
||||
/* Blockquotes with no Liquid tag get $note-color sidebar */
|
||||
blockquote {
|
||||
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 {
|
||||
margin-top: 0;
|
||||
font-weight: 700;
|
||||
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 {
|
||||
content: '\f058 \00a0';
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
|
||||
/*** Blockquotes with important tag get $important-color sidebar
|
||||
***/
|
||||
/* Blockquotes with important tag get $important-color sidebar */
|
||||
blockquote.important {
|
||||
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 {
|
||||
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 {
|
||||
content: '\f06a \00a0';
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
|
||||
/*** Blockquotes with warning tag get $warning-color sidebar
|
||||
***/
|
||||
/* Blockquotes with warning tag get $warning-color sidebar */
|
||||
blockquote.warning {
|
||||
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 {
|
||||
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 {
|
||||
content: '\f057 \00a0';
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
|
||||
/* Maintain backwards compatibility with old
|
||||
* note style
|
||||
*/
|
||||
/* Maintain backwards compatibility with old note style */
|
||||
blockquote > p:only-child {
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
*
|
||||
* Bootstrap Overrides ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* Bootstrap Overrides *********************************************************
|
||||
*/
|
||||
|
||||
.nav-secondary-tabs .dropdown-btn {
|
||||
background: transparent;
|
||||
|
|
@ -100,10 +98,8 @@
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* Bootstrap expand/collapse accordions
|
||||
*
|
||||
*/
|
||||
* Bootstrap expand/collapse accordions ****************************************
|
||||
*/
|
||||
|
||||
.panel-heading .chevron:after {
|
||||
content: "\f0d8";
|
||||
|
|
@ -117,12 +113,9 @@
|
|||
background-color: #fafdfe;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
*
|
||||
* override google results +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
*
|
||||
*/
|
||||
* override google results +++++++++++++++++++++++++++++++++++++++++++++++++++++
|
||||
*/
|
||||
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
|
||||
color: #27343B!important;
|
||||
line-height: 23px!important;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
*
|
||||
* Fonts ***********************************************************************
|
||||
*
|
||||
*/
|
||||
* Fonts **********************************************************************
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Geomanist Book';
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
/*
|
||||
*
|
||||
* utilities
|
||||
*
|
||||
*/
|
||||
* utilities *******************************************************************
|
||||
*/
|
||||
|
||||
.archive-panel {
|
||||
padding: 10px 5px;
|
||||
|
|
@ -29,10 +27,8 @@
|
|||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* tables
|
||||
*
|
||||
*/
|
||||
* tables **********************************************************************
|
||||
*/
|
||||
|
||||
table {
|
||||
border: 1px solid rgba(204, 204, 204, 0.29);
|
||||
|
|
@ -68,33 +64,22 @@ i.fa.fa-outdent {
|
|||
opacity: 0.5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.block {
|
||||
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 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/*
|
||||
* Search *********************************************************************
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
* Search **********************************************************************
|
||||
*/
|
||||
.search-form {
|
||||
float: left;
|
||||
margin: 5px 0 0;
|
||||
// width: 200px;
|
||||
& input[type=text] {
|
||||
background: rgba(0, 0, 0, 0.17) url("/images/search.png") no-repeat 10px 9px;
|
||||
border: 0;
|
||||
|
|
@ -183,29 +168,9 @@ input[type=text] {
|
|||
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 {
|
||||
display: none;
|
||||
|
|
@ -277,23 +242,16 @@ div#autocompleteResults span {
|
|||
padding-right: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
*
|
||||
* google-Results **********************************************************
|
||||
*
|
||||
*/
|
||||
* google-Results *************************************************************
|
||||
*/
|
||||
|
||||
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
*
|
||||
* moved from temp css
|
||||
*
|
||||
*/
|
||||
|
||||
@media print
|
||||
{
|
||||
.footer
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
/*
|
||||
* global
|
||||
*/
|
||||
* global
|
||||
*/
|
||||
$headings: "Geomanist Book", sans-serif;
|
||||
$font: "Open Sans", sans-serif;
|
||||
$body-text-size: 14px;
|
||||
|
|
@ -12,8 +12,8 @@ $black: #000;
|
|||
$clear: 0;
|
||||
|
||||
/*
|
||||
* standard mode
|
||||
*/
|
||||
* standard mode
|
||||
*/
|
||||
$body-text: #33444c;
|
||||
$primary-links: #2496ed;
|
||||
|
||||
|
|
@ -35,8 +35,8 @@ $table-head: #cfd2d4;
|
|||
|
||||
|
||||
/*
|
||||
* night mode
|
||||
*/
|
||||
* night mode
|
||||
*/
|
||||
$body-text-night: #d3d4d4;
|
||||
$primary-links-night: #9cd7f7;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue