para 0.6.9 → 0.7.0

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

@@ -0,0 +1,22 @@
+//
+// Breadcrumb
+// --------------------------------------------------
+
+//== Breadcrumb override
+//
+//## Just a override of bootstrap
+
+.breadcrumb
+  border: none
+  +border-radius(0)
+  margin: 0
+  float: left
+  li
+    a
+      color: $breadcrumb-color
+      font-size: 1em
+      font-weight: 300
+      text-decoration: none
+    &.active
+      a
+        color: $breadcrumb-active-color

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

@@ -0,0 +1,107 @@
+//
+// Buttons
+// --------------------------------------------------
+
+//== Buttons mixin
+//
+//## buttons mixin is here because is doest have to be share
+
+=btn-outline($brand: default)
+  border: 1px solid $brand
+  background-color: transparent
+  color: $brand
+  +default-transition
+  &:hover,
+  &:focus
+    background-color: $brand
+    color: #fff
+
+=btn-icon($brand: default)
+  color: $brand
+  background-color: $btn-default-bg
+  &:hover,
+  &:focus
+    color: white !important
+    background-color: $brand
+
+=btn-shadow
+  @each $class, $bg, $border in (primary, $btn-primary-bg, $btn-primary-border), (danger, $btn-danger-bg, $btn-danger-border), (default, $btn-default-bg, $btn-default-border), (success, $btn-success-bg, $btn-success-border), (warning, $btn-warning-bg, $btn-warning-border), (info, $btn-info-bg, $btn-info-border)
+    &.btn-#{$class}
+      &:hover,
+      &:focus,
+      &:active,
+      &:active:focus,
+      &.active
+        background-color: $bg !important
+        border-color: $border !important
+
+.btn-shadow
+  +btn-shadow
+
+//** Override bootstrap btns
+.btn
+  padding: 6px 16px
+  text-transform: uppercase
+  .fa
+    font-size: 15px
+    &.fa-stack-2x
+      font-size: 20px
+
+.btn-sm
+  padding: 5px 10px
+  .fa
+    font-size: 13px
+
+
+.btn-xs
+  padding: 1px 5px
+  .fa
+    font-size: 12px
+
+//** Override boostrap active btns if here is in dropdown
+.btn-group.open .dropdown-toggle,
+.dropdown.open .dropdown-toggle
+  +material-box-shadow-soft(2)
+
+
+//** Override the default btn of bootstrap
+.btn-default
+  &:hover
+    background-color: darken($btn-default-bg, 1%)
+    border-color: darken($btn-default-border, 1%)
+
+//** Override default comportement of bootstrap with btn shadow
+.btn-shadow
+  +material-box-shadow-soft(1)
+  +default-transition
+  &:active,
+  &.active
+    +material-box-shadow-soft(2)
+
+//** Btn outline
+.btn-default-outline
+  +btn-outline($gray)
+.btn-primary-outline
+  +btn-outline($brand-primary)
+.btn-success-outline
+  +btn-outline($brand-success)
+.btn-info-outline
+  +btn-outline($brand-info)
+.btn-warning-outline
+  +btn-outline($brand-warning)
+.btn-danger-outline
+  +btn-outline($brand-danger)
+
+//** Btn icon
+.btn-icon-default
+  +btn-icon($gray)
+.btn-icon-primary
+  +btn-icon($brand-primary)
+.btn-icon-success
+  +btn-icon($brand-success)
+.btn-icon-info
+  +btn-icon($brand-info)
+.btn-icon-warning
+  +btn-icon($brand-warning)
+.btn-icon-danger
+  +btn-icon($brand-danger)

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

@@ -0,0 +1,94 @@
+//
+// Checkable
+// --------------------------------------------------
+
+//== Radio & Checkbox
+//
+//##
+
+//** Vertical form
+.form-vertical
+  .form-group.boolean
+    +clearfix
+    i
+      font-size: 20px
+      line-height: 1
+
+    //** wrapper: :vertical_radio_and_checkboxes
+    label:not(.control-label)
+      display: block
+      font-weight: 500
+      font-size: $font-size-base
+
+    //** wrapper: :horizontal_radio_and_checkboxes
+    .control-label[class*='col-']
+      padding-left: 0
+
+  //** Override bootstrap vertical form
+  .radio label,
+  .checkbox label
+    padding-left: 0
+    margin-bottom: inherit
+
+//** Checkbox in table
+.table
+  .radio,
+  .checkbox
+    margin: 0
+    label
+      font-weight: 500
+      font-size: $font-size-base
+      margin-bottom: 0
+      i
+        font-size: 20px
+        line-height: 1
+
+//** Customize Checkbox and Radio
+.form-group.boolean input[type=checkbox],
+.form-group.boolean input[type=radio],
+.checkbox input[type=checkbox],
+.radio input[type=radio]
+  position: absolute
+  overflow: hidden
+  clip: rect(0 0 0 0)
+  height: 1px
+  width: 1px
+  margin: -1px
+  padding: 0
+  border: 0
+
+input[type=checkbox]:checked + label.check_boxes:before,
+input[type=checkbox]:checked + .checkbox-icon:before
+  content: "\f046"
+
+input[type=checkbox]:focus + label.check_boxes:before,
+input[type=checkbox]:focus + .checkbox-icon:before
+  color: $input-border-focus
+
+.boolean .checkbox-icon,
+.checkbox .checkbox-icon
+  &:hover
+    &:before
+      color: $input-border-focus
+  &:before
+    +fontAwesome
+    content: "\f096"
+    color: $input-color
+
+input[type=radio]:checked + label.radio_buttons:before,
+input[type=radio]:checked + .radio-icon:before
+  content: "\f192"
+
+input[type=radio]:focus + label.radio_buttons:before,
+input[type=radio]:focus + .radio-icon:before
+  color: $input-border-focus
+
+.boolean .radio-icon,
+.radio .radio-icon
+  &:hover
+    &:before
+      color: $input-border-focus
+  &:before
+    +fontAwesome
+    content: "\f10c"
+    color: $input-color

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

@@ -0,0 +1,203 @@
+//
+// Common
+// --------------------------------------------------
+
+//** Override bootstrap
+.text-muted
+  font-weight: 300
+
+.text-disabled
+  padding: 5px
+  background-color: $input-bg-disabled
+  color: $input-color
+
+.collapsing
+  +default-transition
+
+.label
+  font-size: 90%
+
+.help-block
+  font-size: 0.8em
+  color: $gray
+
+
+[class*="hint--"]:after
+  text-transform: lowercase
+  +text-shadow(none)
+
+//** icons
+.icon-rounded
+  width: 32px
+  height: 32px
+  text-align: center
+  font-size: 17px
+  line-height: 32px
+  font-weight: 700
+  font-style: normal
+  +border-radius(100%)
+
+//** Thumbtack in statcard
+.thumbtack-link
+  position: absolute
+  top: $spacer-y * 2
+  right: $spacer-x * 3
+  z-index: 100
+  &:hover,
+  &.active
+    .fa-thumb-tack
+      color: $purple
+      +text-shadow(none)
+
+.fa-thumb-tack
+  +rotate(-45deg)
+  font-size: 25px
+  color: #fff
+  +text-shadow()
+  +default-transition
+
+//== Positioning
+//
+//##
+
+.pos-r
+  position: relative !important
+
+.pos-a
+  position: absolute !important
+
+.pos-f
+  position: fixed !important
+
+//== Margin and padding spacer
+//
+//##
+
+//** Margin
+.m-a-0
+  margin:        0 !important
+.m-t-0
+  margin-top:    0 !important
+.m-r-0
+  margin-right:  0 !important
+.m-b-0
+  margin-bottom: 0 !important
+.m-l-0
+  margin-left:   0 !important
+
+.m-a
+  margin:        $spacer !important
+.m-t
+  margin-top:    $spacer-y !important
+.m-r
+  margin-right:  $spacer-x !important
+.m-b
+  margin-bottom: $spacer-y !important
+.m-l
+  margin-left:   $spacer-x !important
+.m-x
+  margin-right:  $spacer-x !important
+  margin-left: $spacer-x !important
+.m-y
+  margin-top:    $spacer-y !important
+  margin-bottom: $spacer-y !important
+.m-x-auto
+  margin-right: auto !important
+  margin-left: auto !important
+
+.m-a-md
+  margin:        ($spacer-y * 1.5) !important
+.m-t-md
+  margin-top:    ($spacer-y * 1.5) !important
+.m-r-md
+  margin-right:  ($spacer-y * 1.5) !important
+.m-b-md
+  margin-bottom: ($spacer-y * 1.5) !important
+.m-l-md
+  margin-left:   ($spacer-y * 1.5) !important
+.m-x-md
+  margin-right:  ($spacer-x * 1.5) !important
+  margin-left:   ($spacer-x * 1.5) !important
+.m-y-md
+  margin-top:    ($spacer-y * 1.5) !important
+  margin-bottom: ($spacer-y * 1.5) !important
+
+.m-a-lg
+  margin:        ($spacer-y * 3) !important
+.m-t-lg
+  margin-top:    ($spacer-y * 2.5) !important
+.m-r-lg
+  margin-right:  ($spacer-y * 3) !important
+.m-b-lg
+  margin-bottom: ($spacer-y * 3) !important
+.m-l-lg
+  margin-left:   ($spacer-y * 3) !important
+.m-x-lg
+  margin-right:  ($spacer-x * 3) !important
+  margin-left:   ($spacer-x * 3) !important
+.m-y-lg
+  margin-top:    ($spacer-y * 3) !important
+  margin-bottom: ($spacer-y * 3) !important
+
+//** Padding
+.p-a-0
+  padding:        0 !important
+.p-t-0
+  padding-top:    0 !important
+.p-r-0
+  padding-right:  0 !important
+.p-b-0
+  padding-bottom: 0 !important
+.p-l-0
+  padding-left:   0 !important
+
+.p-a
+  padding:        $spacer !important
+.p-t
+  padding-top:    $spacer-y !important
+.p-r
+  padding-right:  $spacer-x !important
+.p-b
+  padding-bottom: $spacer-y !important
+.p-l
+  padding-left:   $spacer-x !important
+.p-x
+  padding-right:  $spacer-x !important
+  padding-left:   $spacer-x !important
+.p-y
+  padding-top:    $spacer-y !important
+  padding-bottom: $spacer-y !important
+
+.p-a-md
+  padding:        ($spacer-y * 1.5) !important
+.p-t-md
+  padding-top:    ($spacer-y * 1.5) !important
+.p-r-md
+  padding-right:  ($spacer-y * 1.5) !important
+.p-b-md
+  padding-bottom: ($spacer-y * 1.5) !important
+.p-l-md
+  padding-left:   ($spacer-y * 1.5) !important
+.p-x-md
+  padding-right:  ($spacer-x * 1.5) !important
+  padding-left:   ($spacer-x * 1.5) !important
+.p-y-md
+  padding-top:    ($spacer-y * 1.5) !important
+  padding-bottom: ($spacer-y * 1.5) !important
+
+.p-a-lg
+  padding:        ($spacer-y * 3) !important
+.p-t-lg
+  padding-top:    ($spacer-y * 3) !important
+.p-r-lg
+  padding-right:  ($spacer-y * 3) !important
+.p-b-lg
+  padding-bottom: ($spacer-y * 3) !important
+.p-l-lg
+  padding-left:   ($spacer-y * 3) !important
+.p-x-lg
+  padding-right:  ($spacer-x * 3) !important
+  padding-left:   ($spacer-x * 3) !important
+.p-y-lg
+  padding-top:    ($spacer-y * 3) !important
+  padding-bottom: ($spacer-y * 3) !important

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

@@ -0,0 +1,40 @@
+//
+// Dropdown
+// --------------------------------------------------
+
+//== Main style
+//
+//##
+
+.dropdown
+  &.open
+    .fa-angle-down
+      +rotate(180deg)
+
+.dropdown-menu
+  +border-radius(2px)
+  +material-box-shadow-soft(2)
+  border: none
+  margin: 10px 0 0
+  z-index: $zindex-navbar-fixed + 20
+  > li
+    > a
+      border-bottom: 1px solid $gray-lighter
+      line-weight: 300
+      padding: 12px 12px
+      &:hover
+        background-color: $gray-lighter
+    &:first-child
+      > a
+        border-top: 1px solid $gray-lighter
+  &:after, &:before
+    display: none
+
+.dropup .dropdown-menu
+  &:after, &:before
+    display: none
+
+.dropdown-header
+  padding: 10px 15px
+  border-bottom: 1px solid $dropdown-border
+  color: $dropdown-header-color