Merge pull request #70 from C-Lodder/scss-restructure

Scss restructure
joomla · Oct 21, 2016 · 6fdb8a9 · 6fdb8a9
2 parents 6f2bd58 + 482355c
commit 6fdb8a9
Show file tree

Hide file tree

Showing 19 changed files with 948 additions and 1,111 deletions.
diff --git a/administrator/templates/atum/_src/scss/blocks/_form.scss b/administrator/templates/atum/_src/scss/blocks/_form.scss
@@ -0,0 +1,65 @@
+// Form
+
+.control-group::after {
+  content: '';
+  display: table;
+  clear: both;
+}
+form:not(.form-no-margin) {
+  .control-group {
+    margin-bottom: 18px;
+
+	.control-label {
+      width: auto;
+      padding-top: 5px;
+      padding-right: 5px;
+      float: left;
+      text-align: left;
+    }
+    .controls {
+      margin-left: 180px;
+    }
+  }
+}
+form .form-no-margin {
+  .control-group {
+    .controls {
+      margin-left: 0;
+    }
+    .control-label {
+      float: none;
+    }
+  }
+}
+.spacer hr {
+  width: 380px;
+}
+label.btn {
+  margin-bottom: 0;
+}
+.card .custom-select {
+  width: 100%;
+}
+td .form-control {
+  display: inline-block;
+  width: auto;
+}
+legend {
+  margin-bottom: 1.1rem;
+  border-bottom: 1px solid #e5e5e5;
+}
+.checkboxes {
+  padding-top: 5px;
+
+  .checkbox input {
+    position: static;
+    margin-left: 0;
+  }
+}
+.form-check {
+  padding-top: 5px;
+  margin-bottom: 0;
+}
+.modal label {
+  width: 100%;
+}
diff --git a/administrator/templates/atum/_src/scss/blocks/_header.scss b/administrator/templates/atum/_src/scss/blocks/_header.scss
@@ -0,0 +1,57 @@
+// Header
+
+.header {
+  position: fixed;
+  z-index: 999;
+  width: 100%;
+  height: 50px;
+  padding-right: 25px;
+  background: $atum-template-color;
+
+  .page-title {
+    float: right;
+    margin: 0;
+    font-size: 1.25rem;
+    font-weight: normal;
+    line-height: 2.4rem;
+    color: #fff;
+
+    .icon-list {
+      color: #fff;
+    }
+
+    [class^="icon-"] {
+      margin-right: 15px;
+    }
+  }
+
+  .navbar-brand {
+    display: inline-block;
+    float: none;
+    padding: 0;
+    line-height: 1;
+    color: #fff;
+
+    &:hover,
+    &:focus {
+      color: #fff;
+    }
+
+    @include media-breakpoint-only(sm) {
+      margin-right: 0;
+      margin-left: 10px;
+    }
+  }
+
+  .container-title {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    padding-left: 55px;
+
+    @include media-breakpoint-up(md) {
+      padding-top: 5px;
+      padding-bottom: 5px;
+      padding-left: 265px;
+    }
+  }
+}
diff --git a/administrator/templates/atum/_src/scss/blocks/_icons.scss b/administrator/templates/atum/_src/scss/blocks/_icons.scss
@@ -0,0 +1,8 @@
+// Icons
+
+.icon-back::before {
+  content: "\e008";
+}
+.icon-white {
+  color: #fff;
+}
diff --git a/administrator/templates/atum/_src/scss/blocks/_login.scss b/administrator/templates/atum/_src/scss/blocks/_login.scss
@@ -0,0 +1,72 @@
+// Login page
+
+.view-login {
+  background: $atum-login-bg-color;
+
+  .container {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 330px;
+    margin-top: -240px;
+    margin-left: -165px;
+
+    @include media-breakpoint-only(xs) {
+      top: 10px;
+      width: 320px;
+      margin-top: 0 !important;
+      margin-left: -160px;
+    }
+  }
+
+  .login-logo {
+    margin: 3rem 0;
+    text-align: center;
+
+    @include media-breakpoint-down(sm) {
+      margin: 1rem 0;
+    }
+  }
+
+  h2 {
+    font-size: 1.9rem;
+    font-weight: 300;
+  }
+
+  .forgot {
+    text-align: center;
+  }
+
+  .card-img-top {
+    max-width: 100%;
+  }
+
+  .navbar {
+    p,
+    a {
+      margin-bottom: 0;
+      color: #fff;
+    }
+  }
+
+  .navbar-fixed-bottom {
+    bottom: 10px;
+    text-align: center;
+  }
+
+  .login-joomla {
+    position: absolute;
+    left: 50%;
+    width: 24px;
+    height: 24px;
+    margin-left: -12px;
+    font-size: 22px;
+  }
+
+  .btn {
+    @include media-breakpoint-only(xs) {
+      padding: 8px 10px;
+      font-size: 14px;
+    }
+  }
+}