Merge pull request #1 from couchbase/cloud-update

Updates to fix lint errors

Author: amarantha-k

gulp.d/tasks/build-preview-pages.js

@@ -92,8 +92,8 @@ function registerHelpers (src) {
 
 function compileLayouts (src, layouts) {
   return vfs.src('layouts/*.hbs', { base: src, cwd: src }).pipe(
-    map((file, enc, next) => {
-      layouts[file.stem] = handlebars.compile(file.contents.toString(), { preventIndent: true })
+    map(({ stem, contents, basename }, enc, next) => {
+      layouts[stem] = handlebars.compile(contents.toString(), { srcName: basename, preventIndent: true })
       next()
     })
   )

gulp.d/tasks/release.js

@@ -35,14 +35,17 @@ function collectReleases ({ octokit, owner, repo, filter, page = 1, accum = [] }
 
 function versionBundle (bundleFile, tagName) {
   return new Promise((resolve, reject) =>
-    zip.src(bundleFile)
+    zip
+      .src(bundleFile)
       .on('error', reject)
-      .pipe((() => {
-        const meta = new File({ path: 'ui.yml', contents: Buffer.from(`version: ${tagName}\n`) })
-        const stream = map((file, _, next) => file.path === meta.path && file !== meta ? next() : next(null, file))
-        stream.write(meta)
-        return stream
-      })())
+      .pipe(
+        (() => {
+          const meta = new File({ path: 'ui.yml', contents: Buffer.from(`version: ${tagName}\n`) })
+          const stream = map((file, _, next) => (file.path === meta.path && file !== meta ? next() : next(null, file)))
+          stream.write(meta)
+          return stream
+        })()
+      )
       .pipe(zip.dest(bundleFile))
       .on('finish', () => resolve(bundleFile))
   )
@@ -65,9 +68,7 @@ module.exports = (dest, bundleName, owner, repo, token, updateBranch) => async (
   const readmeBlob = await octokit.gitdata
     .createBlob({ owner, repo, content: readmeContent, encoding: 'utf-8' })
     .then((result) => result.data.sha)
-  let tree = await octokit.gitdata
-    .getCommit({ owner, repo, commit_sha: commit })
-    .then((result) => result.data.tree.sha)
+  let tree = await octokit.gitdata.getCommit({ owner, repo, commit_sha: commit }).then((result) => result.data.tree.sha)
   tree = await octokit.gitdata
     .createTree({
       owner,

src/css/common.css

@@ -3,7 +3,7 @@
   top: 0;
   right: 0;
   left: 0;
-  z-index: 1030;
+  z-index: var(--z-index-nav-mobile);
 }
 
 .btn {

src/css/doc.css

@@ -61,12 +61,8 @@
 .doc h5 > a.anchor,
 .doc h6 > a.anchor {
   color: var(--color-brand-red);
-  background-image: -webkit-linear-gradient(
-    -45deg,
-    var(--color-brand-purple),
-    var(--color-brand-red) 75%
-  );
-  -webkit-background-clip: text;
+  background-image: linear-gradient(-45deg, var(--color-brand-purple), var(--color-brand-red) 75%);
+  background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: var(--weight-normal);
   position: absolute;
@@ -774,15 +770,15 @@
 
 @media screen and (min-width: 840px) {
   .active-tab-item-row,
-  .tabset .dropddown-btn{
+  .tabset .dropddown-btn {
     display: none;
   }
-  .doc .tabs ul.hide{
+
+  .doc .tabs ul.hide {
     display: none;
   }
 }
 
-
 @media screen and (max-width: 840px) {
   .tabset {
     position: relative;
@@ -795,7 +791,7 @@
 
   .active-tab-item-row {
     display: inline-block;
-    max-width:60%;
+    max-width: 60%;
   }
 
   .active-tab-item-row a {
@@ -814,7 +810,6 @@
     text-decoration: none;
   }
 
-  .active-tab-item-row a::after,
   .active-tab-item-row a::after {
     background-color: var(--color-brand-white);
     content: "";
@@ -826,33 +821,33 @@
     left: 0;
     right: 0;
   }
-  
+
   .ulist.tabs {
     margin: 0;
     position: relative;
   }
 
-  .doc .tabs .dropddown-btn{
+  .doc .tabs .dropddown-btn {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
-     color: #333;
+    color: #333;
   }
 
-  .doc .tabs .dropddown-btn .fas{
+  .doc .tabs .dropddown-btn .fas {
     font-size: 18px;
     margin-left: 10px;
   }
 
   .doc .tabs .dropddown-btn:focus,
-  .doc .tabs .dropddown-btn:hover{
+  .doc .tabs .dropddown-btn:hover {
     outline: none;
     text-decoration: none;
   }
 
   .doc .tabs ul {
-    box-shadow: 0px 3px 10px -3px #ccc;
+    box-shadow: 0 3px 10px -3px #ccc;
     margin: 0;
     position: absolute;
     left: 0;
@@ -866,31 +861,31 @@
   .doc .tabs ul p {
     color: var(--color-brand-gray1);
   }
-  
+
   .doc .tabset:not(.is-loading) .tabs li:not(.is-active) {
-    background: var( --color-brand-white);
+    background: var(--color-brand-white);
     min-height: 2.5rem;
     height: auto;
-    padding: .75rem;
+    padding: 0.75rem;
   }
-  
+
   .doc .tabs li.is-active {
     display: none;
   }
-  
+
   .doc .tabs li {
     width: 100%;
     flex-wrap: wrap;
     margin-right: 0;
     border-top: 0;
     border-bottom: 1px solid var(--color-border);
   }
-  
-  .doc .tabset > .content{
+
+  .doc .tabset > .content {
     width: 100%;
   }
-  
-  .doc .tabs ul.show{
+
+  .doc .tabs ul.show {
     display: block;
   }
 }

src/css/header.css

@@ -9,16 +9,9 @@
 
 .navbar {
   position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 0.75rem var(--width-container-gutter);
 }
@@ -183,6 +176,7 @@
     color: var(--color-brand-red);
   }
 }
+
 @media screen and (min-width: 768px) {
   .search .query {
     width: 235px;

src/css/is-this-helpful.css

@@ -130,8 +130,6 @@
   z-index: 1001;
 }
 
-
-
 .modal-popup .modal-popup-dialogue {
   padding: 10px 15px;
   /* height: auto; */
@@ -144,14 +142,13 @@
   box-shadow: 0 0 10px #333;
   transform: translate(0%, -100%);
   transition: all 0.3s;
-  
 }
 
-.modal-popup.show{ 
+.modal-popup.show {
   display: block;
 }
 
-.modal-popup.show .modal-popup-dialogue{ 
+.modal-popup.show .modal-popup-dialogue {
   transform: translate(0%, 200px);
 }
 
@@ -162,4 +159,4 @@
 
 .modal-popup .popup-content {
   padding: 0 15px;
-}
+}

src/css/landing-page.css

@@ -19,7 +19,6 @@
   margin-bottom: 30px;
 }
 
-
 .doc.landing-page-doc .sub-heading {
   margin-bottom: 30px;
   width: 100%;
@@ -30,22 +29,23 @@
   /* flex-basis: 48%; */
   margin-bottom: 35px;
 }
-.card-row.three-column-row .column{
+
+.card-row.three-column-row .column {
   flex-basis: 25%;
 }
 
-.card-row .column+.column {
+.card-row .column + .column {
   padding-left: 5%;
 }
 
-.card-row.border-column-row .column + .column{
+.card-row.border-column-row .column + .column {
   border-left: 1px solid var(--color-brand-gray5);
 }
 
 .doc.landing-page-doc h3 {
   font-size: 1.5rem;
   line-height: 130%;
-  color: var( --color-brand-gray4);
+  color: var(--color-brand-gray4);
   margin: 0;
 }
 
@@ -74,7 +74,7 @@
 
 .doc.landing-page-doc ul li a {
   text-decoration: none;
-  color: var( --color-brand-blue);
+  color: var(--color-brand-blue);
 }
 
 .doc.landing-page-doc .media-box {
@@ -91,12 +91,14 @@
 .doc.landing-page-doc h4 {
   font-size: 1.125rem;
   margin: 0;
-  color: var( --color-brand-gray4);
+  color: var(--color-brand-gray4);
 }
-.doc.landing-page-doc h2{
+
+.doc.landing-page-doc h2 {
   margin: 0;
 }
-.doc.landing-page-doc h2:after{
+
+.doc.landing-page-doc h2::after {
   content: none;
 }
 
@@ -108,23 +110,24 @@
     flex-basis: 100%;
     max-width: 100%;
   }
-  /* .card-row .column{
-    margin-bottom: 15px;
-  } */
+
   .card-row {
     margin-bottom: 15px;
   }
+
   .doc.landing-page-doc .media-left {
-    margin-left: 0px;
+    margin-left: 0;
   }
+
   .doc.landing-page-doc figure {
     text-align: center;
   }
-  .card-row .column+.column {
+
+  .card-row .column + .column {
     padding-left: 0;
   }
-  .card-row.border-column-row .column + .column{
+
+  .card-row.border-column-row .column + .column {
     border-left: 0;
   }
-
-}
+}