Split styles in different files

Author: blocknotes

app/assets/stylesheets/administrate-materialize-theme/base.scss

@@ -0,0 +1,71 @@
+a:focus, .button:focus {
+  outline: none;
+}
+
+th.cell-label {
+  white-space: nowrap;
+}
+
+.app-container {
+  @extend .container;
+
+  display: block;
+  max-width: initial;
+  padding: 0;
+}
+
+.flash-notice {
+  @extend .blue, .lighten-4;
+}
+
+.main-content {
+  border-radius: 0;
+  padding-bottom: 0;
+}
+
+.main-content__body {
+  overflow-x: scroll;
+  padding-bottom: $navbar-height;
+}
+
+.main-content__header {
+  min-height: 6.2rem;
+
+  >h1 {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+}
+
+.navigation {
+  padding: 0 0.7rem;
+
+  >.navigation__link {
+    @extend .white-text;
+    border-radius: 0;
+    display: inline-block;
+    margin: 0;
+    padding: 1rem;
+    &:hover {
+      background: darken($primary-color, 5%);
+    }
+  }
+  >.navigation__link--active {
+    background: darken($primary-color, 15%);
+    font-weight: normal;
+  }
+}
+
+@media #{$small-and-down} {
+  .app-container {
+    width: 100%;
+  }
+}
+
+@media #{$medium-and-up} {
+  .navigation >.navigation__link {
+    height: $navbar-height;
+    line-height: $navbar-height;
+    padding: 0 1rem;
+  }
+}

app/assets/stylesheets/administrate-materialize-theme/form.scss

@@ -0,0 +1,102 @@
+.button, [type="submit"] {
+  @extend .btn;
+}
+
+.field-unit--boolean [type="checkbox"] {
+  opacity: initial;
+  pointer-events: initial;
+  position: initial;
+}
+
+.field-unit__label >label {
+  display: inline-block;
+  font-weight: normal;
+  vertical-align: super;
+}
+
+.field-unit--belongs-to input.select-dropdown, .field-unit--has-many input.select-dropdown {
+  display: none;
+}
+
+.field-unit--nested {
+  @extend .card;
+
+  margin: 0 auto;
+}
+
+.field-unit--text textarea {
+  min-height: 10rem;
+}
+
+.timepicker {
+  .btn {
+    @extend .btn-flat;
+  }
+
+  .glyphicon {
+    margin-bottom: 0;
+    margin-top: -12px;
+
+    &:hover {
+      background: transparent;
+    }
+  }
+}
+
+#error_explanation {
+  @extend .card;
+
+  margin-bottom: 3rem;
+
+  h2 {
+    @extend h6;
+    @extend .center-align;
+
+    background: lighten($primary-color, 33%);
+    margin: 0;
+    padding: 1rem 0 0.6rem 0;
+  }
+
+  ul {
+    @extend .collection;
+
+    margin-top: 0;
+  }
+
+  li {
+    @extend .collection-item;
+
+    color: $error-color;
+  }
+}
+
+@media #{$small-and-down} {
+  .field-unit {
+    display: block;
+  }
+
+  .field-unit__label, .field-unit__field {
+    float: initial;
+    margin-left: 0;
+    max-width: initial;
+    text-align: left;
+    width: 100%;
+  }
+
+  .field-unit__label >label {
+    vertical-align: initial;
+  }
+
+  .main-content__header {
+    display: block;
+    text-align: center;
+
+    h1 {
+      margin-bottom: 1rem;
+    }
+
+    .button {
+      transform: scale(0.8);
+    }
+  }
+}

app/assets/stylesheets/administrate-materialize-theme/layout-index.scss

@@ -0,0 +1,15 @@
+nav.pagination {
+  margin-top: 3rem;
+}
+
+#search {
+  padding: 0.5rem 2.5rem 0 2.5rem;
+  width: calc(100% - 5rem);
+}
+
+@media #{$small-and-down} {
+  #search {
+    height: 2rem;
+    padding-top: 0;
+  }
+}

app/assets/stylesheets/administrate-materialize-theme/layout-show.scss

@@ -0,0 +1,37 @@
+.attribute-data {
+  clear: none;
+  display: inline-block;
+  float: none;
+  margin-left: 1rem;
+  vertical-align: top;
+}
+
+.attribute-label {
+  clear: none;
+  display: inline-block;
+  float: none;
+}
+
+@media #{$small-and-down} {
+  .attribute-data {
+    display: block;
+    margin-left: 0;
+    width: 100%;
+  }
+
+  .attribute-label {
+    border-bottom: 1px solid #eee;
+    display: block;
+    text-align: left;
+    width: 100%;
+  }
+
+  table {
+    td:first-child, th:first-child {
+      padding-left: 0;
+    }
+    td:last-child, th:last-child {
+      padding-right: 0;
+    }
+  }
+}