Gulp and bower++, could break stuff

static/app/styles/screen.scss

@@ -0,0 +1,188 @@
+@import "variables";
+@import "mixins";
+@import "../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap.scss";
+@import "datepicker";
+
+body {
+    h2 {
+        margin-top: 0;
+    }
+    .glyphicon .white {
+        color: white;
+    }
+}
+.navbar .dropdown-toggle{
+    padding-top: 0;
+    padding-bottom: 0;
+
+    img {
+        width: 40px;
+        border-radius: 50% 50%;
+    }
+    .name {
+        display: inline-block;
+        padding-top: 15px;
+        padding-bottom: 15px;
+        padding-left: 8px;
+    }
+}
+
+#customer {
+    ul {
+        @include inline-block-list;
+
+        li {
+            padding-top: 10px;
+            text-align: center;
+            width: 79px;
+            overflow: hidden;
+
+            &:hover {
+                background-color: #dddddd;
+                cursor: pointer;
+            }
+            &.marked {
+                color: #468847;
+                background-color: #DFF0D8;
+            }
+            &.hidden {
+                display: none !important;
+            }
+            .name {
+                font-weight: bold;
+            }
+        }
+    }
+}
+
+#register {
+    #products {
+        margin-bottom:2em;
+        ul {
+            @include inline-block-list;
+            
+            li {
+                padding-top: 10px;
+                padding-left: 20px;
+                padding-right: 20px;
+                text-align: center;
+
+                &:hover {
+                    background-color: #dddddd;
+                    cursor: pointer;
+                }
+                &.marked {
+                    color: #468847;
+                    background-color: #DFF0D8;
+                }
+                .qty {
+                    font-size: 1.7em;
+                    font-weight: bold;
+                }
+                .name {
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    
+    .total {
+        color: #ffffff;
+        background-color: #222;
+        padding: 0 10px;
+        min-width:115px;
+        h2 {
+            color: #ffffff;
+            margin: 0.2em 0;
+        }
+    }
+    h2 {
+        display: inline-block;
+    }
+    input[name=customer_name] {
+        display: block;
+    }
+}
+#log {
+    h2 {
+        display:inline-block;
+    }
+    table {
+        tr{
+            text-align: middle;
+        }
+        .amount {
+            font-size: 2em;
+            font-weight: bold;
+        }
+    }
+}
+#inventory {
+    tr {
+        &.info {
+            border-left: 8px solid #d9edf7;
+        }
+        &.warning {
+            border-left: 8px solid #da7878;
+
+            .product-amount {
+                font-weight: bold;
+            }
+        }
+        &.success {
+            border-left: 8px solid darken(#dff0d8, 10%);
+        }
+        > td {
+            background-color: inherit; 
+        }
+        &:nth-child(odd) td {
+            background-color: #f9f9f9;
+        }
+        &.inactive {
+            color: #888;
+        }
+    }
+}
+#inventory-report {
+    .form-control {
+        width: auto;
+    }
+    table {
+        .positive {
+            color: #468847;
+        }
+        .negative {
+            color: #da7878;
+        }
+    }
+}
+#footer .credits {
+    text-align: center;
+    margin: 2em;
+    font-size: 10px;
+    color: grey;
+    img {
+        margin-top: 10px;
+        display: inline-block;
+    }
+    .love {
+        color: #faafba;
+    }
+}
+.alert-error {
+    @extend .alert-danger;
+}
+.facebook-image {
+    img {
+        height: 32px;
+    }
+}
+.form-login {
+    max-width: 320px;
+    margin: 4em auto;
+    [type=submit] {
+        display: block;
+        width: 100%;
+    }
+
+}