cd2_catton_cms 1.1.10

data/app/assets/stylesheets/c/_core.sass

@@ -0,0 +1,237 @@
+//-- GENERAL ELEMENT STYLES --//
+*
+  box-sizing: border-box!important
+
+body
+  font-family: $font
+  -webkit-font-smoothing: antialiased
+  font-size: .875rem
+  color: #2D3138
+
+img
+  max-width: 100%
+
+a
+  color: $primary_color
+  text-decoration: none
+  &:hover
+    text-decoration: underline
+
+table
+  border-spacing: 0
+  width: 100%
+
+.hidden
+  display: none
+
+[data-url]
+  cursor: pointer
+
+//--BREAKPOINTS--//
+
+$s: 400px
+$m: 600px
+$l: 900px
+$xl: 1008px
+$xxl: 1280px
+
+$breakpoints_map: ( s: $s,  m: $m,  l: $l,  xl: $xl, xxl: $xxl )
+
+.page
+  background: white
+
+//-- Used to center content horizontally in the document --//
+.wrap
+  margin: 0 auto
+  max-width: $site_width
+  &--padded
+    padding: 24px
+  &__narrow
+    max-width: 900px
+    &-ultra
+      max-width: 500px
+    &-padded
+      padding: 0 16px
+
+.row
+  padding: 16px
+  &--colored
+    background-color: $primary_color
+    &-dark
+      background-color: #1b1b1b
+      a
+        color: white
+  &--sides
+    padding: 0 16px
+
+.logo
+  max-height: $logo_height
+  max-width: $logo_width
+  width: 100%
+  height: 100%
+  background-image: image_url('c/logo--dark.svg')
+  &--light
+    background-image: image_url('c/logo--light.svg')
+  background-position: 0 50%
+  background-repeat: no-repeat
+  background-size: contain
+  &--no-container
+    height: $logo_height
+    width: $logo_width
+    margin: 0 auto
+
+//-- Grid System --//
+.gs
+  +flexbox
+  +flex-wrap(wrap)
+  &--centered
+    +align-items(center)
+  &--m
+    @media (min-width: $m)
+      +flexbox
+  &--l
+    @media (min-width: $l)
+      +flexbox
+  &--xl
+    @media (min-width: $xl)
+      +flexbox
+  &--xxl
+    @media (min-width: $xxl)
+      +flexbox
+  &--nowrap
+    +flex-wrap(nowrap)
+.g-gutter
+  padding-left: 16px
+  &--narrow
+    padding-left: 10px
+    &--xxl
+      @media (min-width: $xxl)
+        padding-left: 8px
+  &--m
+    @media (min-width: $m)
+      padding-left: 16px
+  &--l
+    @media (min-width: $l)
+      padding-left: 16px
+  &--xl
+    @media (min-width: $xl)
+      padding-left: 16px
+  &--xxl
+    @media (min-width: $xxl)
+      padding-left: 16px
+
+.g-gutter--bottom
+  padding-bottom: 16px
+  &--narrow
+    padding-bottom: 10px
+  &--m
+    @media (min-width: $m)
+      padding-bottom: 16px
+  &--l
+    @media (min-width: $l)
+      padding-bottom: 16px
+
+.g-gutter--top
+  padding-top: 16px
+  &--narrow
+    padding-top: 10px
+  &--m
+    @media (min-width: $m)
+      padding-top: 16px
+  &--l
+    @media (min-width: $l)
+      padding-top: 16px
+
+.g-gutter--right
+  padding-right: 16px
+  &--narrow
+    padding-right: 10px
+  &--m
+    @media (min-width: $m)
+      padding-right: 16px
+  &--l
+    @media (min-width: $l)
+      padding-right: 16px
+
+.g-full
+  +flex-basis(100%)
+
+.g-half
+  +flex-basis(50%)
+
+@for $i from 1 through 4
+  .g-#{$i}
+    +flex(#{$i})
+
+@for $i from 1 through 12
+  @media (min-width: $m)
+    .g-#{$i}--m
+      +flex(#{$i})
+
+//-- Creates all classes for flex + media queries for each breakpoint --//
+//-- REVIEW probably a bad idea as a lot of lines of css added --//
+// @each $name, $value in $breakpoints_map
+//   @for $i from 1 through 12
+//     .g-#{$i}--#{$name}
+//       @media (min-width: $value)
+//         +flex(#{$i})
+
+/////////////// REVIEW is this the best way of doing this?? Could create loops
+
+.m_only
+  display: none
+  @media (min-width: $m)
+    display: block
+
+//-- General Rules --//
+.align
+  &-right
+    text-align: right
+  &-left
+    text-align: left
+  &-center
+    text-align: center
+
+.clear
+  clear: both
+
+.no-wrap
+  white-space: nowrap
+
+
+
+///////////GENERAL PAGE STUFF ---- WHERE SHOULD THIS GO EY??
+.devise-form-page
+  background-color: white
+  padding: 50px 16px
+
+.app-bar
+  padding: 0 20px
+  background-color: #3D3D3D
+  a
+    display: inline-block
+    color: white
+    font-size: 12px
+    font-weight: 600
+    padding: 6px
+
+legend
+  position: relative
+  top: 16px
+  font-size: 12px
+  color: #666
+  background-color: transparent
+
+.checkbox-hidden
+  display: none
+  input[type='checkbox']:checked + &
+    display: block
+
+.checkbox-span-label
+  margin-left: 6px
+  font-size: 12px
+  margin-bottom: 0
+
+@import application/elements/buttons
+@import application/elements/shadows
+@import application/elements/forms

data/app/assets/stylesheets/c/_engine.sass

@@ -0,0 +1,4 @@
+@import vendor
+@import core
+@import engine/layout
+

data/app/assets/stylesheets/c/_variables.sass

@@ -0,0 +1,32 @@
+// This is a reference file - override it in your app
+
+@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,900')
+
+$font: 'Lato', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
+
+$error: #d02f2f
+
+$primary_color:        #8CC63F
+$dark_primary_color:   darken($primary_color, 10%)
+$light_primary_color:  lighten($primary_color, 10%)
+
+$primary_text_color:   #2D3138
+$secondary_text_color: #757575
+
+$accent_color:         #50bcca
+$divider_color:        #BDBDBD
+
+$site_width:            1300px
+
+$logo_height:           100px
+$logo_width:            250px
+
+$header_background:     white
+
+$card_box_shadow: 0 2px 4px rgba(0,0,0,0.1)
+
+@mixin user-select($value)
+  -webkit-user-select: $value
+  -moz-user-select: $value
+  -ms-user-select: $value
+  user-select: $value

data/app/assets/stylesheets/c/_vendor.sass

@@ -0,0 +1,6 @@
+@import vendor/normalize
+@import vendor/flex_mixins
+@import font-awesome
+@import tabs
+@import select2
+@import sweetalert

data/app/assets/stylesheets/c/application/checkout/_cart.sass

@@ -0,0 +1,85 @@
+.cart
+  padding: 40px
+  background-color: white
+  h1
+    margin-top: 0
+    font-size: 1.5rem
+
+.cart-items
+  width: 100%
+  text-align: center
+  border-spacing: 0
+  margin: 20px 0
+  @media (max-width: 700px)
+    display: block
+    text-align: left
+    tbody
+      display: block
+
+.cart-items__heading
+  padding: 20px 0
+  font-weight: normal
+  border-top: 1px solid rgba(black, 0.25)
+  border-bottom: 1px solid rgba(black, 0.25)
+  @media (max-width: 700px)
+    display: none
+  &--align-left
+    text-align: left
+  &--align-right
+    text-align: right
+
+.cart-items__row
+  @media (max-width: 700px)
+    display: block
+    + .cart-items__row
+      margin-top: 10px
+
+.cart-items__cell
+  padding: 10px 0
+  border-bottom: 1px solid rgba(black, 0.1)
+  img
+    max-width: 120px
+  input[type="number"]
+    width: 50px
+    border: 1px solid rgba(black, 0.1)
+    margin-bottom: 0
+    display: inline-block
+  b
+    font-size: 1.4rem
+  i
+    color: red
+    margin-right: 15px
+    font-size: 1rem
+  @media (max-width: 700px)
+    display: inline-block
+    border-bottom: 0
+    h3
+      font-size: 1rem
+  &--align-left
+    text-align: left
+  &--align-right
+    text-align: right
+    @media (max-width: 700px)
+      width: 100%
+      border-bottom: 1px solid rgba(black, 0.1)
+  &--last
+    padding: 10px 0 20px
+    border-bottom: 0
+    @media (max-width: 700px)
+
+.cart__order-summary
+  width: 100%
+  table
+    max-width: 320px
+    margin-left: auto
+
+.order-summary__cell
+  span
+    font-size: 1rem
+  b
+    font-size: 1.4rem
+  &--first
+    padding-right: 15px
+
+.cart__actions
+  padding-top: 20px

data/app/assets/stylesheets/c/application/checkout/_checkout.sass

@@ -0,0 +1,87 @@
+.checkout
+  background-color: white
+  h3
+    margin: 0 0 28px
+    font-size: 1.4rem
+
+.checkout__header
+  background-color: $primary_color
+  padding-top: 20px
+
+.checkout__header-inner
+  height: 100px
+
+.checkout__breadcrumb
+  color: #666
+  margin-bottom: 24px
+  font-size: 12px
+
+.checkout__content
+  padding: 50px 28px
+  position: relative
+  z-index: 1
+
+.checkout__summary-td
+  padding: 0 0 8px
+  img
+    max-width: 70px
+    margin-right: 10px
+    border: 1px solid #ddd
+    border-radius: 5px
+    overflow: hidden
+    display: block
+  &--label
+    color: #777
+    &-large
+      font-size: 16px
+  &--bold
+    font-size: 18px
+    font-weight: 600
+
+.checkout__content--splitter
+  height: 1px
+  width: 100%
+  background-color: #ddd
+  margin: 16px 0
+
+.checkout__anon
+  border-top: 1px solid #ddd
+  margin-top: 20px
+  padding-top: 20px
+  @media (min-width: $m)
+    padding: 0 0 0 25px
+    margin: 0 0 0 25px
+    border-top: none
+    border-left: 1px solid #ddd
+
+.checkout__summary
+  position: relative
+  height: 100%
+  margin: 25px 0 0 0
+  padding: 0
+  box-shadow:  0 -1px 1px rgba(0, 0, 0, 0.12)
+  @media (min-width: $m)
+    margin: 0 0 0 25px
+    padding: 0 0 0 25px
+    box-shadow: -1px 0 1px rgba(0, 0, 0, 0.12)
+  &:after
+    content: ""
+    display: block
+    width: 300%
+    position: absolute
+    top: 0
+    left: 0
+    bottom: 0
+    background: #fafafa
+    box-shadow: 0 -1px 0 #e1e1e1 inset
+    background-position: left top
+
+
+.checkout__content-summary
+  background-color: #fafafa
+  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.6)
+  border-radius: 4px
+  padding: 16px
+  margin-bottom: 32px
+  h4
+    margin-top: 0

data/app/assets/stylesheets/c/application/elements/buttons.sass

@@ -0,0 +1,34 @@
+
+.btn
+  border-radius: 4px
+  font-size: 0.9rem
+  line-height: 1.25rem
+  padding: 9px 28px
+  outline: none
+  background-color: $primary_color
+  border: 1px solid $primary_color
+  color: white
+  -webkit-transition: .2s
+  transition: .2s
+  display: inline-block
+  text-align: center
+  margin-bottom: 4px
+  &--secondary
+    background-color: white
+    border: 1px solid $primary_color
+    color: $primary_color
+  &--simple
+    border: 0
+    border-radius: 0
+  &--small
+    padding: 3px 12px
+    font-size: 0.8rem
+  &--success
+    color: white
+    background-color: #39b54a
+  &--system
+    background-color: black
+    border: 1px solid black
+  &--split-second
+    border-radius: 0 4px 4px 0
+    padding: 9px

data/app/assets/stylesheets/c/application/elements/forms.sass

@@ -0,0 +1,135 @@
+
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="month"],
+input[type="week"],
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+textarea
+  line-height: 28px
+  padding: 8px 12px
+  -webkit-transition: border-color 0.1s, box-shadow 0.1s
+  transition: border-color 0.1s, box-shadow 0.1s
+  resize: vertical
+  background: white
+  cursor: pointer
+  width: 100%
+  max-width: 540px
+  display: block
+  height: 40px
+  margin: 0
+  border: 1px solid #e0e0e0
+  position: relative
+  -webkit-appearance: none
+  -moz-appearance: none
+  border-radius: 4px
+  &:focus
+    outline: none
+    border: 1px solid #666
+  &.error
+    border: 1px solid $error
+
+select,
+.select2-container--default .select2-selection--multiple,
+.select2-container--default .select2-selection--single
+  color: #0d0d0d
+  height: 40px
+  background-color: white
+  font-family: inherit
+  line-height: 125%
+  border-radius: 6px
+  padding: 0 12px
+  position: relative
+  background-position: right 8px center
+  background-repeat: no-repeat
+  background-size: 20px
+  cursor: pointer
+  background-image: image_url('c/select_arrow_down_blk.png')
+  -webkit-appearance: none
+  -moz-appearance: none
+  width: 100%
+  outline: none
+  border: 1px solid #e0e0e0
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice
+  margin-top: 8px
+
+.select2-search--inline
+  height: 26px
+  input
+    height: 26px!important
+
+.field
+  margin-bottom: 10px
+  &__help
+    margin-top: -10px
+    font-size: 12px
+    color: #787878
+    padding-left: 4px
+    font-style: italic
+  &__destroy-nested
+    line-height: 40px
+    padding: 0 10px
+  &__with-post-checkbox
+    label
+      font-size: 12px
+      float: left
+      margin-right: 6px
+      margin-bottom: 0
+    input[type="checkbox"]
+      position: relative
+      bottom: 2px
+  &--inner-label
+    position: relative
+    label
+      position: absolute
+      z-index: 10
+      top: 3px
+      left: 13px
+      font-size: 11px
+      color: #666
+    &.g-gutter--narrow--xxl
+      label
+        left: 21px
+
+    input[type="text"],
+    input[type="password"],
+    input[type="date"],
+    input[type="datetime"],
+    input[type="datetime-local"],
+    input[type="month"],
+    input[type="week"],
+    input[type="email"],
+    input[type="number"],
+    input[type="search"],
+    input[type="tel"],
+    input[type="time"],
+    input[type="url"]
+      padding-top: 18px
+      height: 44px
+    .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single
+      padding: 12px 35px 2px 6px
+      height: 44px
+    select
+      padding: 12px 35px 2px 13px
+      height: 44px
+
+.field__error
+  font-size: 12px
+  color: $error
+
+label
+  display: block
+  margin-bottom: 2.5px
+  &.error
+    color: $error
+
+.select2-container
+  width: 100%!important

data/app/assets/stylesheets/c/application/elements/shadows.sass

@@ -0,0 +1,23 @@
+.shadow-1dp
+  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 0 5px 0 rgba(0, 0, 0, 0.1)
+
+.shadow-2dp
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
+
+.shadow-3dp
+  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
+
+.shadow-4dp
+  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.14)
+
+.shadow-6dp
+  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.14)
+
+.shadow-8dp
+  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.14)
+
+.shadow-16dp
+  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.2), 0  6px 30px 5px rgba(0, 0, 0, 0.12), 0  8px 10px -5px rgba(0, 0, 0, 0.14)
+
+.shadow-24dp
+  box-shadow: 0  9px 46px  8px rgba(0, 0, 0, 0.2), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px  3px rgba(0, 0, 0, 0.14)

data/app/assets/stylesheets/c/application/partials/_breadcrumbs.sass

@@ -0,0 +1,10 @@
+#breadcrumbs_container
+  #breadcrumbs_inner
+    margin: 0 auto
+    max-width: $site_width
+    background: $dark_primary_color
+    padding: 10px 20px
+    a
+      color: white
+    span, i
+      color: rgba(white, 0.7)

data/app/assets/stylesheets/c/application/partials/_categories_sidebars/_1.sass

@@ -0,0 +1,53 @@
+// .categories__menu
+
+.categories-menu__section
+  line-height: 1.5rem
+  input[type="checkbox"]
+    display: none
+  label:after
+    content: "-"
+    display: block
+    cursor: pointer
+    font-size: 1.2rem
+  input[type="checkbox"]:checked ~ label:after
+    content: "+"
+  input[type="checkbox"]:checked ~ .categories-menu__list
+    display: none
+  h4, h2
+    border-bottom: 2px solid grey
+    padding-bottom: 3px
+    font-size: 1rem
+  h2
+    font-size: 1.3rem
+
+.categories-menu__expand
+  float: right
+  color: lighten($primary_text_color, 10%)
+  font-weight: bold
+
+.categories-menu__list
+  ul
+    list-style: none
+    padding-top: 0
+    padding-left: 0
+  li
+    font-size: 0.85rem
+    a
+      text-decoration: none
+      color: $accent_color
+      &.sidebar_more_link
+        color: $primary_color
+        font-size: 0.8rem
+        font-style: italic
+
+  img
+    width: 100%
+    margin: 0
+    display: block
+
+  &--sub
+    padding-left: 10px
+    li
+      font-size: 0.85rem
+    a
+      display: block