Remove un-used scss files

BONCOM · Jan 23, 2015 · 5d833ab · 5d833ab
1 parent 413210c
commit 5d833ab
Show file tree

Hide file tree

Showing 25 changed files with 82 additions and 2,073 deletions.
diff --git a/public/css/core.css b/public/css/core.css
@@ -1,47 +1,23 @@
-/**
- * RESET
- */
-/**
-
-    */
 *, *:before, *:after {
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
 
-/**
- * The usual...
- */
 h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr {
   margin: 0;
   padding: 0; }
 
-/**
- * Give a help cursor to elements that give extra info on `:hover`.
- */
 abbr[title], dfn[title] {
   cursor: help; }
 
-/**
- * Remove underlines from potentially troublesome elements.
- */
 a, u, ins {
   text-decoration: none; }
 
-/**
- * Apply faux underline via `border-bottom`.
- */
 ins {
   border-bottom: 1px solid; }
 
-/**
-
- */
 img {
   font-style: italic; }
 
-/**
- * Give form elements some cursor interactions...
- */
 label, input, textarea, button, select, option {
   cursor: pointer; }
 
@@ -500,7 +476,7 @@ hr {
   clear: both;
   margin-bottom: 27px;
   border: none;
-  border-bottom: 1px solid #cccccc;
+  border-bottom: 1px solid #F0F0F0;
   padding-bottom: 14px;
   height: 1px; }
 
@@ -726,7 +702,7 @@ h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, address, ul, ol, dl, table, field
   margin-bottom: 14px; }
 
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
-  color: #033339;
+  color: #444444;
   font-weight: 400;
   line-height: 1;
   font-family: "source_sans_proregular", "Lucida Grande", "Lucida Sans", sans-serif;
@@ -1390,7 +1366,7 @@ input.cmn-toggle-round + label {
   padding: 4px;
   width: 44px;
   height: 22px;
-  border-radius: 4px; }
+  border-radius: 3px; }
 
 input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
   display: block;
@@ -1403,15 +1379,15 @@ input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
 input.cmn-toggle-round + label:before {
   right: 2px;
   background-color: #AAAAAA;
-  border-radius: 4px;
+  border-radius: 3px;
   transition: background 0.2s; }
 
 input.cmn-toggle-round + label:after {
   top: 3px;
   width: 16px;
   height: 16px;
   background-color: #fff;
-  border-radius: 4px;
+  border-radius: 3px;
   transition: margin 0.2s; }
 
 input.cmn-toggle-round:checked + label:before {
@@ -1426,24 +1402,6 @@ input.cmn-toggle-round:checked + label:after {
 input.cmn-toggle-round:checked + label {
   background-color: #81be00; }
 
-@media only screen and (min-width: 750px) {
-  [bs-grid] {
-    width: 100%;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-wrap: wrap;
-        -ms-flex-wrap: wrap;
-            flex-wrap: wrap; } }
-
-@media only screen and (min-width: 750px) {
-  [bs-grid-item~="3up"] {
-    width: 33.33%; }
-    [bs-grid-item~="3up"] [bs-panel-content] {
-      width: 100%;
-      padding-left: 14px;
-      padding-right: 14px; } }
-
 [bs-footer] {
   color: #000;
   text-align: center;
@@ -1481,7 +1439,7 @@ input.cmn-toggle-round:checked + label {
 pre {
   margin-top: 14px;
   padding: 14px;
-  border-radius: 5px;
+  border-radius: 3px;
   box-shadow: -10px 0px 10px #F0F0F0 inset;
   border: 1px solid #ebebeb; }
   pre code {
@@ -1503,28 +1461,27 @@ code {
   font-size: 14px;
   font-size: 0.77778rem; }
 
-.notification {
+[bs-notify] {
   position: absolute;
   left: 0;
   width: 100%;
   background: #444444;
   color: #fff;
   text-align: center;
   padding: 27px 14px;
-  border-bottom: 1px solid #033339;
   box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2);
   -webkit-transform: translateY(-200%);
       -ms-transform: translateY(-200%);
           transform: translateY(-200%);
   transition: all .3s;
   z-index: 100; }
-  .notification.active {
+  [bs-notify].active {
     -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
             transform: translateY(0); }
-  .notification p {
+  [bs-notify] p {
     margin-bottom: 0; }
-  .notification.error {
+  [bs-notify].error {
     background: #ED6A13; }
 
 [bs-overlay] {

diff --git a/public/css/core.min.css b/public/css/core.min.css
@@ -67,7 +67,7 @@ main{position:relative}
 table tr td:first-child{white-space:nowrap;font-weight:700}
 table td{padding:14px 7px}
 table tbody tr:nth-child(odd){background:#fafafa}
-hr{clear:both;margin-bottom:27px;border:none;border-bottom:1px solid #ccc;padding-bottom:14px;height:1px}
+hr{clear:both;margin-bottom:27px;border:none;border-bottom:1px solid #F0F0F0;padding-bottom:14px;height:1px}
 .ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}
 [bs-header]{position:relative;background:#222}
 @media only screen and (min-width:600px){[bs-header]{display:-webkit-flex;display:-ms-flexbox;display:flex}}
@@ -111,7 +111,7 @@ svg{width:100%;height:100%;fill:currentColor!important}
 [bs-svg-icon]{display:inline-block;width:27px;height:27px;line-height:inherit;position:relative;top:7px}
 [bs-svg-icon] use{width:27px;height:27px}
 address,blockquote,details,dl,fieldset,figcaption,figure,h1,h2,h3,h4,h5,h6,hgroup,ol,p,pre,table,ul{margin-bottom:14px}
-.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#033339;font-weight:400;line-height:1;font-family:source_sans_proregular,"Lucida Grande","Lucida Sans",sans-serif;margin-bottom:27px;-webkit-font-smoothing:antialiased}
+.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#444;font-weight:400;line-height:1;font-family:source_sans_proregular,"Lucida Grande","Lucida Sans",sans-serif;margin-bottom:27px;-webkit-font-smoothing:antialiased}
 .h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:inherit;font-weight:400}
 .h1,h1{font-size:30px;font-size:1.66667rem}
 .h2,h2{font-size:24px;font-size:1.33333rem}
@@ -268,17 +268,14 @@ span.sep{margin-left:5px;margin-right:5px}
 [bs-control]:hover [bs-svg-icon]{-webkit-transform:rotate(360deg) scale(1.1);-ms-transform:rotate(360deg) scale(1.1);transform:rotate(360deg) scale(1.1);color:#fff}
 .cmn-toggle{position:absolute;margin-left:-9999px;visibility:hidden}
 .cmn-toggle+label{display:block;position:relative;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#AAA}
-input.cmn-toggle-round+label{padding:4px;width:44px;height:22px;border-radius:4px}
+input.cmn-toggle-round+label{padding:4px;width:44px;height:22px;border-radius:3px}
 input.cmn-toggle-round+label:after,input.cmn-toggle-round+label:before{display:block;position:absolute;top:1px;left:2px;bottom:1px;content:""}
-input.cmn-toggle-round+label:before{right:2px;background-color:#AAA;border-radius:4px;transition:background .2s}
-input.cmn-toggle-round+label:after{top:3px;width:16px;height:16px;background-color:#fff;border-radius:4px;transition:margin .2s}
+input.cmn-toggle-round+label:before{right:2px;background-color:#AAA;border-radius:3px;transition:background .2s}
+input.cmn-toggle-round+label:after{top:3px;width:16px;height:16px;background-color:#fff;border-radius:3px;transition:margin .2s}
 input.cmn-toggle-round:checked+label:before{background-color:#81be00}
 input.cmn-toggle-round+label:after{margin-left:1px}
 input.cmn-toggle-round:checked+label:after{margin-left:23px}
 input.cmn-toggle-round:checked+label{background-color:#81be00}
-@media only screen and (min-width:750px){[bs-grid]{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}
-@media only screen and (min-width:750px){[bs-grid-item~="3up"]{width:33.33%}
-[bs-grid-item~="3up"] [bs-panel-content]{width:100%;padding-left:14px;padding-right:14px}}
 [bs-footer]{color:#000;text-align:center;margin-bottom:27px;padding-top:27px;font-size:14px;font-size:.77778rem}
 @media only screen and (min-width:600px){[bs-footer]{padding-top:27px;position:fixed;bottom:0;width:240px;color:#ababab}}
 [bs-footer] p{margin-bottom:0}
@@ -288,13 +285,13 @@ input.cmn-toggle-round:checked+label{background-color:#81be00}
 [bs-footer] [bs-icon]{padding:0 10px}
 [bs-footer] [bs-svg-icon]{width:20px;height:20px}
 @media only screen and (min-width:600px){[bs-footer] [bs-svg-icon]{-webkit-filter:drop-shadow(1px 1px 2px #00262C);filter:drop-shadow(1px 1px 2px #00262C)}}
-pre{margin-top:14px;padding:14px;border-radius:5px;box-shadow:-10px 0 10px #F0F0F0 inset;border:1px solid #ebebeb}
+pre{margin-top:14px;padding:14px;border-radius:3px;box-shadow:-10px 0 10px #F0F0F0 inset;border:1px solid #ebebeb}
 pre code{font-size:12px;font-size:.66667rem;font-size:16px;font-size:.88889rem;color:currentColor;line-height:1;background:0 0;border:0}
 code{background:#FBFBFB;display:inline-block;padding:0 5px;border:1px solid #F0F0F0;color:#2275d7;font-size:14px;font-size:.77778rem}
-.notification{position:absolute;left:0;width:100%;background:#444;color:#fff;text-align:center;padding:27px 14px;border-bottom:1px solid #033339;box-shadow:0 5px 5px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);transition:all .3s;z-index:100}
-.notification.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
-.notification p{margin-bottom:0}
-.notification.error{background:#ED6A13}
+[bs-notify]{position:absolute;left:0;width:100%;background:#444;color:#fff;text-align:center;padding:27px 14px;box-shadow:0 5px 5px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);transition:all .3s;z-index:100}
+[bs-notify].active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
+[bs-notify] p{margin-bottom:0}
+[bs-notify].error{background:#ED6A13}
 [bs-overlay]{position:absolute;width:100%;height:100%;top:0;left:0;right:0;background:rgba(0,0,0,.9);padding:54px 14px;color:#fff;text-align:center;visibility:hidden;z-index:2000}
 [bs-overlay].active{visibility:visible}
 [bs-overlay] *{color:#fff}

diff --git a/public/js/app.js b/public/js/app.js
@@ -390,7 +390,7 @@ function getDisplayUrl (urls) {
             return {
                 restrict: "E",
                 scope: {},
-                template: "<div class=\"notification\" ng-class=\"{\'active\': ui.visible}\">\n    <p class=\"notification__text\">{{ui.heading}} <span class=\"color--lime\">{{ui.message}}</span></p>\n</div>",
+                template: "<div bs-notify ng-class=\"{\'active\': ui.visible}\">\n    <p class=\"notification__text\">{{ui.heading}} <span class=\"color--lime\">{{ui.message}}</span></p>\n</div>",
                 controller: ["$scope", "$rootScope", notifyController]
             };
         });

diff --git a/src/scripts/modules/bsNotify.js b/src/scripts/modules/bsNotify.js
@@ -6,7 +6,7 @@
             return {
                 restrict: "E",
                 scope: {},
-                template: "<div class=\"notification\" ng-class=\"{\'active\': ui.visible}\">\n    <p class=\"notification__text\">{{ui.heading}} <span class=\"color--lime\">{{ui.message}}</span></p>\n</div>",
+                template: "<div bs-notify ng-class=\"{\'active\': ui.visible}\">\n    <p class=\"notification__text\">{{ui.heading}} <span class=\"color--lime\">{{ui.message}}</span></p>\n</div>",
                 controller: ["$scope", "$rootScope", notifyController]
             };
         });

diff --git a/src/scss/_vars.scss b/src/scss/_vars.scss
@@ -1,35 +1,25 @@
-$red:        #ff4453;
-$sidebar:    #444444;
+$red:           #ff4453;
+$red-alt:       #F2AAAA;
+$sidebar:       #444444;
 $sidebar-hover: #363636;
-$header:     #222222;
-$green:      #033339;
-$green-dk:   #00262C;
-$green-lt:   #21A695;
-$green-alt:  #064F58;
+$header:        #222222;
+$green:         #033339;
+$green-dk:      #00262C;
 
-$blue:       #4A90E2;
+$blue:          #4A90E2;
 
 $lime:          #81be00;
 $grey-text:     #ababab;
 $grey-bg:       #FBFBFB;
 $grey-bg-dk:    #F0F0F0;
 $grey-border:   $grey-bg-dk;
-$grey-icon:     #4A4A4A;
 
-$input-text:    #999999;
 
 $yellow: #e9ac00;
 
 $white: #fff;
 $black: #000;
-$grey-dk: lighten($black, 10%); // 1a1a1a
 $grey: lighten($black, 20%); // 333333
-$grey-lt: lighten($black, 40%); // 666666
-$silver-dk: lighten($black, 60%); // 999999
-$silver: lighten($black, 80%); // cccccc
-$silver-lt: lighten($black, 90%); // e6e6e6
-$smoke: lighten($black, 95%); // f2f2f2
-
 
 //
 // Special
@@ -51,15 +41,13 @@ $sans-heavy: "source_sans_probold", "Lucida Grande", "Lucida Sans",sans-serif;
 $serif: Georgia, serif;
 $mono: Consolas, Monaco, monospace;
 
-
 //
 // Base
 //
 $base-font-size: 18px;
 $base-line-height: 1.5;
 $base-font-family: $sans;
-$base-color: $green;
-
+$base-color: $sidebar;
 
 //
 // Headings
@@ -92,11 +80,6 @@ $lede-size: 20px;
 $small-size: 12px;
 $micro-size: 10px;
 
-//
-// LAYOUT
-//
-$border-box: true;
-
 //
 // Spacing
 //
@@ -108,14 +91,12 @@ $icon-gutter: 55px;
 //
 // Radii
 //
-$base-radius: 5px;
+$base-radius: 3px;
 $half-radius: ceil($base-radius / 2);
 
 //
 // Grids
 //
-$column-width: 80px;
-$gutter-width: 20px;
 $page-width: 740px;
 
 $lap-start: 600px;

diff --git a/src/scss/core.scss b/src/scss/core.scss
@@ -27,9 +27,7 @@
 @import "theme/lists";
 
 @import "theme/top-bar";
-
 @import "theme/switch";
-@import "theme/grid";
 @import "theme/footer";
 @import "theme/code";
 @import "theme/notifications";

diff --git a/src/scss/modules/_mixins.scss b/src/scss/modules/_mixins.scss
@@ -62,4 +62,31 @@
 @mixin svg-shadow ($blur: 2px) {
     -webkit-filter: drop-shadow( 1px 1px $blur $green-dk );
     filter:         drop-shadow( 1px 1px $blur $green-dk );
+}
+
+@mixin subtle-button ($_color, $disabled) {
+    background: $white;
+    color: $_color;
+    border-color: darken($grey-border, 5%);
+
+    &:hover, &:focus {
+        color: $_color;
+        background: $grey-border;
+    }
+
+    &:focus {
+        background: $white;
+    }
+
+    &:active {
+        color: $_color;
+        text-shadow: 1px 1px 1px rgba(black, .2);
+        background: darken($white, 3%);
+    }
+
+    &[disabled] {
+        border-color: darken($grey-border, 5%);
+        background: $grey-border;
+        color: $disabled;
+    }
 }