locomotivecms 3.0.1 → 3.1.0.rc1

data/app/assets/stylesheets/locomotive/components/_transitions.scss

@@ -1,149 +0,0 @@
-// Sidebar
-
-.sidebar {
-  transition: left 0.3s ease-in-out;
-}
-
-.content {
-  transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
-}
-
-body.sidebar-closed {
-  .sidebar {
-    left: -$sidebar_width;
-  }
-
-  .content {
-    left: 0px;
-  }
-}
-
-body.slide-right-sidebar {
-  .sidebar {
-    left: 0px;
-  }
-}
-
-// Live editing
-
-body.live-editing {
-
-  // SIDEBAR
-  .slide-sidebar {
-    .bar {
-      transition: opacity 0.3s ease-in-out;
-    }
-    .sidebar {
-      transform: translate3d(0, 0, 0);
-      transition: transform 0.2s ease-in-out;
-    }
-
-    &:hover {
-      .bar {
-        opacity: 0;
-      }
-      .sidebar {
-        transform: translate3d($sidebar_width, 0, 0);
-      }
-    }
-  }
-
-
-  // STATE: SHRINKED
-
-  .content {
-    transform: translate3d(0, 0, 0);
-    transition: transform 0.3s ease-in-out;
-
-    > .inner {
-      transition: opacity 0.0s ease-in-out;
-    }
-
-    .close-button {
-      transition: opacity 0.0s ease-in-out;
-    }
-  }
-
-  .preview {
-    transform: translate3d(0, 0, 0);
-    transition: transform 0.3s ease-in-out, border-left-width 0.6s ease;
-  }
-
-  &.full-width-preview {
-
-    // STATE: EXPANDED
-
-    .content {
-      transform: translate3d($live_editing_content_width - $live_editing_expand_bar_width, 0, 0);
-
-      transition: transform 0.3s ease-in-out, background-color 0.1s ease-in-out 0.2s;
-      > .inner {
-        transition: opacity 0.1s ease-in-out 0.2s;
-      }
-
-      .close-button {
-        transition: opacity 0.2s ease-in-out 0.2s;
-      }
-    }
-
-    .preview {
-      transform: translate3d($live_editing_content_width - $live_editing_expand_bar_width, 0, 0);
-      border-left-width: $live_editing_expand_bar_width;
-      transition: transform 0.3s ease-in-out;
-    }
-
-  }
-
-}
-
-// Drawer
-
-.content > .overlay {
-  transition: all 0.5s ease-in-out;
-}
-
-.content::after {
-  position: absolute;
-  top: 0px;
-  left: 0;
-  right: 0px;
-  bottom: 0px;
-  width: 0px;
-  height: 0px;
-  background: $overlay_background;
-  opacity: 0.0;
-  transition: opacity 0.3s ease-in-out, width 0.1s 0.3s, height 0.1s 0.3s;
-  content: '';
-}
-
-.drawer {
-  transition: all 0.3s ease-in-out;
-  transform: translate3d(100%, 0, 0);
-}
-
-body.drawer-opened {
-
-  .content::after {
-    width: 100%;
-    height: 100%;
-    opacity: 0.3;
-    transition: opacity 0.3s ease-in-out;
-  }
-
-  .drawer {
-    transform: translate3d(0, 0, 0);
-
-    > .inner > div {
-      transition: opacity 0.05s ease-in-out;
-
-      &.fadeout {
-        opacity: 0;
-      }
-
-      &.fadein {
-        opacity: 1;
-      }
-    }
-  }
-
-}

data/app/assets/stylesheets/locomotive/components/header/_account.scss

@@ -1,63 +0,0 @@
-$header_dropdown_background_color: #383838;
-$header_dropdown_hovered_background_color: #2f2f2f;
-$header_dropdown_link_color: #999;
-$header_dropdown_hovered_link_color: #fff;
-
-.account-menu-wrapper {
-  > li.dropdown {
-    & > a {
-      font-family: $alt-font-family-sans-serif;
-      font-size: $font-size-base - 1;
-      line-height: 20px;
-      color: rgba($header_default_color, 1.0);
-      outline: none;
-
-      &:hover,
-      &:focus {
-        color: rgba($header_default_color, 1.0);
-      }
-
-      img {
-        width: 35px;
-        margin-right: 10px;
-      }
-
-      .caret {
-        margin-left: 10px;
-      }
-    }
-
-    &.open > a,
-    &.open > a:hover,
-    &.open > a:focus {
-      color: rgba($header_default_color, 1.0) !important;
-      background: $navbar-default-bg;
-    }
-
-    ul.dropdown-menu {
-      @include box-shadow(none);
-      right: 15px;
-      background: $header_dropdown_background_color;
-      border-radius: 3px;
-
-      li.divider {
-        background-color: $header_dropdown_hovered_background_color;
-      }
-
-      li:before {
-        right: 15px !important;
-        left: auto !important;
-      }
-
-      a {
-        font-size: $font-size-base - 1;
-        color: $header_dropdown_link_color;
-
-        &:hover {
-          color: $header_dropdown_hovered_link_color;
-          background: $header_dropdown_hovered_background_color;
-        }
-      }
-    }
-  }
-}

data/app/assets/stylesheets/locomotive/components/header/_base.scss

@@ -1,91 +0,0 @@
-$header_brand_color: $header_default_color;
-$header_brand_font_size: 15px;
-$header_site_arrow_color: lighten($brand-primary, 20);
-
-.navbar-header {
-  width: 30%;
-  .navbar-brand,
-  .navbar-site,
-  .navbar-text {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .navbar-site {
-    width: 100%;
-    margin-top: 2px;
-    margin-bottom: 0;
-    text-align: center;
-  }
-  .navbar-brand {
-    padding-top: 13px;
-    font-size: $font-size-base + 2;
-    color: $header_brand_color;
-    img {
-      height: 13px;
-    }
-  }
-}
-
-.navbar-collapse {
-  padding: 0;
-  .navbar-right {
-    width: 30%;
-    > li {
-      float: right;
-    }
-  }
-  .navbar-nav > li > a {
-    padding-top: 8px;
-    padding-bottom: 7px;
-    line-height: 35px;
-  }
-}
-
-.navbar-site {
-  display: flex;
-  justify-content: center;
-  width: 40%;
-
-  li {
-    a {
-      display: inline-block;
-      &:first-child {
-        padding-right: 0;
-      }
-      span.arrow {
-        position: relative;
-        top: 1px;
-        i {
-          font-size: 14px;
-          font-weight: bold;
-          color: $header_site_arrow_color;
-        }
-      }
-      &:hover {
-        // TODO: cf Mathieu
-      }
-    }
-  }
-}
-
-.navbar-default {
-  .navbar-toggle {
-    z-index: 10;
-    background-color: rgba(#000, .2);
-    border-color: transparent;
-    &:focus,
-    &:active {
-      background-color: rgba(#000, .2);
-    }
-    .icon-bar {
-      @include transition(all .3s ease-in-out);
-      background-color: rgba(#fff, .6);
-    }
-    &:hover {
-      background-color: rgba(#000, .2);
-      .icon-bar {
-        background-color: #fff;
-      }
-    }
-  }
-}

data/app/assets/stylesheets/locomotive/components/header/_responsive.scss

@@ -1,34 +0,0 @@
-@media (min-width: $screen-sm-min) {
-
-  .account-menu-wrapper {
-
-    > li.dropdown ul.dropdown-menu {
-
-      li:first-child:before {
-        font-family: FontAwesome;
-        content: "\f0d8";
-        position: absolute;
-        top: -15px;
-        left: 0px;
-        right: 0px;
-        text-align: center;
-        color: $header_dropdown_background_color;
-        font-size: 18px;
-      }
-
-    }
-  }
-
-}
-
-@media (max-width: $screen-sm-min) {
-
-  .navbar-header, .navbar-collapse .nav-center, .navbar-collapse .navbar-right {
-    width: auto;
-  }
-
-  .navbar-collapse .navbar-right > li {
-    float: none;
-  }
-
-}

data/app/assets/stylesheets/locomotive/components/misc/_modal.scss

@@ -1,13 +0,0 @@
-.modal-content {
-  border-radius: 3px;
-}
-
-.modal-title {
-  color: $main_title_color;
-}
-
-.modal-body {
-  p {
-    line-height: 25px;
-  }
-}

data/app/assets/stylesheets/locomotive/components/misc/_notify.scss

@@ -1,25 +0,0 @@
-[data-notify="container"] {
-  border: none;
-
-  [data-notify="icon"] {
-    font-size: 18px;
-    margin-right: 9px;
-  }
-
-  [data-notify="message"] {
-  }
-}
-
-[data-notify="container"].alert-success, [data-notify="container"].alert-danger, [data-notify="container"].alert-error {
-   [data-notify="icon"], [data-notify="message"] {
-    color: #fff;
-  }
-}
-
-[data-notify="container"].alert-success {
-  background-color: $brand-success;
-}
-
-[data-notify="container"].alert-danger, [data-notify="container"].alert-error {
-  background-color: $brand-danger;
-}

data/app/assets/stylesheets/locomotive/components/sidebar/_base.scss

@@ -1,58 +0,0 @@
-.sidebar {
-
-  background: $sidebar_background_color;
-  color: $sidebar_text_color;
-
-  * {
-    // color: $sidebar_text_color;
-  }
-
-  section {
-    border-bottom: 1px solid $sidebar_section_border_color;
-    -webkit-font-smoothing: subpixel-antialiased; // avoid thin fonts in Safari when the sidebar is sliding
-
-    h1 {
-      font-size: $sidebar_title_font_size;
-      text-transform: uppercase;
-      color: $sidebar_section_title_color;
-
-      padding-left:  ($grid-gutter-width / 2);
-      padding-right: ($grid-gutter-width / 2);
-
-      margin-top: 15px;
-      margin-bottom: 8px;
-    }
-
-    a {
-      padding-left:  ($grid-gutter-width / 2);
-      padding-right: ($grid-gutter-width / 2);
-    }
-
-    a, a .text {
-      font-size: $sidebar_font_size;
-      @include transition(all 0.3s ease-in-out);
-      color: $sidebar_link_color;
-    }
-
-    .icon {
-      @include transition(all 0.3s ease-in-out);
-      color: $sidebar_link_icon_color;
-    }
-
-    a:hover {
-      background-color: $sidebar_link_background_hover_color;
-
-      text-decoration: none;
-      span.text {
-        @include transition(all 0.3s ease-in-out);
-        color: $sidebar_hovered_link_color !important;
-      }
-
-      .icon {
-        @include transition(all 0.3s ease-in-out);
-        color: $sidebar_hovered_link_color !important;
-      }
-    }
-  }
-
-}

data/app/assets/stylesheets/locomotive/components/sidebar/_content_types.scss

@@ -1,30 +0,0 @@
-.sidebar {
-
-  .content-types {
-
-    ul {
-      list-style: none outside none;
-      padding: 0px;
-
-      li {
-        a {
-          display: block;
-          overflow: auto;
-          padding-top: 5px;
-          padding-bottom: 5px;
-
-          .text {
-            margin-right: 5px;
-          }
-
-          .badge {
-            font-size: 10px;
-            padding: 2px 3px;
-          }
-        }
-      }
-    }
-
-  }
-
-}