Several fixes and modifications

Author: cristiandouce

Gruntfile.js

@@ -24,7 +24,7 @@ module.exports = function (grunt) {
     },
     watch: {
       dev: {
-        files: ['*', 'lib/**/*', 'css/**/*', 'bin/**/*'],
+        files: ['*', 'lib/**/*', 'bin/**/*', 'landing/*'],
         tasks: ["build"]
       }
     },
@@ -33,16 +33,16 @@ module.exports = function (grunt) {
     ],
     shell: {
       fix_utf8: {
-        command: './bin/fix-utf8-problem css/budicon/budicon.css css/budicon/budicon.fixed.css'
+        command: './bin/fix-utf8-problem lib/budicon/budicon.css lib/budicon/budicon.fixed.css'
       },
       generate_index: {
-        command: './node_modules/.bin/jade index.jade -O package.json --out build/'
+        command: './node_modules/.bin/jade landing/index.jade -O package.json --out build/'
       },
       generate_css: {
-        command: './node_modules/.bin/stylus css/index.styl --include css --include-css --out build/'
+        command: './node_modules/.bin/stylus --include-css --include . --resolve-url --out build/ index.styl'
       },
       generate_demo_css: {
-        command: './node_modules/.bin/stylus css/styleguide.styl --include-css --out build/'
+        command: './node_modules/.bin/stylus --include-css --include . --resolve-url --out build/ landing/landing.styl'
       },
       purge_cdn_latest: {
         command: 'curl -X DELETE https://cdn.auth0.com/styleguide/latest'
@@ -57,8 +57,7 @@ module.exports = function (grunt) {
     copy: {
       main: {
         files: [
-          { expand: true, cwd: 'css/', src: ['budicon/fonts/*'], dest: 'build'},
-          { expand: true, src: ['css/**/*'], dest: 'build'},
+          { expand: true, src: ['lib/**/*', '!**/*.styl', '!**/*.jade'], dest: 'build', filter: 'isFile'}
         ]
       }
     },

bower.json

@@ -1,4 +1,4 @@
 {
   "name": "auth0-styleguide",
-  "version": "0.6.7"
+  "version": "1.0.0"
 }

css/index.styl

@@ -0,0 +1,60 @@
+@charset "UTF-8";
+
+@import 'lib/vars/index.styl';
+
+// Vendor
+@import 'node_modules/bootstrap/dist/css/bootstrap.css';
+@import 'node_modules/animate.css/animate.min.css';
+
+// CSS
+@import 'lib/budicon/budicon.fixed.css';
+@import 'lib/grid/index.styl';
+@import 'lib/buttons/index.styl';
+@import 'lib/logos/index.styl';
+@import 'lib/typography/index.styl';
+
+// Components
+@import 'lib/sidebar-box/index.styl';
+@import 'lib/banner/index.styl';
+@import 'lib/big-tabs/index.styl';
+@import 'lib/breadcrumb/index.styl';
+@import 'lib/browser/index.styl';
+@import 'lib/center-title-block/index.styl';
+@import 'lib/footer/index.styl';
+@import 'lib/navs/index.styl';
+@import 'lib/sidebar-box/index.styl';
+@import 'lib/sub-header/index.styl';
+
+// JS
+@import 'lib/modal/index.styl';
+@import 'lib/popover/index.styl';
+@import 'lib/prettify/index.styl';
+@import 'lib/quotes/index.styl';
+@import 'lib/tooltip/index.styl';
+@import 'lib/try-banner/index.styl';
+
+
+.bg-grey
+  border-top: 1px solid #f1f1f1;
+  border-bottom: 1px solid #f1f1f1;
+  background: none;
+
+
+.help-circle
+  max-height: 14px;
+  max-width: 14px;
+  opacity: .2;
+  margin-left: 4px;
+  position: relative;
+  top: -2px;
+
+  &:hover
+      opacity: 1;
+
+section.section
+  margin-bottom: 80px;
+
+@media screen and (max-width: 992px)
+  .zopim
+    display: none
+

index.styl

@@ -7,7 +7,7 @@ html
     title Styleguide
 
     link(href='index.css', rel='stylesheet')
-    link(href='styleguide.css', rel='stylesheet')
+    link(href='landing.css', rel='stylesheet')
     link(rel="shortcut icon", href="img/favicon.png")
     link(href="https://cdn.auth0.com/web-header/latest/standalone.css", rel='stylesheet')
     script(type='text/javascript', src='//cdn.auth0.com/web-header/latest/standalone.min.js')
@@ -142,11 +142,11 @@ html
 
           h4
             a(name="logos") Logos
-          include css/logos/index
+          include ../lib/logos/demo
 
           h5.styled
             a(name="colors") Colors
-          include css/colors/index
+          include ../lib/colors/demo
 
           hr
 
@@ -155,17 +155,17 @@ html
 
           h5.styled
             a(name="typography") Typography
-          include css/typography/index
+          include ../lib/typography/demo
 
 
           h5.styled
             a(name="buttons") Buttons
-          include css/buttons/index
+          include ../lib/buttons/demo
 
 
           h5.styled
             a(name="icons") Icons
-          include css/budicon/icons
+          include ../lib/budicon/demo
 
           hr
 
@@ -174,36 +174,36 @@ html
 
           h5.styled
             a(name="sub-header") Sub Header
-          include components/sub-header/index
+          include ../lib/sub-header/demo
 
 
           h5.styled
             a(name="footer") Footer
-          include components/footer/index
+          include ../lib/footer/demo
 
 
           h5.styled
             a(name="banner") Banner
-          include components/banner/index
+          include ../lib/banner/demo
 
           h5.styled
             a(name="modal") Modal
-          include js/modal/index
+          include ../lib/modal/demo
 
 
           h5.styled
             a(name="center-title-content") Center Title Content
-          include components/center-title-block/index
+          include ../lib/center-title-block/demo
 
 
           h5.styled
             a(name="try-banner") Try Auth0
-          include js/try-banner/index
+          include ../lib/try-banner/demo
 
 
           h5.styled
             a(name="quotes") Quotes
-          include js/quotes/index
+          include ../lib/quotes/demo
 
 
 

index.jade landing/index.jadeindex.jade renamed to landing/index.jade

@@ -1,4 +1,4 @@
-@import 'vars.styl';
+@import 'lib/vars/index.styl';
 body
 	padding-bottom: 200px;
 	font-family: "proxima-nova";