diff --git a/_scss/_buttons.scss b/_scss/_buttons.scss index 8d78806f78..42db0d0991 100755 --- a/_scss/_buttons.scss +++ b/_scss/_buttons.scss @@ -1,9 +1,3 @@ -/* -* -* Buttons *********************************************************************** -* -*/ - ul.buttons { list-style: none; width: 450px; diff --git a/_scss/_content.scss b/_scss/_content.scss index be25d3d598..e6eb8a5c6d 100755 --- a/_scss/_content.scss +++ b/_scss/_content.scss @@ -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; diff --git a/_scss/_global-header.scss b/_scss/_global-header.scss index ff83510225..f554093ed7 100755 --- a/_scss/_global-header.scss +++ b/_scss/_global-header.scss @@ -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; diff --git a/_scss/_layout.scss b/_scss/_layout.scss index 4a96413795..67b619428b 100755 --- a/_scss/_layout.scss +++ b/_scss/_layout.scss @@ -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; diff --git a/_scss/_mobile.scss b/_scss/_mobile.scss index b720e3a47f..7cafdd1b45 100755 --- a/_scss/_mobile.scss +++ b/_scss/_mobile.scss @@ -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; } diff --git a/_scss/_navigation.scss b/_scss/_navigation.scss index 72537adad1..0ee165dda6 100755 --- a/_scss/_navigation.scss +++ b/_scss/_navigation.scss @@ -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; diff --git a/_scss/_night-mode.scss b/_scss/_night-mode.scss index 6d677f0d01..fe0b5a3562 100755 --- a/_scss/_night-mode.scss +++ b/_scss/_night-mode.scss @@ -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; } diff --git a/_scss/_notes.scss b/_scss/_notes.scss index 06bae81afe..3f445e1d12 100644 --- a/_scss/_notes.scss +++ b/_scss/_notes.scss @@ -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; diff --git a/_scss/_overrides.scss b/_scss/_overrides.scss index fbb0ffe58c..01d957bbf6 100755 --- a/_scss/_overrides.scss +++ b/_scss/_overrides.scss @@ -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; diff --git a/_scss/_typography.scss b/_scss/_typography.scss index 82442d7a2d..eeeb32657f 100755 --- a/_scss/_typography.scss +++ b/_scss/_typography.scss @@ -1,8 +1,6 @@ /* -* -* Fonts *********************************************************************** -* -*/ + * Fonts ********************************************************************** + */ @font-face { font-family: 'Geomanist Book'; diff --git a/_scss/_utilities.scss b/_scss/_utilities.scss index b0ada28a88..6dcf8fadfd 100755 --- a/_scss/_utilities.scss +++ b/_scss/_utilities.scss @@ -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 diff --git a/_scss/_variables.scss b/_scss/_variables.scss index 353c1a1d07..8571fe7f02 100755 --- a/_scss/_variables.scss +++ b/_scss/_variables.scss @@ -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;