trestle 0.8.13 → 0.9.0

data/app/assets/stylesheets/trestle/components/_modal.scss

@@ -1,108 +0,0 @@
-.modal {
-  &.background {
-    .modal-dialog {
-      transform: scale(0.9);
-      opacity: 0.75;
-    }
-  }
-}
-
-.modal-content {
-  border: none;
-  border-radius: 0;
-
-  .modal.loading & {
-    min-height: 100px;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:after {
-      @extend .fa;
-      @extend .fa-spin;
-      content: $fa-var-spinner;
-
-      font-size: 32px;
-      opacity: 0.25;
-    }
-  }
-}
-
-.modal-header {
-  background: $theme-bg;
-  border-bottom: none;
-
-  .close {
-    opacity: 0.75;
-
-    &, &:hover, &:focus {
-      color: white;
-    }
-
-    &:hover, &:focus {
-      opacity: 1;
-    }
-  }
-
-  .modal.error & {
-    background: $error-bg;
-  }
-}
-
-.modal-title {
-  font-size: 18px;
-  font-weight: 500;
-  text-shadow: rgba(black, 0.5) 0 1px 1px;
-  color: white;
-}
-
-.modal-tabs .nav-tabs {
-  background: $body-bg;
-  padding: 10px 15px 0 15px;
-}
-
-.modal-flash {
-  .alert {
-    margin-bottom: 0;
-    border-radius: 0;
-    border-width: 0 0 1px 0;
-
-    padding-top: 10px;
-    padding-bottom: 10px;
-
-    .alert-icon {
-      font-size: 40px;
-      margin-right: 15px;
-    }
-
-    h3 {
-      font-size: 18px;
-    }
-
-    p {
-      font-size: 13px;
-    }
-  }
-}
-
-.modal-body {
-  @extend .tab-content;
-
-  pre.exception {
-    max-height: 75vh;
-  }
-}
-
-.modal-footer {
-  background: $modal-footer-background;
-  border-color: $modal-footer-border-color;
-
-  .primary-toolbar {
-    float: right;
-  }
-
-  .secondary-toolbar {
-    float: left;
-  }
-}

data/app/assets/stylesheets/trestle/components/_popover.scss

@@ -1,8 +0,0 @@
-.popover {
-  box-shadow: $popover-shadow;
-}
-
-.popover-title {
-  font-weight: 500;
-  font-size: 12px;
-}

data/app/assets/stylesheets/trestle/components/_scopes.scss

@@ -1,50 +0,0 @@
-.scopes {
-  @extend .nav;
-  @extend .nav-pills;
-
-  display: flex;
-  flex-wrap: wrap;
-
-  margin-top: -4px;
-
-  > li {
-    margin-top: 4px;
-    margin-right: 4px;
-
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-
-  > li > a {
-    background-color: rgba(black, 0.025);
-    color: rgba(black, 0.3);
-
-    font-size: 11px;
-    font-weight: normal;
-    white-space: nowrap;
-
-    border-radius: 15px;
-    padding: 2px 8px;
-
-    &:hover {
-      background-color: rgba(black, 0.05);
-    }
-  }
-
-  > li.active a {
-    &, &:hover, &:focus, strong {
-      color: white;
-    }
-
-    &, &:hover, &:focus {
-      background-color: rgba(black, 0.25);
-      box-shadow: inset 0 2px 4px rgba(black, 0.075);
-    }
-  }
-
-  strong {
-    font-weight: 500;
-    color: rgba(black, 0.4);
-  }
-}

data/app/assets/stylesheets/trestle/components/_sidebar.scss

@@ -1,236 +0,0 @@
-.app-sidebar {
-  background: $sidebar-bg;
-
-  width: $sidebar-width;
-  flex-shrink: 0;
-
-  position: relative;
-
-  display: flex;
-  flex-direction: column;
-
-  .app-sidebar-inner {
-    flex: 1;
-
-    display: flex;
-    flex-direction: column;
-
-    overflow-x: hidden;
-    overflow-y: auto;
-
-    &::-webkit-scrollbar {
-      width: 8px;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: rgba(white, 0.1);
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: rgba(black, 0.5);
-    }
-  }
-
-  .toggle-sidebar {
-    margin-top: auto;
-    align-self: flex-start;
-    flex-shrink: 0;
-
-    background: $sidebar-toggle-bg;
-    color: $sidebar-toggle-color;
-    border: none;
-
-    font-size: 24px;
-    padding: 10px 20px;
-    outline: none;
-
-    opacity: 0.75;
-
-    &:hover {
-      opacity: 1.0;
-    }
-
-    &:after {
-      @extend .fa;
-      content: $fa-var-angle-double-left;
-    }
-  }
-}
-
-.app-sidebar-header {
-  height: $header-height;
-  background: $sidebar-header-bg;
-
-  display: flex;
-  align-items: center;
-
-  .navbar-toggle {
-    float: left;
-    margin-left: $grid-gutter-width / 2;
-    padding: 7px 6px;
-
-    border: 1px solid rgba($sidebar-mobile-toggle-color, 0.15);
-    border-radius: 4px;
-
-    &:hover {
-      background: rgba($sidebar-mobile-toggle-color, 0.05);
-    }
-  }
-
-  .navbar-brand {
-    flex: 1;
-
-    display: flex;
-    align-items: center;
-
-    height: 100%;
-    padding: 10px 15px;
-
-    font-size: 20px;
-    font-weight: 500;
-    text-shadow: rgba(black, 0.5) 0 1px 1px;
-    color: white;
-
-    img {
-      display: inline-block;
-      max-height: 100%;
-      margin-right: 10px;
-    }
-  }
-
-  .icon-bar {
-    background: $sidebar-mobile-toggle-color;
-    width: 26px;
-    height: 3px;
-  }
-}
-
-@include mobile {
-  html, body {
-    overflow-x: hidden;
-  }
-
-  .app-wrapper {
-    margin-left: -$sidebar-width;
-    margin-right: 0;
-
-    &.animate {
-      transition: all $sidebar-transition-duration ease-out;
-      transition-property: margin-left, margin-right;
-    }
-  }
-
-  .mobile-nav-expanded {
-    .app-wrapper {
-      margin-left: 0;
-      margin-right: -$sidebar-width;
-    }
-  }
-
-  .app-sidebar {
-    position: static;
-
-    .toggle-sidebar {
-      display: none;
-    }
-  }
-
-  .app-sidebar-header {
-    position: absolute;
-    top: 0;
-    left: $sidebar-width;
-    right: 0;
-    z-index: 1;
-
-    .navbar-brand {
-      justify-content: center;
-      margin-right: 65px;
-      padding: 10px 5px;
-    }
-  }
-}
-
-@include tablet {
-  .app-sidebar {
-    width: $sidebar-width-collapsed;
-
-    .app-sidebar-header {
-      text-align: center;
-
-      .navbar-brand {
-        padding: 10px 5px;
-        justify-content: center;
-
-        img {
-          margin: auto;
-        }
-      }
-    }
-
-    .toggle-sidebar:after {
-      content: $fa-var-angle-double-right;
-    }
-
-    .sidebar-expanded & {
-      width: $sidebar-width;
-
-      .app-sidebar-header {
-        text-align: left;
-
-        .navbar-brand {
-          padding: 10px 15px;
-          justify-content: flex-start;
-
-          img {
-            margin: 0 10px 0 0;
-          }
-        }
-
-        .visible-md-inline {
-          display: none !important;
-        }
-
-        .visible-lg-inline {
-          display: block !important;
-        }
-      }
-
-      .toggle-sidebar:after {
-        content: $fa-var-angle-double-left;
-      }
-    }
-  }
-}
-
-@include desktop {
-  .app-sidebar {
-    .sidebar-collapsed & {
-      width: $sidebar-width-collapsed;
-
-      .app-sidebar-header {
-        text-align: center;
-
-        .navbar-brand {
-          padding: 10px 5px;
-          justify-content: center;
-
-          img {
-            margin: auto;
-          }
-        }
-
-        .visible-md-inline {
-          display: block !important;
-        }
-
-        .visible-lg-inline {
-          display: none !important;
-        }
-      }
-
-      .toggle-sidebar:after {
-        content: $fa-var-angle-double-right;
-      }
-    }
-  }
-}

data/app/assets/stylesheets/trestle/components/_tabs.scss

@@ -1,85 +0,0 @@
-.nav-tabs {
-  border-bottom: none;
-
-  display: flex;
-  overflow-x: auto;
-  white-space: nowrap;
-
-  &::-webkit-scrollbar {
-    height: 4px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: $gray-lighter;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: rgba(black, 0.1);
-  }
-
-  > li {
-    margin-bottom: 0;
-  }
-
-  > li > a {
-    margin-right: 4px;
-    padding: 10px 20px;
-
-    border: none !important;
-    border-radius: 0;
-
-    background-color: $gray-lighter;
-    color: $gray;
-
-    font-weight: 500;
-  }
-
-  > li.active > a {
-    &, &:hover, &:focus {
-      background-color: white;
-      color: $text-color;
-    }
-  }
-
-  > li.pull-right {
-    margin-left: auto;
-
-    & + li.pull-right {
-      margin-left: 0;
-    }
-
-    > a {
-      margin-right: 0;
-      margin-left: 4px;
-    }
-  }
-
-  .badge, .label {
-    font-size: 9px;
-    vertical-align: 1px;
-    margin-left: 5px;
-  }
-}
-
-@include mobile {
-  .nav-tabs {
-    > li > a {
-      font-size: 13px;
-      padding: 10px;
-      margin-right: 2px;
-    }
-
-    > li.pull-right {
-      margin-left: 0;
-
-      > a {
-        margin-right: 2px;
-        margin-left: 0;
-      }
-    }
-
-    .badge, .label {
-      font-size: 8px;
-    }
-  }
-}