Added lando config files.

SU-SWS · Jan 15, 2018 · 4bcd989 · 4bcd989
1 parent 376a2bf
commit 4bcd989
Show file tree

Hide file tree

Showing 32 changed files with 3,955 additions and 60 deletions.
diff --git a/.lando.yml b/.lando.yml
@@ -0,0 +1,11 @@
+name: decanter
+recipe: lamp
+config:
+  webroot: styleguide
+  php: '7.1'
+services:
+  appserver:
+    ssl: true
+tooling:
+  git:
+    service: appserver
diff --git a/scss/components/index.scss b/scss/components/index.scss
@@ -1,8 +1,20 @@
 @charset "UTF-8";
 
 ///
-/// ROLL UP
-///
+// Components
+// Style guide: Components
+
+// Atoms
+//
+// Style guide: Components.Atoms
+
+// Molecules
+//
+// Style guide: Components.Molecules
+
+// Organisims
+//
+// Style guide: Components.Organisims
 
 @import
   'atoms/index',

diff --git a/scss/components/molecules/_alerts.scss b/scss/components/molecules/_alerts.scss
@@ -8,6 +8,21 @@
 // of a status, or for displaying a validation message that
 // alerts someone of an important piece of information.
 
+
+//
+// Alerts
+//
+// The alert types. Use these for the Drupal messages.
+//
+// .decanter-alert-success  - Successful Transaction Message
+// .decanter-alert-warning  - Warning Message
+// .decanter-alert-error    - Error Message
+// .decanter-alert-info     - Informative Message
+//
+// Markup: ../templates/components/molecules/alerts/alerts.html.twig
+//
+// Style guide: Components.Organisims.Alerts
+//
 .decanter-alert {
   @include alerts;
 }

diff --git a/scss/homepage.md b/scss/homepage.md
@@ -0,0 +1,3 @@
+# Decanter
+
+Welcome to the Decanter styleguide.
diff --git a/styleguide/index.html b/styleguide/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html class="no-js" lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Decanter Style Guide</title>
+
+  <meta name="description" content="">
+  <meta name="generator" content="kss-node">
+  <meta name="viewport" content="width=device-width">
+
+  <link rel="stylesheet" href="kss-assets/kss.css">
+  <link rel="stylesheet" href="../css/decanter.css">
+
+</head>
+<body id="kss-node" >
+
+<div class="kss-sidebar kss-style">
+  <header class="kss-header">
+    <h1 class="kss-doc-title">Decanter Style Guide</h1>
+  </header>
+  <nav class="kss-nav">
+    <ul class="kss-nav__menu">
+      <li class="kss-nav__menu-item">
+        <a class="kss-nav__menu-link" href="./">
+          <span class="kss-nav__ref">0</span
+          ><span class="kss-nav__name">Overview</span>
+        </a>
+      </li>
+          <li class="kss-nav__menu-item">
+        <a class="kss-nav__menu-link" href="section-components.html">
+          <span class="kss-nav__ref">1</span><span class="kss-nav__name">Components</span>
+        </a>
+              </li>
+        </ul>
+  </nav>
+</div>
+<article role="main" class="kss-main">
+      <div id="kssref-0" class="kss-section kss-section--depth-0 kss-overview kss-style">
+      <h1 id="decanter">Decanter</h1>
+<p>Welcome to the Decanter styleguide.</p>
+
+    </div>
+  </article>
+
+<!-- SCRIPTS -->
+<script src="kss-assets/kss.js"></script>
+<script src="kss-assets/scrollspy.js"></script>
+<script src="kss-assets/prettify.js"></script>
+<script src="kss-assets/kss-fullscreen.js"></script>
+<script src="kss-assets/kss-guides.js"></script>
+<script src="kss-assets/kss-markup.js"></script>
+<script>
+  prettyPrint();
+  var spy = new ScrollSpy('#kss-node', {
+    nav: '.kss-nav__menu-child > li > a',
+    className: 'is-in-viewport'
+  });
+  var kssFullScreen = new KssFullScreen({
+    idPrefix: 'kss-fullscreen-',
+    bodyClass: 'kss-fullscreen-mode',
+    elementClass: 'is-fullscreen'
+  });
+  var kssGuides = new KssGuides({
+    bodyClass: 'kss-guides-mode'
+  });
+  var kssMarkup = new KssMarkup({
+    bodyClass: 'kss-markup-mode',
+    detailsClass: 'kss-markup'
+  });
+</script>
+
+
+
+
+<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
+</body>
+</html>
diff --git a/styleguide/item-components-atoms.html b/styleguide/item-components-atoms.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html class="no-js" lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Decanter Style Guide</title>
+
+  <meta name="description" content="">
+  <meta name="generator" content="kss-node">
+  <meta name="viewport" content="width=device-width">
+
+  <link rel="stylesheet" href="kss-assets/kss.css">
+  <link rel="stylesheet" href="../css/decanter.css">
+
+</head>
+<body id="kss-node" class="kss-fullscreen-mode">
+
+<div class="kss-sidebar kss-style">
+  <header class="kss-header">
+    <h1 class="kss-doc-title">Decanter Style Guide</h1>
+  </header>
+  <nav class="kss-nav">
+    <ul class="kss-nav__menu">
+      <li class="kss-nav__menu-item">
+        <a class="kss-nav__menu-link" href="./">
+          <span class="kss-nav__ref">0</span
+          ><span class="kss-nav__name">Overview</span>
+        </a>
+      </li>
+          <li class="kss-nav__menu-item">
+        <a class="kss-nav__menu-link" href="section-components.html">
+          <span class="kss-nav__ref">1</span><span class="kss-nav__name">Components</span>
+        </a>
+              </li>
+        </ul>
+  </nav>
+</div>
+<article role="main" class="kss-main">
+
+
+          <div id="kssref-components-atoms" class="kss-section kss-section--depth-2 is-fullscreen">
+      <div class="kss-style">
+                <h2 class="kss-title kss-title--level-2">
+          <a class="kss-title__permalink" href="#kssref-components-atoms">
+            <span class="kss-title__ref">
+              1.1
+              <span class="kss-title__permalink-hash">
+                Components.Atoms
+              </span>
+            </span>
+            Atoms
+          </a>
+        </h2>
+
+
+
+              </div>
+
+
+              <div class="kss-source kss-style">
+          Source: <code>components/index.scss</code>, line 7
+        </div>
+          </div>
+  </article>
+
+<!-- SCRIPTS -->
+<script src="kss-assets/kss.js"></script>
+<script src="kss-assets/scrollspy.js"></script>
+<script src="kss-assets/prettify.js"></script>
+<script src="kss-assets/kss-fullscreen.js"></script>
+<script src="kss-assets/kss-guides.js"></script>
+<script src="kss-assets/kss-markup.js"></script>
+<script>
+  prettyPrint();
+  var spy = new ScrollSpy('#kss-node', {
+    nav: '.kss-nav__menu-child > li > a',
+    className: 'is-in-viewport'
+  });
+  var kssFullScreen = new KssFullScreen({
+    idPrefix: 'kss-fullscreen-',
+    bodyClass: 'kss-fullscreen-mode',
+    elementClass: 'is-fullscreen'
+  });
+  var kssGuides = new KssGuides({
+    bodyClass: 'kss-guides-mode'
+  });
+  var kssMarkup = new KssMarkup({
+    bodyClass: 'kss-markup-mode',
+    detailsClass: 'kss-markup'
+  });
+</script>
+
+
+
+
+<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
+</body>
+</html>
diff --git a/styleguide/item-components-molecules.html b/styleguide/item-components-molecules.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html class="no-js" lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Decanter Style Guide</title>
+
+  <meta name="description" content="">
+  <meta name="generator" content="kss-node">
+  <meta name="viewport" content="width=device-width">
+
+  <link rel="stylesheet" href="kss-assets/kss.css">
+  <link rel="stylesheet" href="../css/decanter.css">
+
+</head>
+<body id="kss-node" class="kss-fullscreen-mode">
+
+<div class="kss-sidebar kss-style">
+  <header class="kss-header">
+    <h1 class="kss-doc-title">Decanter Style Guide</h1>
+  </header>
+  <nav class="kss-nav">
+    <ul class="kss-nav__menu">
+      <li class="kss-nav__menu-item">
+        <a class="kss-nav__menu-link" href="./">
+          <span class="kss-nav__ref">0</span
+          ><span class="kss-nav__name">Overview</span>
+        </a>
+      </li>
+          <li class="kss-nav__menu-item">
+        <a class="kss-nav__menu-link" href="section-components.html">
+          <span class="kss-nav__ref">1</span><span class="kss-nav__name">Components</span>
+        </a>
+              </li>
+        </ul>
+  </nav>
+</div>
+<article role="main" class="kss-main">
+
+
+          <div id="kssref-components-molecules" class="kss-section kss-section--depth-2 is-fullscreen">
+      <div class="kss-style">
+                <h2 class="kss-title kss-title--level-2">
+          <a class="kss-title__permalink" href="#kssref-components-molecules">
+            <span class="kss-title__ref">
+              1.2
+              <span class="kss-title__permalink-hash">
+                Components.Molecules
+              </span>
+            </span>
+            Molecules
+          </a>
+        </h2>
+
+
+
+              </div>
+
+
+              <div class="kss-source kss-style">
+          Source: <code>components/index.scss</code>, line 11
+        </div>
+          </div>
+  </article>
+
+<!-- SCRIPTS -->
+<script src="kss-assets/kss.js"></script>
+<script src="kss-assets/scrollspy.js"></script>
+<script src="kss-assets/prettify.js"></script>
+<script src="kss-assets/kss-fullscreen.js"></script>
+<script src="kss-assets/kss-guides.js"></script>
+<script src="kss-assets/kss-markup.js"></script>
+<script>
+  prettyPrint();
+  var spy = new ScrollSpy('#kss-node', {
+    nav: '.kss-nav__menu-child > li > a',
+    className: 'is-in-viewport'
+  });
+  var kssFullScreen = new KssFullScreen({
+    idPrefix: 'kss-fullscreen-',
+    bodyClass: 'kss-fullscreen-mode',
+    elementClass: 'is-fullscreen'
+  });
+  var kssGuides = new KssGuides({
+    bodyClass: 'kss-guides-mode'
+  });
+  var kssMarkup = new KssMarkup({
+    bodyClass: 'kss-markup-mode',
+    detailsClass: 'kss-markup'
+  });
+</script>
+
+
+
+
+<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		# Decanter

		Welcome to the Decanter styleguide.