trusty-festivity-extension 2.0.0

data/app/assets/stylesheets/_locations.scss

@@ -0,0 +1,17 @@
+.location-landing-page-header {
+  background-color: $ghost-gray;
+  width: 100%;
+  height: 300px;
+  position: relative;
+  margin-bottom: 4em;
+  padding: 30px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center right;
+}
+
+.location-landing-page-header {
+  @media #{$small-down} {
+    background-image: none !important;
+  }
+}

data/app/assets/stylesheets/_media-queries.scss

@@ -0,0 +1,9 @@
+// some media queries to fix up a few details here and there
+
+// between small and extra small, the events-lists are just a little too wide
+
+@media (max-width: 47.9375em) and (min-width: 33.500em) {
+  .event-list-item {
+    padding: 0 5em;
+  }
+}

data/app/assets/stylesheets/_mixins.scss

@@ -0,0 +1,17 @@
+@mixin border-radius($radius) {
+  -webkit-border-radius: $radius;
+          border-radius: $radius;
+}
+
+@mixin button() {
+  background-color: #E6E7E8;
+  color: $dark-grey;
+}
+
+@mixin transition-all() {
+  -webkit-transition: all .5s;
+     -moz-transition: all .5s;
+      -ms-transition: all .5s;
+       -o-transition: all .5s;
+          transition: all .5s;
+}

data/app/assets/stylesheets/_nav.scss

@@ -0,0 +1,128 @@
+// TODO: This needs testing across mobile browsers
+// TODO: Fix animations
+
+.mobile-navigation {
+  transition: all 0.25s ease-in .1s;
+  display: none;
+  right: -20em;
+  .main-nav ul > li {
+    display: block;
+    padding: 10px 20px;
+    a {
+      font-size: .75em !important;
+    }
+  }
+  .secondary-nav {
+    a {
+      font-size: 1em !important;
+      padding: 10px 20px;
+      display: block;
+      color: lighten($middle-gray, 25) !important;
+    }
+  }
+  &.active {
+    @media all and (max-width: 990px) {
+      display: block;
+      position: fixed;
+      top: 0;
+      right: 0;
+      height: 100%;
+      background-color: $dark-gray;
+      color: white;
+      z-index: 1000;
+      width: 20em;
+      overflow-x: scroll;
+      a {
+        color: white;
+      }
+    }
+  }
+  .form-group {
+    padding: 0 2em 0 1em;
+  }
+  .social-icons {
+    padding-left: 1.25em;
+  }
+}
+
+.navigation {
+  .form-group {
+    margin-top: 10px;
+  }
+}
+
+// .navigation {
+//   ul {
+//     display: inline-block;
+//     float: right;
+//   }
+// }
+
+.social-icons {
+  li {
+    font-size: 1.25em;
+    padding: 5px;
+    color: lighten($middle-gray, 10);
+  }
+}
+
+/* some local variables for the menu */
+$slice-height: 5px;
+$bar-color: white;
+
+@mixin trans() {
+  -moz-transition: .25s;
+  -o-transition: .25s;
+  -webkit-transition: .25s;
+  transition: .25s;
+}
+
+.mobile-menu-button {
+  text-indent: -10000px;
+  position: absolute;
+  right: 10px;
+  top: 30px;
+  display: block;
+  z-index: 100000;
+  /* make sure the hit area is big enough for mobile */
+  height: 45px;
+  width: 45px;
+  cursor: pointer;
+  .menu-icon {
+    display: block;
+    height: $slice-height;
+    width: 30px;
+    background-color: $bar-color;
+    position: relative;
+    @include border-radius(5px);
+    @include trans();
+    &:after, &:before {
+      content: '';
+      display: block;
+      height: $slice-height;
+      height: 5px;
+      width: 30px;
+      background-color: $bar-color;
+      position: absolute;
+      @include border-radius(5px);
+      @include trans();
+    }
+    &:after {
+      top: -10px
+    }
+    &:before {
+      top: 10px
+    }
+  }
+  .menu-icon-active {
+    background:transparent;
+    &:before {
+      -webkit-transform:rotate(45deg);
+      top:0;
+    }
+    &:after {
+      -webkit-transform:rotate(-45deg);
+      top:0;
+    }
+  }
+}

data/app/assets/stylesheets/_normalize.scss

@@ -0,0 +1,375 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}