priority-nav 1.0.12 → 1.0.14

package/demo/scss/base/_base.scss

@@ -1,14 +1,14 @@
-.wrapper{
-  max-width: $wrapper;
-  margin: 0 auto;
-  @media (max-width: $wrapper + 80px) {
-    padding-left: 4rem;
-    padding-right: 4rem;
-    max-width: 100%;
-  }
-}
-
-.wrapper--big{
-  max-width: $wrapper--big;
-  margin: 0 auto;
+.wrapper{
+  max-width: $wrapper;
+  margin: 0 auto;
+  @media (max-width: $wrapper + 80px) {
+    padding-left: 4rem;
+    padding-right: 4rem;
+    max-width: 100%;
+  }
+}
+
+.wrapper--big{
+  max-width: $wrapper--big;
+  margin: 0 auto;
 }

package/demo/scss/base/_boxsizing.scss

@@ -1,14 +1,14 @@
-/**
- * @_boxmodel.css
- * The CSS box model is essentially a box that wraps around HTML elements,
- * and it consists of: margins, borders, padding, and the actual content.
- */
-
-/* apply a natural box layout model to all elements, but allowing components to change */
-html {
-  box-sizing: border-box;
-}
-
-*, *:before, *:after {
-  box-sizing: inherit;
+/**
+ * @_boxmodel.css
+ * The CSS box model is essentially a box that wraps around HTML elements,
+ * and it consists of: margins, borders, padding, and the actual content.
+ */
+
+/* apply a natural box layout model to all elements, but allowing components to change */
+html {
+  box-sizing: border-box;
+}
+
+*, *:before, *:after {
+  box-sizing: inherit;
 }

package/demo/scss/base/_typography.scss

@@ -1,37 +1,37 @@
-/*
- * Sets the base font to 10px for easier math
- */
-html {
-  font-size: 62.5%;
-}
-
-/*
- * Sets the default sizing to make sure nothing is actually 10px
- */
-body {
-  font-size: 18px;
-  font-size: 1.8rem;
-
-  font-family: 'Open Sans', sans-serif;
-  color: $black;
-
-  /*
-   * Force Anti-aliasing
-   */
-  -webkit-font-smoothing: antialiased;
-}
-
-/*
- * Voodoo to enable ligatures and kerning
- */
-h1, h2, h3, h4, h5, h6 {
-  margin-top: 0;
-  text-rendering: optimizeLegibility;
-}
-
-p{
-  line-height: 1.7;
-}
-strong{
-  font-weight: $semi;
-}
+/*
+ * Sets the base font to 10px for easier math
+ */
+html {
+  font-size: 62.5%;
+}
+
+/*
+ * Sets the default sizing to make sure nothing is actually 10px
+ */
+body {
+  font-size: 18px;
+  font-size: 1.8rem;
+
+  font-family: 'Open Sans', sans-serif;
+  color: $black;
+
+  /*
+   * Force Anti-aliasing
+   */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*
+ * Voodoo to enable ligatures and kerning
+ */
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  text-rendering: optimizeLegibility;
+}
+
+p{
+  line-height: 1.7;
+}
+strong{
+  font-weight: $semi;
+}

package/demo/scss/components/_github-links.scss

@@ -1,12 +1,12 @@
-.github{
-  svg{
-    vertical-align: middle;
-    margin-right: 1.5rem;
-  }
-  color: $black;
-  font-size: 1.6rem;
-
-  &:hover{
-    color: $blue;
-  }
+.github{
+  svg{
+    vertical-align: middle;
+    margin-right: 1.5rem;
+  }
+  color: $black;
+  font-size: 1.6rem;
+
+  &:hover{
+    color: $blue;
+  }
 }

package/demo/scss/components/_logo.scss

@@ -1,15 +1,15 @@
-h1{
-  background-color: #FFF;
-  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
-  font-weight: $bold;
-  color: $blue;
-  padding: 2rem 4rem;
-  display: inline-block;
-  margin: 0;
-  margin-left: -4rem;
-  font-size: 2.6rem;
-
-  @media (max-width: $smartphone-landscape) {
-    margin-left: 0;
-  }
+h1{
+  background-color: #FFF;
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
+  font-weight: $bold;
+  color: $blue;
+  padding: 2rem 4rem;
+  display: inline-block;
+  margin: 0;
+  margin-left: -4rem;
+  font-size: 2.6rem;
+
+  @media (max-width: $smartphone-landscape) {
+    margin-left: 0;
+  }
 }

package/demo/scss/components/_nav.scss

@@ -1,119 +1,119 @@
-nav{
-  background-color: darken($black, 20%);
-  margin: 7rem 0;
-  padding: 0 4rem;
-  min-width: 200px;
-  position: relative;
-  white-space: nowrap;
-  max-width: $wrapper--big;
-
-
-  ul{
-    display: inline-block;
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  li{
-    display: inline-block;
-    &:first-child{
-      a{
-        padding-left: 0;
-      }
-    }
-  }
-  a{
-    color: white;
-    display: inline-block;
-    padding: 4rem 2rem;
-    font-weight: $bold;
-  }
-  .knob{
-    cursor: ew-resize;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    transform: translateY(-50%) translateX(50%);
-    @media (max-width: $wrapper--big + 50px) {
-      display: none;
-    }
-  }
-}
-
-.nav__dropdown{
-  &.show{
-    transform: rotateX(0deg);
-    opacity: 1;
-    visibility: visible;
-    box-shadow: 0 0 20px 0 rgba($black, 0.25);
-    transition: 300ms $custom-bounce,box-shadow 1000ms $custom-bounce;
-  }
-
-  $color: $blue;
-  padding: 2rem;
-  white-space: nowrap;
-  top: 80%;
-  right: 0;
-  background-color: $color;
-  transition: 300ms $custom-bounce;
-  transform-origin: center top;
-  transform: rotateX(-30deg);
-  opacity: 0;
-
-
-  @media (max-width: $smartphone-landscape) {
-    right: auto;
-    left: 0;
-    &:after{
-      right: auto;
-      left: 4rem;
-    }
-  }
-
-  &:after{
-    $size: 6px;
-    @include triangle(up, $size, $color);
-    content:'';
-    top: -$size;
-    right: 4rem;
-  }
-
-  &-wrapper{
-    display: inline-block;
-    perspective: 500px;
-    @media (max-width: $smartphone-landscape) {
-      position: static !important;
-    }
-  }
-
-  &-toggle{
-    outline: none;
-    display: inline-block;
-    border: none;
-    background: none;
-    font-weight: $bold;
-    text-decoration: underline;
-    color: white;
-    padding: 4rem 2rem;
-    background-image: url('./../images/dist/svg/arrow-down.svg');
-    background-repeat: no-repeat;
-    background-position: 100% center;
-  }
-
-  li{
-    display: block;
-    &:first-child{
-      a{
-        padding-left: 2rem;
-      }
-    }
-  }
-
-  a{
-    display: inline-block;
-    padding: .5rem 2rem;
-    font-weight: $normal;
-    font-size: 1.6rem;
-  }
+nav{
+  background-color: darken($black, 20%);
+  margin: 7rem 0;
+  padding: 0 4rem;
+  min-width: 200px;
+  position: relative;
+  white-space: nowrap;
+  max-width: $wrapper--big;
+
+
+  ul{
+    display: inline-block;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  li{
+    display: inline-block;
+    &:first-child{
+      a{
+        padding-left: 0;
+      }
+    }
+  }
+  a{
+    color: white;
+    display: inline-block;
+    padding: 4rem 2rem;
+    font-weight: $bold;
+  }
+  .knob{
+    cursor: ew-resize;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%) translateX(50%);
+    @media (max-width: $wrapper--big + 50px) {
+      display: none;
+    }
+  }
+}
+
+.nav__dropdown{
+  &.show{
+    transform: rotateX(0deg);
+    opacity: 1;
+    visibility: visible;
+    box-shadow: 0 0 20px 0 rgba($black, 0.25);
+    transition: 300ms $custom-bounce,box-shadow 1000ms $custom-bounce;
+  }
+
+  $color: $blue;
+  padding: 2rem;
+  white-space: nowrap;
+  top: 80%;
+  right: 0;
+  background-color: $color;
+  transition: 300ms $custom-bounce;
+  transform-origin: center top;
+  transform: rotateX(-30deg);
+  opacity: 0;
+
+
+  @media (max-width: $smartphone-landscape) {
+    right: auto;
+    left: 0;
+    &:after{
+      right: auto;
+      left: 4rem;
+    }
+  }
+
+  &:after{
+    $size: 6px;
+    @include triangle(up, $size, $color);
+    content:'';
+    top: -$size;
+    right: 4rem;
+  }
+
+  &-wrapper{
+    display: inline-block;
+    perspective: 500px;
+    @media (max-width: $smartphone-landscape) {
+      position: static !important;
+    }
+  }
+
+  &-toggle{
+    outline: none;
+    display: inline-block;
+    border: none;
+    background: none;
+    font-weight: $bold;
+    text-decoration: underline;
+    color: white;
+    padding: 4rem 2rem;
+    background-image: url('./../images/dist/svg/arrow-down.svg');
+    background-repeat: no-repeat;
+    background-position: 100% center;
+  }
+
+  li{
+    display: block;
+    &:first-child{
+      a{
+        padding-left: 2rem;
+      }
+    }
+  }
+
+  a{
+    display: inline-block;
+    padding: .5rem 2rem;
+    font-weight: $normal;
+    font-size: 1.6rem;
+  }
 }

package/demo/scss/components/_social.scss

@@ -1,9 +1,9 @@
-.social{
-  min-height: 25px;
-  a{
-    display: none;
-  }
-  iframe{
-    margin-right: 1rem;
-  }
+.social{
+  min-height: 25px;
+  a{
+    display: none;
+  }
+  iframe{
+    margin-right: 1rem;
+  }
 }

package/demo/scss/layouts/_header.scss

@@ -1,21 +1,21 @@
-header{
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: row;
-  align-items: center;
-
-  @media (max-width: $smartphone-landscape) {
-    flex-direction: column;
-  }
-
-  .github{
-    margin-left: auto;
-    @media (max-width: $smartphone-landscape) {
-      margin-left: 0;
-      margin-top: 2rem;
-    }
-  }
-
-  margin: 0 auto;
-  padding: 6rem 0 0;
+header{
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: row;
+  align-items: center;
+
+  @media (max-width: $smartphone-landscape) {
+    flex-direction: column;
+  }
+
+  .github{
+    margin-left: auto;
+    @media (max-width: $smartphone-landscape) {
+      margin-left: 0;
+      margin-top: 2rem;
+    }
+  }
+
+  margin: 0 auto;
+  padding: 6rem 0 0;
 }

package/demo/scss/main.scss

@@ -1,43 +1,43 @@
-/*
- * Abstractions like variables, mixins, etc...
- */
-@import "utils/variables.scss";
-@import "utils/easings.scss";
-@import "utils/triangles.scss";
-
-/*
- * Third party styles (sliders, lightbox, dropdown)
- */
-@import "vendors/normalize.scss";
-
-/*
- * Base styles (typography, grids, global styles, etc..)
- */
-@import "base/boxsizing.scss";
-@import "base/base.scss";
-@import "base/typography.scss";
-
-/*
- * Components styles (specific reusable module styles)
- */
-@import "components/logo.scss";
-@import "components/github-links.scss";
-@import "components/nav.scss";
-@import "components/social.scss";
-
-/*
- * Layout styles (header, footer, sidebar, etc..)
- */
-@import "layouts/header.scss";
-
-
-/*
- * Page specific styles
- */
-@import "pages/home.scss";
-
-
-/*
- * Hacks & Dirty shit :)
- */
+/*
+ * Abstractions like variables, mixins, etc...
+ */
+@import "utils/variables.scss";
+@import "utils/easings.scss";
+@import "utils/triangles.scss";
+
+/*
+ * Third party styles (sliders, lightbox, dropdown)
+ */
+@import "vendors/normalize.scss";
+
+/*
+ * Base styles (typography, grids, global styles, etc..)
+ */
+@import "base/boxsizing.scss";
+@import "base/base.scss";
+@import "base/typography.scss";
+
+/*
+ * Components styles (specific reusable module styles)
+ */
+@import "components/logo.scss";
+@import "components/github-links.scss";
+@import "components/nav.scss";
+@import "components/social.scss";
+
+/*
+ * Layout styles (header, footer, sidebar, etc..)
+ */
+@import "layouts/header.scss";
+
+
+/*
+ * Page specific styles
+ */
+@import "pages/home.scss";
+
+
+/*
+ * Hacks & Dirty shit :)
+ */
 @import "shame.scss";

package/demo/scss/pages/_home.scss

@@ -1,30 +1,30 @@
-html,body{
-  height: 100%;
-}
-
-p{
-  a{
-    color: $blue;
-    &:visited{
-      color: lighten($blue, 15%);
-    }
-  }
-}
-
-.heading{
-  margin: 6rem 0;
-  margin-bottom: 2rem;
-  font-size: 2.6rem;
-  font-weight: $light;
-  line-height: 1.4;
-}
-
-.bottom{
-  padding-bottom: 6rem;
-}
-
-.bg{
-  background-color: #FFF;
-  background-image: linear-gradient(to top, #F3F3F3 0%, #FFF 100%);
-  background-repeat: no-repeat;
+html,body{
+  height: 100%;
+}
+
+p{
+  a{
+    color: $blue;
+    &:visited{
+      color: lighten($blue, 15%);
+    }
+  }
+}
+
+.heading{
+  margin: 6rem 0;
+  margin-bottom: 2rem;
+  font-size: 2.6rem;
+  font-weight: $light;
+  line-height: 1.4;
+}
+
+.bottom{
+  padding-bottom: 6rem;
+}
+
+.bg{
+  background-color: #FFF;
+  background-image: linear-gradient(to top, #F3F3F3 0%, #FFF 100%);
+  background-repeat: no-repeat;
 }