para 0.6.9 → 0.7.0

data/app/assets/stylesheets/para/admin/src/_navigation.sass

@@ -0,0 +1,150 @@
+//
+// Navigation
+// --------------------------------------------------
+
+//== Sidebar right
+//
+//##
+
+.navmenu
+  background-color: $navbar-default-bg
+  width: $left-menu-width-open
+  overflow: hidden
+  z-index: $zindex-navbar-fixed + 10
+
+.navmenu-default
+  background-color: #fff
+  border: none
+  +material-box-shadow-soft(3)
+
+  .navmenu-brand
+    // +background(linear-gradient(to top right, $brand-primary, $brand-info))
+    background-color: $blue-darker
+    color: white
+    display: block
+    font-size: 1.4em
+    font-weight: 300
+    line-height: 20px
+    margin: 0
+    padding: 20px
+    text-align: center
+    text-transform: uppercase
+    &:hover,
+    &:focus
+      background-color: $blue-darker
+      color: white
+
+  .navmenu-nav
+    // background-color: $navbar-default-bg
+    background-color: $gray-lighter
+    height: calc(100% - 60px)
+    width: $left-menu-width-open
+    padding: 0
+    margin: 0
+    display: block
+    overflow-x: hidden
+    overflow-y: auto
+    list-style: none
+
+    //** overriding jasny
+    > li > a
+      color: $gray
+      &:hover,
+      &:focus
+        // background-color: $navbar-default-bg
+        // color: white
+        background-color: $gray
+        color: $gray-lighter
+
+    //** Para components
+    .component-section-list-items
+      background-color: white
+      list-style: none
+      margin: 0
+      padding: 0
+
+    .component-section-title
+      // background-color: $navbar-default-bg
+      // color: white
+      background-color: $gray-lighter
+      color: $text-color
+      font-weight: bold
+      line-height: 19px
+      padding: 30px 30px 15px 15px
+      text-transform: uppercase
+      width: 100%
+      &:hover,
+      &:focus
+        background-color: $gray-lighter
+        color: $text-color
+        text-decoration: none
+      .fa
+        margin-right: -15px
+      &.collapsed
+        .fa
+          +rotate(180deg)
+
+    .component-item
+      a, button
+        // background-color: $text-color
+        // color: $gray-light
+        color: $text-color
+        display: block
+        font-weight: 400
+        line-height: 19px
+        padding: 11px 13px 11px 15px
+        text-decoration: none
+
+        +default-transition
+        &:hover,
+        &:focus
+          // background-color: $navbar-default-bg
+          background-color: $gray-lighter
+          padding-left: 25px
+
+      &.active
+        a, button
+          // background-color: lighten($navbar-default-bg, 10%)
+          background-color: $gray-light
+          border-color: $brand-primary
+          border-left: 2px solid $brand-primary
+          // color: white
+          padding-left: 25px
+
+//== Top navbar
+//
+//##
+
+.navbar-default
+  border: none
+  padding-right: 22px
+  .nav > li >   
+    button
+      -webkit-appearance: none
+      border: none
+    a,
+    button
+      padding: 6px 10px
+      text-align: center
+      margin: 14px 3px
+      color: inherit
+      +border-radius($border-radius-small)
+      i
+        line-height: 14px
+      &.btn-home
+        background-color: $blue-darker
+        color: $gray-lighter
+
+      &.btn-power-off
+        background-color: $brand-danger
+        color: $gray-lighter
+
+.navbar-fixed-top
+  padding-left: 0
+  &.navbar
+    margin-bottom: 0
+
+//** Btn menu toggle
+.navbar-toggle
+  float: left
+  display: block

data/app/assets/stylesheets/para/admin/src/_navtabs.sass

@@ -0,0 +1,41 @@
+//
+// Navtabs
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+//** Add negative margin top if the nav tab is the frst content of the page
+.page-content-wrap 
+  .nav-tabs
+    margin-top: -25px
+    +border-radius($border-radius-small)
+  .form-inputs  
+    .nav-tabs
+      margin-top: 0
+      +border-radius(0)
+
+//** Override bootstrap nav tabs
+.nav-tabs
+  background-color: $gray-lighter
+  margin-right: -25px
+  margin-left: -25px
+  margin-bottom: 25px
+
+  > li > a
+    color: $text-color
+    border: none
+    border-bottom: 2px solid transparent
+    font-weight: 300
+    padding: 15px 25px
+    i
+      margin-right: 4px
+  >
+    li.active >
+      a,
+      a:hover,
+      a:focus
+        border: none
+        background-color: $gray-lighter
+        border-bottom: 2px solid $brand-primary

data/app/assets/stylesheets/para/admin/src/_nested-many.sass

@@ -0,0 +1,69 @@
+//
+// Nested many
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.nested-many-field
+  .panel
+    z-index: 1
+
+  &.orderable
+    .sortable-placeholder
+      margin-bottom: 20px
+    .form-fields
+      +clearfix
+      float: none
+
+  &.nested-many-field-inset
+    .nested-many-inset-panel
+      border: 1px dashed $gray
+      +box-shadow(none)
+
+      .panel-heading
+        background-color: transparent
+        border-color: transparent
+
+    .nested-many-inset-add-button
+      .btn
+        +box-shadow(none)
+        background-color: $gray-lighter
+        border: 1px dashed $gray
+        color: $gray
+        display: block
+        width: 100%
+        padding: 30px
+
+      &.open
+        > .dropdown-menu
+          display: block
+          margin: 0 0 100px 0
+          padding: 10px
+          width: 100%
+
+          > li
+            border: none
+            display: block
+            float: left
+            padding: 10px
+            text-align: center
+            width: 33.333333%
+
+            > a
+              +border-radius(2px)
+              +default-transition
+              background: image_url('para/admin/template-section.svg') no-repeat center $gray-lighter
+              border: 1px dashed $gray
+              color: $gray
+              display: block
+              font-weight: bold
+              height: 100%
+              padding: 75px 5px
+              text-transform: uppercase
+              width: 100%
+              white-space: normal
+              &:hover
+                +material-box-shadow-soft(3)
+                border: 1px dashed $gray-lighter

data/app/assets/stylesheets/para/admin/src/_nested_one.sass

@@ -0,0 +1,13 @@
+//
+// Nested one
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.form-group.nested_one
+  label.control-label.nested_one
+    font-weight: 700
+    font-size: 18px
+    color: $blue-darker

data/app/assets/stylesheets/para/admin/src/_orderable.sass

@@ -0,0 +1,44 @@
+//
+// Orderable
+// --------------------------------------------------
+
+//== Re-ordered & handle barre styles
+//
+//##
+
+.order-anchor,
+.handle
+  color: $text-color
+  cursor: move
+  cursor: -webkit-grab
+  cursor: grab
+  outline: 0
+  font-size: 14px
+  line-height: 20px
+  width: 21px
+  +inline-block
+  +default-transition
+  &:hover
+    color: $gray-darker
+  &:focus,
+  &:focus:active
+    cursor: move
+    cursor: -webkit-grabbing
+    cursor: grabbing
+    +border-radius($border-radius-base)
+    margin: 0
+    background-color: $gray
+    color: $gray-darker
+    text-align: center
+  .sort-dots:after
+    color: $gray
+    content: '\2807\2807'
+    font-size: 30px
+    font-style: normal
+    letter-spacing: -14px
+    vertical-align: middle
+
+.sortable-placeholder
+  border: 1px dotted $gray
+  width: 100%
+  background-color: $gray-lighter

data/app/assets/stylesheets/para/admin/src/_page-loading.sass

@@ -0,0 +1,39 @@
+//
+// Page loading
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+$spinner-size: 32px
+
+.loading-overlay
+  position: fixed
+  width: 100%
+  height: calc(100% - #{$navbar-height})
+  top: $navbar-height
+  left: 0
+  z-index: $zindex-navbar-fixed + 10
+  opacity: .5
+  background: white
+
+.loading-spinner
+  position: fixed
+  top: 50%
+  left: 50%
+  margin-left: ($spinner-size / 2)
+  margin-top: $navbar-height - $spinner-size
+  width: $spinner-size
+  height: $spinner-size
+  z-index: $zindex-navbar-fixed + 11
+  font-size: 32px
+  // background: image-url('para/admin/loading-spinner.gif')
+  &:before
+    +fontAwesome
+    content: '\f1ce'
+    -webkit-animation: fa-spin 2s infinite linear
+    animation: fa-spin 2s infinite linear
+
+.turbolinks-progress-bar
+  background-color: $brand-primary

data/app/assets/stylesheets/para/admin/src/_pagination.sass

@@ -0,0 +1,34 @@
+//
+// Pagination
+// --------------------------------------------------
+
+//== Overiding bootstrap pagination styles
+//
+//##
+
+.pagination
+  +border-radius(0)
+  +clearfix
+  display: block
+  margin-bottom: 0
+  text-align: center
+  > li
+    +inline-block
+    > a,
+    > span
+      +border-radius($border-radius-small)
+      +inline-block
+      +material-box-shadow-soft(1)
+      background-color: $gray-lighter
+      border: none
+      float: none
+      margin: 0
+      &:active,
+      &:focus,
+      &:hover
+        background-color: $gray-lighter
+
+  > li:first-child
+    > a,
+    > span
+      +border-radius($border-radius-small)

data/app/assets/stylesheets/para/admin/src/_panel.sass

@@ -0,0 +1,55 @@
+//
+// Panel
+// --------------------------------------------------
+
+//== Main style
+//
+//## Just an override of bootstrap
+
+.panel
+  border: none
+  +material-box-shadow-soft(2)
+
+  //** Panel with collapse element
+  .collapsed
+    .fa-angle-up
+      +rotate(180deg)
+
+  //** Panel is orderable
+  .order-anchor
+    float: left
+    margin-right: 10px
+    line-height: 30px
+    margin-left: -20px
+
+.panel-heading
+  padding: 10px 25px
+  border: none
+  +border-radius(2px)
+  +clearfix
+  //** Do not destroy panel heading if image is inside
+  img
+    max-width: 250px
+    max-height: 250px
+
+  //** Disable link underline if is in panel heading
+  a
+    &:hover,
+    &:focus
+      text-decoration: none
+
+.panel-title
+  font-size: $font-size-base
+  font-weight: 400
+  float: left
+  line-height: 30px
+  margin-right: 30px
+  max-width: calc(100% - 180px)
+
+.panel-btns
+  float: right
+  //** If panel-btns is a list
+  list-style: none
+  margin-top: 4px
+  li
+    padding-left: 0