qpp-style 2.1.13 → 2.2.0-sm.0

package/styles/components/sidebar/_sidebar.scss

@@ -1,108 +0,0 @@
-/*
-General sidebar styles
- */
-.sidebar {
-    background: $color-slate;
-    box-shadow: 4px 0 10px 0 transparentize($color-black, .7);
-    color: $color-white;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    position: relative;
-    transition: width .6s;
-    width: 300px;
-    a {
-        text-decoration: none;
-    }
-    hr {
-        border-top: 1px solid transparentize($color-white, 0.8);
-        height: 1px;
-        margin: 25px auto;
-        width: 240px;
-    }
-    ul {
-        list-style-type: none;
-        margin: 0;
-        padding: 0;
-    }
-    svg {
-        position: relative;
-    }
-    .SVGInline {
-        display: none;
-    }
-    &.closed {
-        width: 90px;
-    }
-    .alt-style {
-        background: $color-slate-dark;
-        .alt-style-header {
-            background: $color-slate;
-            padding-bottom: 25px;
-        }
-        .alt-style-nav {
-            padding-bottom: 25px;
-        }
-    }
-}
-
-/*
-Sidebar content
- */
-.sidebar {
-    .sidebar-content {
-        display: flex;
-        flex-direction: column;
-        flex-grow: 1;
-        overflow-x: hidden;
-        transition: overflow-x .6s;
-        .label {
-            @include typography('Rubik', 20px, 26px, $color-white);
-            font-weight: normal;
-            padding: 30px 25px 20px;
-            text-align: left;
-        }
-    }
-}
-
-/*
-Sidebar chart
- */
-.sidebar {
-    .chart-title {
-        align-items: center;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        p {
-            margin: 0;
-        }
-        .title {
-            @include typography('Rubik', 16px, 22px, $color-white);
-            text-transform: uppercase;
-        }
-        .disclaimer {
-            @include typography('Rubik', 14px, 20px, transparentize($color-white, .2));
-            align-items: center;
-            display: flex;
-            padding: 5px 0 10px;
-            svg {
-                height: 20px;
-                width: 20px;
-            }
-            .left-icon {
-                fill: transparentize($color-white, .2);
-                margin-right: 10px;
-            }
-            .right-icon {
-                fill: $color-teal-light;
-                margin-left: 10px;
-            }
-        }
-        .timestamp {
-            @include typography('Rubik', 13px, 20px, $color-white);
-            padding: 5px 0 20px;
-            text-transform: uppercase;
-        }
-    }
-}

package/styles/guide/_layout.scss

@@ -1,120 +0,0 @@
-$space: 20px;
-
-/* Layout */
-body {
-  color: $text-color;
-  padding-top: 0;
-}
-
-.footer {
-  font-size: 16px;
-  padding-top: 19px;
-  color: #777;
-  background-color: #fff;
-  border-top: 1px solid #e5e5e5;
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 730px;
-  }
-}
-.container-narrow > hr {
-  margin: 30px 0;
-}
-
-hr {
-  margin-bottom: 2rem;
-}
-
-/* Type */
-#h1, #h2, #h3, #h4, #h5, #h6 {
-  margin-top: $space/2;
-  margin-bottom: 1.25em;
-  text-align: center;
-  color: $brand-primary-dark;
-  font-weight: 400;
-}
-
-p {
-  &.arial {
-    font-family: 'Arial', sans-serif;
-  }
-}
-
-/* Nav */
-.header {
-  padding: $space 0;
-  border-bottom: 1px solid #e5e5e5;
-  margin-bottom: $space*2;
-  .nav {
-    padding: 25px 0;
-    a {
-      font-weight: 500;
-      font-size: 16px;
-      color: $brand-primary-dark;
-      padding: 0 10px;
-      text-decoration: none;
-    }
-  }
-  img {
-    width: 250px;
-    margin: 10px 0;
-  }
-}
-
-.nav-pills>li>a.active, .nav-pills>li>a.active:focus, .nav-pills>li>a.active:hover {
-  background: none;
-  color: $brand-secondary-dark;
-}
-.nav>li>a:focus, .nav>li>a:hover {
-  background: none;
-  color: $brand-secondary-dark;
-  text-decoration: none;
-}
-
-/* Elements */
-
-.circle {
-  margin: 0 auto $space auto;
-  width: 75px;
-  height: 75px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-}
-
-.description {
-  margin-bottom: $space*2;
-}
-
-.row-label {
-  margin: 25px 0;
-}
-
-.label {
-  color: $color-gray-light;
-  font-size: 16px;
-}
-
-/* Colors Page */
-.colors {
-  font-size: 16px;
-}
-
-/* Type Page */
-.headings {
-  .col-12 {
-    margin-bottom: $space*2;
-  }
-}
-
-.container>h1, .container>h2, .container>h3, .container>h4, .container>h5, .container>h6 {
-  margin-bottom: $space*2;
-  text-align: center;
-}
-
-select.form-control,
-textarea.form-control {
-	height: 110px;
-}

package/styles/guide/sidebar-demo.css

@@ -1,121 +0,0 @@
-@charset "UTF-8";
-/* CSS Document */
-
-/* apply a natural box layout model to all elements, but allowing components to change */
-html {
-  box-sizing: border-box;
-}
-html,
-body {
-  overflow: hidden;
-}
-*, *:before, *:after {
-  box-sizing: inherit;
-}
-body {
-  background-color: #196e76;
-  line-height: 1.2;
-}
-
-#header{
- background-color: #DCDCDC;
-    border-bottom: 1px solid #B2B2B2;
-    width: 100%;
-    height: 60px;
-    padding: 25px 20px 20px 20px;
-    color: #000000;
-
-}
-/**
- * For modern browsers
- * 1. The space content is one way to avoid an Opera bug when the
- *    contenteditable attribute is included anywhere else in the document.
- *    Otherwise it causes space to appear at the top and bottom of elements
- *    that are clearfixed.
- * 2. The use of `table` rather than `block` is only necessary if using
- *    `:before` to contain the top-margins of child elements.
- */
-.cf:before,
-.cf:after {
-    content: " "; /* 1 */
-    display: table; /* 2 */
-}
-
-.cf:after {
-    clear: both;
-}
-
-/**
- * For IE 6/7 only
- * Include this rule to trigger hasLayout and contain floats.
- */
-.cf {
-    *zoom: 1;
-}
-.scroll {
-  height: 350px;
-  overflow: scroll;
-  background-color: #e7ebef;
-  padding: 0 0px;
-  width: 100%;
-  max-width: 550px;
-  margin-right: auto;
-  margin-left: auto;
-  margin-top: 20px;
-  margin-bottom: 200px;
-  overflow-x: hidden;
-}
-.wrapper {
-  margin-top: 0px;
-}
-.content {
-  padding: 0 0px;
-  width: 320px;
-}
-.content h1 {
-  margin-top: 0;
-}
-.content p,
-.sidebar p{
-  font-family: "BLOKKNeue-Regular";
-}
-.sidebar {
-  padding: 20px;
-  width: 170px;
-  height: 350px;
-  background-color: #21344C;
-  color: #fff;
-  overflow-y: auto;
-  margin: 0px 20px 0px 0;
-}
-.sidebar h3 {
-  margin: 0;
-}
-.content,
-.sidebar {
-  float: left;
-}
-
-.footer{
-    width:170px;
-    height:30px;
-    background-color: #DCDCDC;
-    color:#000;
-    font-size: 8px;
-    border: 1px solid #B2B2B2;
-    padding: 25px 20px 20px 20px;
-}
-
-
-/* The sticky */
-.sidebar {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0px;
-}
-
-.footer {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 320px;
-}