Switched from LESS to SASS

2016-03-31 19:50:30 +02:00
parent 213d44d71a
commit fdff5e7a98
178 changed files with 5619 additions and 14631 deletions
--- a/src/static/pretixcontrol/scss/main.scss
+++ b/src/static/pretixcontrol/scss/main.scss
@@ -0,0 +1,156 @@
+@import "_variables.scss";
+@import "../../bootstrap/scss/_bootstrap.scss";
+$fa-font-path: static("fontawesome/fonts");
+@import "../../fontawesome/scss/font-awesome.scss";
+@import "../css/metisMenu.min.css";
+@import "_sb-admin-2.scss";
+@import "_forms.scss";
+@import "_flags.scss";
+@import "_orders.scss";
+
+footer {
+    text-align: center;
+    padding: 10px 0;
+    font-size: 11px;
+}
+
+nav.navbar {
+    margin: 0;
+}
+.navbar-brand img {
+    height: 100%;
+    width: auto;
+    display: inline;
+}
+
+.navbar-header .navbar-events {
+    color: white;
+    padding-top: 6px;
+    padding-bottom: 6px;
+}
+.nav-pills {
+    margin-bottom: 10px;
+}
+.product-row {
+    padding: 10px 0;
+
+    .count form {
+        display: inline;
+    }
+    .price, .count {
+        text-align: right;
+    }
+    .price small,
+    .availability-box small {
+        display: block;
+        line-height: 1;
+    }
+
+    &.total {
+        border-top: 1px solid $table-border-color;
+    }
+
+    dl {
+        padding-left: 20px;
+        margin-bottom: 0;
+
+        dd {
+            padding-left: 20px;
+        }
+    }
+}
+
+h1 .btn-sm {
+    margin-top: -5px;
+}
+
+.btn-toolbar {
+    margin-bottom: 20px;
+}
+.container-fluid > .alert:first-child {
+    margin-top: 20px;
+}
+
+.flipped-scroll-wrapper {
+    overflow-y: auto;
+}
+.flipped-scroll-wrapper, .flipped-scroll-inner {
+    /* This nasty hack puts the scroll bar at the top, so the user really
+       notices that there is one */
+    transform: rotateX(180deg);
+    -ms-transform: rotateX(180deg); /* IE 9 */
+    -webkit-transform: rotateX(180deg); /* Safari and Chrome */
+}
+.dashboard-panels .panel-heading .fa {
+    opacity: 0.5;
+}
+@media (max-width: $screen-sm-max) {
+    .navbar-nav {
+        margin-left: 0;
+    }
+}
+
+.dashboard > div {
+    padding: 5px;
+}
+.dashboard .widget {
+    min-height: 160px;
+    background: #F8F8F8;
+    display: block;
+    position: relative;
+}
+.dashboard .widget:hover,.dashboard .widget:focus {
+    background: #EEEEEE;
+    text-decoration: none;
+}
+.dashboard .numwidget {
+    .num {
+        display: block;
+        padding: 28px 0 10px;
+        text-align: center;
+        font-size: 40px;
+    }
+    .text {
+        display: block;
+        text-align: center;
+        font-size: 20px;
+    }
+}
+.dashboard .shopstate {
+    text-align: center;
+    padding: 36px 0;
+
+    span.live, span.off {
+        display: block;
+        font-size: 20px;
+        padding: 10px 0;
+    }
+    span.live {
+        color: $brand-success;
+    }
+    span.off {
+        color: $brand-danger;
+    }
+}
+.dashboard .event {
+    text-align: center;
+    padding: 30px;
+    font-size: 20px;
+
+    span.from, span.to {
+        display: block;
+        font-size: 25px;
+    }
+}
+.dashboard .newevent {
+    text-align: center;
+    padding: 30px;
+    font-size: 20px;
+
+    span.fa {
+        display: block;
+        font-size: 60px;
+        padding-bottom: 15px;
+    }
+
+}