Working on Logos section

Author: sanntu

build/index.css

@@ -13297,91 +13297,6 @@ fieldset[disabled] .btn {
 .help-circle:hover {
   opacity: 1;
 }
-.glyphs.css-mapping {
-  color: rgba(0,0,0,0.5);
-  padding: 0;
-  margin: 0;
-}
-.glyphs.css-mapping li {
-  margin: 0 20px 20px 0;
-  padding: 0;
-  display: inline-block;
-  overflow: hidden;
-}
-.glyphs.css-mapping .icon {
-  margin: 0;
-  margin-right: 10px;
-  padding: 13px;
-  height: 50px;
-  width: 50px;
-  color: #162a36 !important;
-  overflow: hidden;
-  float: left;
-  font-size: 24px;
-}
-.glyphs.css-mapping input {
-  margin: 0;
-  margin-top: 5px;
-  padding: 8px;
-  line-height: 16px;
-  font-size: 16px;
-  display: block;
-  width: 100px;
-  height: 40px;
-  border: 1px solid #d8e0e5;
-  -webkit-border-radius: 5px;
-  border-radius: 5px;
-  background: #fff;
-  outline: 0;
-  float: right;
-}
-.glyphs.css-mapping input:focus {
-  border: 1px solid #fbde4a;
-  -webkit-box-shadow: inset 0 0 3px #fbde4a;
-  box-shadow: inset 0 0 3px #fbde4a;
-}
-.glyphs.css-mapping input:hover {
-  -webkit-box-shadow: inset 0 0 3px #fbde4a;
-  box-shadow: inset 0 0 3px #fbde4a;
-}
-.logo-branding {
-  text-align: center;
-  border: 1px solid #eee;
-  padding: 20px;
-  border-radius: 3px;
-  margin-bottom: 20px;
-  background-image: url("lib/logos/img/transparent.png");
-}
-.logo-branding h5 {
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  color: #999;
-  margin-top: 0;
-}
-.logo-branding img {
-  max-width: 100%;
-  display: block;
-  max-height: 140px;
-  margin: auto;
-  margin-bottom: 20px;
-}
-.logo-branding.logo-dark {
-  background-image: url("lib/logos/img/transparent-dark.png");
-}
-.logo-branding a {
-  font-weight: bold;
-  border: 1px solid #44c7f4;
-  padding: 4px 10px;
-  text-transform: uppercase;
-  border-radius: 3px;
-  font-size: 11px;
-  letter-spacing: 1px;
-  color: #44c7f4;
-}
-.logo-branding a:hover {
-  color: #fff;
-  background: #44c7f4;
-}
 .sidebar-box {
   max-width: 230px;
   border: 1px solid #eee;
@@ -18035,3 +17950,68 @@ p.body-1 {
   content: "";
 }
 
+.glyphs.css-mapping {
+  margin: 0;
+  padding: 0;
+}
+.glyphs.css-mapping li {
+  display: inline-block;
+  margin: 0 20px 40px 0;
+  overflow: hidden;
+  padding: 0;
+  text-align: center;
+  min-width: 120px;
+}
+.glyphs.css-mapping .icon {
+  font-size: 24px;
+  margin: 0;
+  overflow: hidden;
+  padding: 13px;
+  width: 50px;
+  height: 50px;
+}
+.glyphs.css-mapping .name {
+  display: block;
+  margin-top: 10px;
+}
+.budicon-section h1 {
+  margin-bottom: 40px;
+}
+.logo-branding {
+  text-align: center;
+  border: 1px solid #eee;
+  padding: 20px;
+  border-radius: 3px;
+  margin-bottom: 20px;
+  background-image: url("lib/logos/img/transparent.png");
+}
+.logo-branding h5 {
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  color: #999;
+  margin-top: 0;
+}
+.logo-branding img {
+  max-width: 100%;
+  display: block;
+  max-height: 140px;
+  margin: auto;
+  margin-bottom: 20px;
+}
+.logo-branding.logo-dark {
+  background-image: url("lib/logos/img/transparent-dark.png");
+}
+.logo-branding a {
+  font-weight: bold;
+  border: 1px solid #44c7f4;
+  padding: 4px 10px;
+  text-transform: uppercase;
+  border-radius: 3px;
+  font-size: 11px;
+  letter-spacing: 1px;
+  color: #44c7f4;
+}
+.logo-branding a:hover {
+  color: #fff;
+  background: #44c7f4;
+}

build/index.html

@@ -1,4 +1,4 @@
-.container-fluid {
+.container-styleguide {
   background-color: #e3e5e7;
 }
 .col-aside {
@@ -48,15 +48,11 @@
   border-bottom: 1px solid rgba(0,0,0,0.08);
   color: inherit;
   display: block;
-  padding: 20px 0 20px 20px;
+  padding: 20px 20px 20px 20px;
 }
 .nav-styleguide-list > li > a > .icon {
   margin-right: 10px;
 }
-.nav-styleguide-list > li > a > .icon:before {
-  -webkit-transform: translateY(2px);
-  transform: translateY(2px);
-}
 .nav-styleguide-in-list {
   border-bottom: 1px solid rgba(0,0,0,0.08);
   list-style: none;

build/index.min.css

@@ -11,7 +11,6 @@
 @import 'lib/header/index.styl';
 @import 'lib/grid/index.styl';
 @import 'lib/buttons/index.styl';
-@import 'lib/logos/index.styl';
 @import 'lib/sidebar-box/index.styl';
 @import 'lib/banner/index.styl';
 @import 'lib/big-tabs/index.styl';
@@ -37,4 +36,6 @@
 
 @import 'lib/jumbotron/jumbotron.styl';
 @import 'lib/colors/index.styl';
-@import 'lib/budicon/budicon.fixed.css';
+@import 'lib/budicon/budicon.fixed.css';
+@import 'lib/budicon/budicon.styl';
+@import 'lib/logos/index.styl';

build/landing.css

@@ -13,7 +13,7 @@ html
 
   body
 
-    .container-fluid
+    .container-fluid.container-styleguide
 
       .row
 
@@ -71,7 +71,7 @@ html
 
             section.content-styleguide
 
-              include ../lib/budicon/budicon
+              include ../lib/logos/demo
 
     script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js")
 

index.styl

@@ -1,12 +1,11 @@
 @import 'lib/vars/index.styl';
 
-.container-fluid {
+// container styleguide
+.container-styleguide {
   background-color: #e3e5e7;
 }
 
-//
-
-// Aside Styleguide
+// aside styleguide
 .col-aside {
   padding-right: 0;
   padding-left: 0;
@@ -62,15 +61,10 @@
       border-bottom: 1px solid rgba(0, 0, 0, .08);
       color: inherit;
       display: block;
-      padding: 20px 0 20px 20px;
+      padding: 20px 20px 20px 20px;
 
       > .icon {
         margin-right: 10px;
-        
-        &:before {
-          -webkit-transform: translateY(2px);
-          transform: translateY(2px);
-        }
       }
     }
   }
@@ -99,7 +93,7 @@
   }
 }
 
-// Content Styleguide
+// content styleguide
 .col-main-content {
   background-color: #fff;
   padding-right: 0;
@@ -135,7 +129,7 @@
   }
 }
 
-// Playground
+// playground
 .playground-options {
   margin-bottom: 20px;
   overflow: hidden;