integral 1.0.0

data/app/assets/stylesheets/integral/frontend/layout.sass

@@ -0,0 +1,66 @@
+.site-title
+  font-size: 1.5rem
+  font-weight: bold
+  letter-spacing: .05rem
+  span
+    font-weight: normal
+    margin-left: -.5rem
+main
+  position: relative
+
+header
+  position: sticky
+  z-index: 999
+  top: 0
+  padding: .5rem 0
+  border-bottom: 1px solid #dee1e1
+  background-color: $white
+  font-size: .9em
+  .top-bar
+    @include breakpoint(small down)
+      @include top-bar-unstack
+
+header, .off-canvas
+  ul.menu a
+    color: $black
+    font-weight: bold
+    text-transform: uppercase
+    &:hover
+      color: $primary-color
+  ul.menu li:last-of-type a
+    @include button
+    font-size: .8em
+    margin-bottom: 0
+    // Same as .button overrides - move out into mixin?
+    border-radius: .15rem
+    letter-spacing: .1em
+    padding-left: 2rem
+    padding-right: 2rem
+    font-weight: bold
+    text-transform: uppercase
+
+.off-canvas
+  text-align: center
+  li
+    margin-bottom: 1rem
+  .site-title
+    display: block
+    margin: 2rem 0
+
+footer
+  background-color: #212121
+  color: $white
+  padding: 2rem 0
+  font-size: .85rem
+  a
+    color: $white
+  h3
+    margin-bottom: 1.5rem
+  .menu.vertical li
+    i
+      margin-right: .5rem
+    a
+      padding-left: 0
+    button
+      margin-top: 1rem
+

data/app/assets/stylesheets/integral/frontend/overrides.sass

@@ -0,0 +1 @@
+// This is an abstract file to be overriden by the host application

data/app/assets/stylesheets/integral/frontend/share_modal.sass

@@ -0,0 +1,25 @@
+$facebook-color: #3b5998
+$twitter-color: #1da1f2
+$google-plus-color: #dd4b39
+
+#share-modal
+  text-align: center
+  hr
+    margin-bottom: 2em
+  a.button
+    width: 20em
+    font-weight: bold
+    i
+      margin-right: 0.5em
+    &.facebook
+      background-color: $facebook-color
+      &:hover
+        background-color: darken($facebook-color, 10%)
+    &.twitter
+      background-color: $twitter-color
+      &:hover
+        background-color: darken($twitter-color, 10%)
+    &.google-plus
+      background-color: $google-plus-color
+      &:hover
+        background-color: darken($google-plus-color, 10%)

data/app/assets/stylesheets/integral/frontend/shared.sass

@@ -0,0 +1,73 @@
+\:focus
+  outline: none
+
+iframe
+  border: none
+
+.toast-success
+  background-color: $primary-color
+
+.button
+  border-radius: .15rem
+  letter-spacing: .1em
+  padding-left: 2rem
+  padding-right: 2rem
+  font-weight: bold
+  text-transform: uppercase
+  &.white
+    color: $white
+    border-color: $white
+    &:hover
+      color: $black
+      border-color: $black
+
+.button--edit-resource
+  position: absolute
+  z-index: 2
+  right: 1em
+  top: 1em
+
+.text-primary
+  color: $primary-color
+
+.pos-rel
+  position: relative
+
+.image--shadow
+  border-radius: 5px
+  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25)
+
+.image--no-shadow
+  box-shadow: none !important
+
+.field-with-errors
+  input, textarea
+    border-color: $alert-color
+    color: $alert-color
+
+h1
+  margin: .5em 0
+  font-size: 2.5rem
+  font-weight: bold
+  @include breakpoint(small down)
+    font-size: 2rem
+h2
+  font-size: 2.25rem
+  font-weight: bold
+  margin-bottom: .5em
+h3
+  font-size: 1.25rem
+  font-weight: bold
+
+section
+  overflow: hidden
+
+.swiper-container
+  .swiper-button-prev
+    &:before
+      @include font-awesome('\f104')
+  .swiper-button-next
+    &:before
+      @include font-awesome('\f105')
+  .swiper-button-prev, .swiper-button-next
+    background-image: none

data/app/assets/stylesheets/integral/support/date-picker.scss

@@ -0,0 +1,16 @@
+/* Date Picker 
+ This has been ported from MaterializeCSS
+ */
+
+$datepicker-weekday-bg: darken($primary-color, 7%) !default;
+$datepicker-date-bg: $primary-color !default;
+$datepicker-year: rgba(255, 255, 255, .4) !default;
+$datepicker-focus: rgba(0,0,0, .05) !default;
+$datepicker-selected: $primary-color !default;
+$datepicker-selected-outfocus: desaturate(lighten($primary-color, 35%), 15%) !default;
+
+@import "integral/support/date_picker/_default";
+@import "integral/support/date_picker/_default.time";
+@import "integral/support/date_picker/_default.date";
+@import "integral/support/date_picker/materialize_clockpicker";
+

data/app/assets/stylesheets/integral/support/date_picker/_default.date.scss

@@ -0,0 +1,452 @@
+/* ==========================================================================
+   $BASE-DATE-PICKER
+   ========================================================================== */
+
+/**
+  * NOTE:
+  * In this version changed the REMs to EM as REM is messed up for this repo
+  */
+
+/**
+ * The picker box.
+ */
+.picker__box {
+  padding: 0 1em;
+}
+/**
+ * The header containing the month and year stuff.
+ */
+.picker__header {
+  text-align: center;
+  position: relative;
+  margin-top: .75em;
+}
+/**
+ * The month and year labels.
+ */
+.picker__month,
+.picker__year {
+//  font-weight: 500;
+  display: inline-block;
+  margin-left: .25em;
+  margin-right: .25em;
+}
+/**
+ * The month and year selectors.
+ */
+.picker__select--month,
+.picker__select--year {
+
+  height: 2em;
+  padding: 0;
+  margin-left: .25em;
+  margin-right: .25em;
+}
+
+// Modified
+.picker__select--month.browser-default {
+  display: inline;
+  background-color: #FFFFFF;
+  width: 40%;
+}
+.picker__select--year.browser-default {
+  display: inline;
+  background-color: #FFFFFF;
+  width: 26%;
+}
+.picker__select--month:focus,
+.picker__select--year:focus {
+  border-color: $datepicker-focus;
+}
+/**
+ * The month navigation buttons.
+ */
+.picker__nav--prev,
+.picker__nav--next {
+  position: absolute;
+  padding: .5em 1.25em;
+  width: 1em;
+  height: 1em;
+  box-sizing: content-box;
+  top: -0.25em;
+}
+//@media (min-width: 24.5em) {
+//  .picker__nav--prev,
+//  .picker__nav--next {
+//    top: -0.33em;
+//  }
+//}
+.picker__nav--prev {
+  left: -1em;
+  padding-right: 1.25em;
+}
+//@media (min-width: 24.5em) {
+//  .picker__nav--prev {
+//    padding-right: 1.5em;
+//  }
+//}
+.picker__nav--next {
+  right: -1em;
+  padding-left: 1.25em;
+}
+//@media (min-width: 24.5em) {
+//  .picker__nav--next {
+//    padding-left: 1.5em;
+//  }
+//}
+
+.picker__nav--disabled,
+.picker__nav--disabled:hover,
+.picker__nav--disabled:before,
+.picker__nav--disabled:before:hover {
+  cursor: default;
+  background: none;
+  border-right-color: #f5f5f5;
+  border-left-color: #f5f5f5;
+}
+/**
+ * The calendar table of dates
+ */
+.picker__table {
+  text-align: center;
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+  font-size: 1em;
+  width: 100%;
+  margin-top: .75em;
+  margin-bottom: .5em;
+}
+
+
+
+.picker__table th, .picker__table td {
+  text-align: center;
+}
+
+
+
+
+
+
+.picker__table td {
+  margin: 0;
+  padding: 0;
+}
+/**
+ * The weekday labels
+ */
+.picker__weekday {
+  width: 14.285714286%;
+  font-size: .75em;
+  padding-bottom: .25em;
+  color: #999999;
+  font-weight: 500;
+  /* Increase the spacing a tad */
+}
+@media (min-height: 33.875em) {
+  .picker__weekday {
+    padding-bottom: .5em;
+  }
+}
+/**
+ * The days on the calendar
+ */
+
+.picker__day--today {
+  position: relative;
+  color: #595959;
+  letter-spacing: -.3;
+  padding: .75rem 0;
+  font-weight: 400;
+  border: 1px solid transparent;
+
+}
+
+//.picker__day--today:before {
+//  content: " ";
+//  position: absolute;
+//  top: 2px;
+//  right: 2px;
+//  width: 0;
+//  height: 0;
+//  border-top: 0.5em solid #0059bc;
+//  border-left: .5em solid transparent;
+//}
+.picker__day--disabled:before {
+  border-top-color: #aaaaaa;
+}
+
+
+.picker__day--infocus:hover{
+  cursor: pointer;
+  color: #000;
+  font-weight: 500;
+}
+
+.picker__day--outfocus {
+  display: none;
+  padding: .75rem 0;
+  color: #fff;
+
+}
+.picker__day--outfocus:hover {
+  cursor: pointer;
+  color: #dddddd;
+//  background: #b1dcfb;
+  font-weight: 500;
+}
+
+
+.picker__day--highlighted {
+//  border-color: #0089ec;
+}
+.picker__day--highlighted:hover,
+.picker--focused .picker__day--highlighted {
+  cursor: pointer;
+//  color: #000000;
+//  background: #b1dcfb;
+//  font-weight: 500;
+}
+.picker__day--selected,
+.picker__day--selected:hover,
+.picker--focused .picker__day--selected {
+
+
+//  Circle background
+   border-radius: 50%;
+  transform: scale(.75);
+  background: #0089ec;
+  color: #ffffff;
+}
+.picker__day--disabled,
+.picker__day--disabled:hover,
+.picker--focused .picker__day--disabled {
+  background: #f5f5f5;
+  border-color: #f5f5f5;
+  color: #dddddd;
+  cursor: default;
+}
+.picker__day--highlighted.picker__day--disabled,
+.picker__day--highlighted.picker__day--disabled:hover {
+  background: #bbbbbb;
+}
+/**
+ * The footer containing the "today", "clear", and "close" buttons.
+ */
+.picker__footer {
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.picker__button--today,
+.picker__button--clear,
+.picker__button--close {
+  border: 1px solid #ffffff;
+  background: #ffffff;
+  font-size: .8em;
+  padding: .66em 0;
+  font-weight: bold;
+  width: 33%;
+  display: inline-block;
+  vertical-align: bottom;
+}
+.picker__button--today:hover,
+.picker__button--clear:hover,
+.picker__button--close:hover {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+  border-bottom-color: #b1dcfb;
+}
+.picker__button--today:focus,
+.picker__button--clear:focus,
+.picker__button--close:focus {
+  background: #b1dcfb;
+  // border-color: $datepicker-focus;
+  border-color: red;
+  outline: none;
+}
+.picker__button--today:before,
+.picker__button--clear:before,
+.picker__button--close:before {
+  position: relative;
+  display: inline-block;
+  height: 0;
+}
+.picker__button--today:before,
+.picker__button--clear:before {
+  content: " ";
+  margin-right: .45em;
+}
+.picker__button--today:before {
+  top: -0.05em;
+  width: 0;
+  border-top: 0.66em solid #0059bc;
+  border-left: .66em solid transparent;
+}
+.picker__button--clear:before {
+  top: -0.25em;
+  width: .66em;
+  border-top: 3px solid #ee2200;
+}
+.picker__button--close:before {
+  content: "\D7";
+  top: -0.1em;
+  vertical-align: top;
+  font-size: 1.1em;
+  margin-right: .35em;
+  color: #777777;
+}
+.picker__button--today[disabled],
+.picker__button--today[disabled]:hover {
+  background: #f5f5f5;
+  border-color: #f5f5f5;
+  color: #dddddd;
+  cursor: default;
+}
+.picker__button--today[disabled]:before {
+  border-top-color: #aaaaaa;
+}
+
+/* ==========================================================================
+   CUSTOM MATERIALIZE STYLES
+   ========================================================================== */
+.picker__box {
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.picker__date-display {
+  text-align: center;
+  background-color: $datepicker-date-bg;
+  color: #fff;
+  padding-bottom: 15px;
+  font-weight: 300;
+}
+
+.picker__nav--prev:hover,
+.picker__nav--next:hover {
+  cursor: pointer;
+  color: #000000;
+  background: $datepicker-selected-outfocus;
+}
+
+.picker__weekday-display {
+  background-color: $datepicker-weekday-bg;
+  padding: 10px;
+  font-weight: 200;
+  letter-spacing: .5;
+  font-size: 1em;
+  margin-bottom: 15px;
+}
+
+.picker__month-display {
+  text-transform: uppercase;
+  font-size: 2em;
+}
+.picker__day-display {
+
+  font-size: 4.5em;
+  font-weight: 400;
+}
+.picker__year-display {
+  font-size: 1.8em;
+  color: $datepicker-year;
+}
+
+.picker__box {
+  padding: 0;
+}
+.picker__calendar-container {
+  padding: 0 1rem;
+
+  thead {
+    border: none;
+  }
+}
+
+// // Calendar
+// .picker__table {
+//   margin-top: 0;
+//   margin-bottom: .5em;
+// }
+
+.picker__day--infocus {
+  color: #595959;
+  letter-spacing: -.3;
+  padding: .75rem 0;
+  font-weight: 400;
+  border: 1px solid transparent;
+}
+
+//Today style
+.picker__day.picker__day--today {
+  color: $datepicker-selected;
+}
+
+.picker__day.picker__day--today.picker__day--selected {
+  color: #fff;
+}
+
+// Table Header
+.picker__weekday {
+  font-size: .9em;
+}
+
+
+.picker__day--selected,
+.picker__day--selected:hover,
+.picker--focused .picker__day--selected {
+  // Circle background
+  border-radius: 50%;
+  transform: scale(.9);
+  background-color: $datepicker-selected;
+  &.picker__day--outfocus {
+    background-color: $datepicker-selected-outfocus;
+  }
+  color: #ffffff;
+}
+
+.picker__footer {
+  text-align: right;
+  padding: 5px 10px;
+  padding-bottom: 10px;
+
+  button {
+    padding: 8px 12px;
+    text-transform: uppercase;
+    &:hover {
+      background-color: #e6e6e6;
+      border-radius: 3px;
+    }
+  }
+}
+
+// Materialize modified
+.picker__close, .picker__today {
+  font-size: 1.1em;
+  padding: 0 1rem;
+  color: $datepicker-selected;
+}
+
+//month nav buttons
+.picker__nav--prev:before,
+.picker__nav--next:before {
+  content: " ";
+  border-top: .5em solid transparent;
+  border-bottom: .5em solid transparent;
+  border-right: 0.75em solid #676767;
+  width: 0;
+  height: 0;
+  display: block;
+  margin: 0 auto;
+}
+.picker__nav--next:before {
+  border-right: 0;
+  border-left: 0.75em solid #676767;
+}
+button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
+  background-color: $datepicker-selected-outfocus;
+}