css-tidyup

Author: osfameron

src/css/base.css

@@ -217,6 +217,7 @@ label::after {
   outline-width: 0;
 }
 
+
 /* Common margin padding css class */
 /* margin-top */
 .mt-0 {

src/css/body.css

@@ -1,8 +1,10 @@
-/* NOTE min-width of flex: 1 container = content-width to prevent wrapping by default; min-width: 0 lets content wrap */
+/* NOTE
+  min-width of flex: 1 container = content-width to prevent wrapping by default; 
+  min-width: 0 lets content wrap */
+  
 div.body {
   display: flex;
   margin-top: var(--height-to-body);
-  /* overflow-wrap: break-word; */
   word-wrap: break-word;
   /* IE only supports word-wrap, which is an alias of overflow-wrap */
 }

src/css/component-frame.css

@@ -1,9 +1,7 @@
 .component-frame {
-  /* rgba(87, 160, 255, 1) */
   background: var(--color-brand-gray6);
   padding: 0 15px 0 15px;
   display: flex;
-  /* align-items: center; */
   justify-content: center;
   position: relative;
 }
@@ -20,7 +18,6 @@
 
 .frame-body {
   margin-left: var(--base-extra-small-space);
-  /* position: relative; */
   padding-top: 12px;
   padding-bottom: 12px;
   padding-right: 0;
@@ -48,9 +45,6 @@
 .component-frame .frame-link-dropdowns {
   display: inline-block;
   line-height: 1;
-  /* position: relative;
-  padding-bottom: 20px;
-  margin-bottom: -20px; */
 }
 
 .frame-body .frame-link {
@@ -99,7 +93,6 @@
 .frame-dropdown ul {
   background: var(--color-brand-white);
   border-radius: 0;
-  /* box-shadow: 0 3px 10px -4px var(--color-brand-gray8); */
   margin: 0;
 }
 
@@ -127,11 +120,6 @@
   border-left: 3px solid var(--color-brand-gray8);
 }
 
-/* .frame-dropdown ul.frame-dropdown-list li,
-.frame-dropdown ul.related li {
-  border-bottom: 1px solid var(--color-brand-gray8);
-} */
-
 ul.frame-dropdown-list li:last-child,
 .frame-dropdown ul.related li:last-child {
   border-bottom: 0;

src/css/contributor.css

@@ -1,5 +1,4 @@
 .contributor-list-box {
-  /* display: flex; */
   align-items: center;
   flex-wrap: wrap;
   margin: 15px 0 0;

src/css/doc.css

@@ -49,21 +49,11 @@
 
 .doc h2 {
   font-size: var(--heading-h2);
-  /* max-width: fit-content; */
   width: 100%;
   margin-top: var(--base-extra-large-space);
   /* NOTE used to restrict width of key line */
 }
 
-/* .doc h2::after {
-  content: "";
-  display: block;
-  max-width: 5.75rem;
-  height: 0;
-  outline: 0.5px solid currentColor;
-  margin-top: 1.0625rem;
-} */
-
 .doc h3 {
   font-size: var(--heading-h3);
   margin-top: var(--base-extra-large-space);
@@ -122,11 +112,6 @@
   text-decoration: underline;
 }
 
-/* .doc code {
-  color: var(--color-text);
-  font-weight: var(--weight-medium);
-} */
-
 .doc pre code {
   display: block;
   color: inherit;
@@ -185,7 +170,6 @@ occur inside lists.
 .doc caption {
   font-size: var(--font-base);
   font-weight: var(--weight-semibold);
-  /* letter-spacing: -0.025em; */
   line-height: 1.2;
   margin-bottom: var(--base-space);
   color: var(--color-brand-gray3);
@@ -222,18 +206,6 @@ ul ul ul {
   margin-bottom: var(--base-extra-small-space);
 }
 
-/* .doc table.tableblock,
-.doc th.tableblock,
-.doc td.tableblock {
-  border: 0 solid var(--color-border-table);
-}
-
-.doc table.tableblock {
-  border-width: 1px;
-  border-collapse: collapse;
-  margin: 1.5rem 0 2rem;
-} */
-
 /* TODO drop .spread after upgrading to Asciidoctor 1.5.7 */
 
 .doc table.spread,
@@ -245,16 +217,6 @@ ul ul ul {
   text-align: left;
 }
 
-/* .doc table.tableblock > tbody {
-  font-weight: var(--weight-light);
-} */
-
-/* NOTE prevent wide tables from exceeding bounds */
-
-/* TODO could also target table.tableblock[style^="width:"] */
-
-/* TODO drop .spread after upgrading to Asciidoctor 1.5.7 */
-
 .doc table.spread > tbody > tr > *,
 .doc table.stretch > tbody > tr > * {
   /* NOTE setting max-width reactivates overflow-wrap behavior on the table cell */
@@ -444,7 +406,6 @@ ul ul ul {
   flex-direction: column;
   border: 1px solid var(--color-brand-gray8);
   padding: var(--base-space);
-  /* padding-left: var(--base-space); */
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
   border-radius: 5px;
   align-items: center;
@@ -509,19 +470,6 @@ ul ul ul {
   font-weight: inherit;
 }
 
-/* Use this for a working pseudo element before an [abstract] attribute-marked block in the documentation.
-  This one adds the words "Quick Summary" before any text inside the [abstract] block. */
-
-/*
-.doc .abstract blockquote::before {
-  content: "Quick Summary \a";
-  white-space: pre;
-  color: var(--color-muted);
-  font-weight: var(--weight-medium);
-  font-size: var(--heading-h4);
-  padding-bottom: 1rem;
-}  */
-
 .doc ul {
   margin: 0;
   padding: 0 0 0 1rem;
@@ -546,11 +494,11 @@ ul ul ul {
 }
 
 .doc ul.checklist i.fa-check-square-o::before {
-  content: "\2713";
+  content: "\2713"; /* check-mark */
 }
 
 .doc ul.checklist i.fa-square-o::before {
-  content: "\274f";
+  content: "\274f"; /* square with a shadow outline */
 }
 
 .doc .dlist .dlist,
@@ -626,18 +574,6 @@ ul ul ul {
 
 /* NOTE assume pre.highlight contains code[data-lang] */
 
-/* .doc pre.highlight code::after,
-.doc pre:not(.highlight)::after{
-  content: '';
-  display: inline-block;
-  background: transparent linear-gradient(180deg, #F1F7FE0D 0%, #F1F7FE40 18%, #F1F7FE 68%, #F1F7FE 100%) 0% 0% no-repeat padding-box;
-  width: 65px;
-  height: 100%;
-  position: absolute;
-  right: 0;
-  top: 0;
-} */
-
 .doc pre.highlight {
   position: relative;
 }
@@ -648,41 +584,6 @@ ul ul ul {
   padding: 0;
 }
 
-/* .doc pre.highlight .hljs-attr {
-  color: var(--hljs-attr);
-} */
-
-/* .doc pre.highlight .hljs-string {
-  color: var(--hljs-string);
-} */
-
-/* .doc pre.highlight .hljs-number {
-  color: var(--hljs-number);
-} */
-
-/* .doc .listingblock code[data-lang]::before {
-  content: attr(data-lang);
-  color: var("--color-brand-gray1");
-  display: none;
-  font-size: 0.75rem;
-  font-weight: var(--weight-normal);
-  letter-spacing: 1px;
-  line-height: 18px;
-  text-transform: uppercase;
-  position: absolute;
-  top: 0.375rem;
-  right: 2rem;
-  font-family: "Source Sans Pro", sans-serif;
-  padding-right: 6px;
-  border-right: 1px solid var(--color-brand-gray9);
-}
-
-.doc .listingblock:hover code[data-lang]::before {
-  display: block;
-}
-
-*/
-
 table.tableblock code.language-console.hljs.shell,
 table.tableblock pre code.language-bash.hljs {
   white-space: normal;
@@ -717,10 +618,6 @@ table.tableblock pre code.language-bash.hljs {
   margin-top: var(--base-extra-small-space);
 }
 
-/* .doc .dlist dd > .openblock > .content > :first-child {
-  margin-top: 0;
-} */
-
 .doc .sidebarblock > .content {
   border: 1px solid var(--color-border);
   padding: 2.5rem;

src/css/external-link-icon.css

@@ -2,7 +2,7 @@
 .doc a[href^="http://"]:not([href*=".couchbase.com"]):not([href*="localhost"]):not([href*="127.0.0.1"]):not(.remove-ext-icon)::after,
 a.add-ext-icon::after {
   font-family: "Font Awesome Light", serif;
-  content: "\f35d";
+  content: "\f35d"; /* alternate external link icon */
   font-size: inherit;
   color: inherit;
   display: none;

src/css/feedback.css

@@ -1,3 +1,5 @@
+/* these elements are created by Jira Issue Collector script */
+
 #atlwdg-trigger.atlwdg-trigger {
   display: none;
   background: linear-gradient(to right, var(--color-brand-pink) 0%, var(--color-brand-orange) 100%);

src/css/footer.css

@@ -4,7 +4,6 @@
   padding: 2.5rem 0;
   position: relative;
   z-index: var(--z-index-footer);
-  /* box-shadow: 0 0 10px -5px #999; FIX BELOW */
   border-top: 1px solid var(--color-border-table);
 }
 
@@ -162,8 +161,6 @@ h2.footer-column-title {
 
 .footer-terms {
   font-size: 0.575rem;
-
-  /*  font-size: 0.875rem; */
   line-height: 1;
   border-top: 1px solid var(--color-footer-text);
   padding: 2.125rem 0 0.3125rem;

src/css/header.css

@@ -135,19 +135,6 @@
   display: inline-block;
 }
 
-.parent-site {
-  /* margin: 0 10px;
-  padding: 0 10px; */
-  /* border-right: 1px solid var(--color-brand-gray5);
-  border-left: 1px solid var(--color-brand-gray5); */
-}
-
-/* .parent-site a {
-  color: var(--color-brand-gray4);
-  font-size: 1rem;
-  font-family: "Source Sans Pro", sans-serif;
-} */
-
 .search {
   position: relative;
 }
@@ -255,11 +242,6 @@
     width: 283px;
   }
 
-  /* .parent-site {
-    margin: 0;
-    padding: 0 var(--column-space);
-  } */
-
   .navbar.navbar-new-top {
     padding: 1.25rem 0;
     line-height: 1;
@@ -318,13 +300,6 @@
     font-size: 18px;
     color: #ffffffbf;
   }
-  /* .parent-site {
-    border-left: none;
-  }
-
-  .parent-site a {
-    color: var(--color-brand-white);
-  } */
 
   .free-trial-link {
     background: var(--color-brand-white);

src/css/highlight.css

@@ -11,9 +11,9 @@ Other CSS rules for styling code blocks:
 - In doc.css, the `.doc pre:not(.highlight), .doc pre.highlight code` selector sets the code block `color` and `background-color`
 - In docs.css, the `.doc .listingblock code[data-lang]::before` selector sets the language label `color`
 */
+
 .hljs-comment,
 .hljs-meta {
-  /* color: #708090; */
   color: var(--color-brand-gray1);
 }
 
@@ -47,7 +47,6 @@ Other CSS rules for styling code blocks:
 
 .hljs-built_in,
 .hljs-function .hljs-title {
-  /* color: #e6db74; */
   color: var(--color-brand-orange);
 }