brevis 0.1.1 → 0.1.2

data/stylesheets/brevis_components/content_lists/_featured.scss

@@ -0,0 +1,105 @@
+// MOBILE FIRST FEATURED LAYOUTS:  http://note.io/1xyZPLu
+
+%featured-4 {
+  .node-featured {
+    float: left;
+    width: 100%;
+  }
+  @include breakpoint($phone-l-tab-p) {
+    .node-featured {
+      float: left;
+      width: 49%;
+      .pane-node-field-image {
+        @include img-left;
+        max-width: 50%;
+      }
+    }
+    .views-row-2,
+    .views-row-4 {
+      .node-featured {
+        margin-left: 1%;
+      }
+    }
+    .views-row-3 {
+      .node-featured {
+        clear: left;
+      }
+    }
+  }
+
+  @include breakpoint($tablet-portrait) {
+    .node-featured {
+      float: left;
+      width: 24%;
+    }
+    .views-row-2,
+    .views-row-3,
+    .views-row-4 {
+      .node-featured {
+        clear: none;
+        margin-left: 1%;
+      }
+    }
+  }
+}
+
+%featured-3 {
+  .node-featured {
+    float: left;
+    width: 100%;
+  }
+  @include breakpoint($phone-l-tab-p) {
+    .node-featured {
+      width: 32%;
+      .pane-node-field-image {
+        @include img-left;
+        max-width: 50%;
+      }
+    }
+    .views-row-2,
+    .views-row-3 {
+      .node-featured {
+        margin-left: 1%;
+      }
+    }
+  }
+}
+
+%featured-1-3 {
+  .node-featured .pane-node-field-image {
+    max-width: 100%;
+    width: 100%;
+    @include img-no-float;
+  }
+  .field--name-field-image {
+    text-align: center;
+  }
+  .views-row-1 {
+    .node-featured {
+      width: 100%;
+      margin-bottom: 0.5em;
+    }
+  }
+  .views-row-2,
+  .views-row-3,
+  .views-row-4 {
+    .node-featured {
+      width: 32%;
+      float: left;
+    }
+    .pane-node-title,
+    .pane-node-created {
+      display: none;
+    }
+  }
+  .views-row-2 .node-featured {
+    margin-left: 0;
+  }
+  .views-row-3 .node-featured {
+    margin-left: 2%;
+    clear: none;
+  }
+  .views-row-4 .node-featured {
+    margin-left: 2%;
+  }
+}

data/stylesheets/brevis_components/content_lists/_headlines.scss

@@ -0,0 +1,7 @@
+%headline-list {
+  #page & {
+    border-bottom: 1px solid #cccccc;
+    padding-bottom: 0.5em;
+    margin-bottom: 0.5em;
+  }
+}

data/stylesheets/brevis_components/content_lists/_topic_lists.scss

@@ -0,0 +1,19 @@
+// TOPIC LISTS http://note.io/TFMja0
+
+%topic-list-row {
+  border-bottom: 1px solid #cccccc;
+  padding-bottom: 1em;
+  margin-bottom: 1em;
+}
+
+%topic-list-image {
+  @include img-left;
+}
+
+%topic-list-title {
+  @extend %list-title;
+}
+
+%topic-list-byline {
+  @extend %small-text;
+}

data/stylesheets/brevis_components/content_modules/_carousel.scss

@@ -0,0 +1,23 @@
+%carousel-layout {
+  @extend %flex-control-nav;
+  .flexslider {
+    * {
+      @include box-sizing(content-box);
+    }
+  }
+  .flex-viewport {
+    width: 100%;
+  }
+  ul.slides {
+    li {
+      padding: 8px 8px 4px 8px;
+      display: block;
+      margin-left: -1px;
+      img {
+        width: 66px;
+        float: left;
+        margin: 0 5px 4px 0;
+      }
+    }
+  }
+}

data/stylesheets/brevis_components/content_modules/_chosen.scss

@@ -0,0 +1,332 @@
+@mixin chosen-container {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 13px;
+  zoom: 1;
+  *display: inline;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  .chosen-drop {
+    position: absolute;
+    top: 100%;
+    left: -9999px;
+    z-index: 1010;
+    width: 100%;
+    border-top: 0;
+  }
+  &.chosen-with-drop .chosen-drop {
+    left: 0;
+  }
+  a {
+    cursor: pointer;
+  }
+  @include breakpoint($hidpi) {
+    .chosen-rtl .chosen-search input[type="text"],
+    .chosen-container-single .chosen-single abbr,
+    .chosen-container-single .chosen-single div b,
+    .chosen-container-single .chosen-search input[type="text"],
+    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
+    .chosen-container .chosen-results-scroll-down span,
+    .chosen-container .chosen-results-scroll-up span {
+      background-image: url("chosen-sprite@2x.png") !important;
+      background-size: 52px 37px !important;
+      background-repeat: no-repeat !important;
+    }
+  }
+}
+
+@mixin chosen-single-chosen {
+  .chosen-single {
+    position: relative;
+    display: block;
+    overflow: hidden;
+    padding: 8px 25px 0 8px;
+    height: $form-element-height;
+    //border-radius: 5px
+    background: no-repeat 95% 50%;
+    @include svg-bg-simple("arrow-down");
+    background-clip: padding-box;
+    text-decoration: none;
+    white-space: nowrap;
+    font-size: 14px;
+    line-height: 24px;
+    span {
+      display: block;
+      overflow: hidden;
+      margin-right: 26px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    abbr {
+      position: absolute;
+      top: 6px;
+      right: 26px;
+      display: block;
+      width: 12px;
+      height: 12px;
+      background: url("chosen-sprite.png") -42px 1px no-repeat;
+      font-size: 1px;
+    }
+    abbr:hover {
+      background-position: -42px -10px;
+    }
+    div {
+      position: absolute;
+      top: 0;
+      right: 0;
+      display: block;
+      width: 18px;
+      height: 100%;
+    }
+    div b {
+      display: block;
+      width: 100%;
+      height: 100%;
+      background: url("chosen-sprite.png") no-repeat 0px 2px;
+    }
+  }
+  &.chosen-disabled .chosen-single abbr:hover {
+    background-position: -42px -10px;
+  }
+  .chosen-single-with-deselect span {
+    margin-right: 38px;
+  }
+  .chosen-search {
+    position: relative;
+    z-index: 1010;
+    margin: 0;
+    padding: 3px 4px;
+    white-space: nowrap;
+    input[type="text"] {
+      margin: 1px 0;
+      padding: 4px 20px 4px 5px;
+      width: 100%;
+      height: auto;
+      outline: 0;
+      background: white url("chosen-sprite.png") no-repeat 100% -20px;
+      background: url("chosen-sprite.png") no-repeat 100% -20px;
+      font-size: 1em;
+      font-family: sans-serif;
+      line-height: normal;
+      border-radius: 0;
+    }
+  }
+  .chosen-drop {
+    margin-top: -1px;
+    border-radius: 0 0 4px 4px;
+    background-clip: padding-box;
+  }
+  &.chosen-container-single-nosearch .chosen-search {
+    position: absolute;
+    left: -9999px;
+  }
+}
+
+@mixin chosen-results {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  margin: 0 4px 4px 0;
+  padding: 0 0 0 4px;
+  max-height: 240px;
+  -webkit-overflow-scrolling: touch;
+  li {
+    display: none;
+    margin: 0;
+    padding: 5px 6px;
+    list-style: none;
+    line-height: 15px;
+    -webkit-touch-callout: none;
+    &.active-result {
+      display: list-item;
+      cursor: pointer;
+    }
+    &.disabled-result {
+      display: list-item;
+      cursor: default;
+    }
+    &.no-results {
+      display: list-item;
+    }
+    &.group-result {
+      display: list-item;
+      font-weight: bold;
+      cursor: default;
+    }
+    &.group-option {
+      padding-left: 15px;
+    }
+    em {
+      font-style: normal;
+      text-decoration: underline;
+    }
+  }
+}
+
+@mixin chosen-multi-chosen {
+  .chosen-choices {
+    position: relative;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: auto !important;
+    height: 1%;
+    border: 1px solid #aaaaaa;
+    cursor: text;
+    li {
+      float: left;
+      list-style: none;
+    }
+    li.search-field {
+      margin: 0;
+      padding: 0;
+      white-space: nowrap;
+    }
+    li.search-field input[type="text"] {
+      margin: 1px 0;
+      padding: 5px;
+      height: 15px;
+      outline: 0;
+      font-size: 100%;
+      font-family: sans-serif;
+      line-height: normal;
+      border-radius: 0;
+    }
+    li.search-choice {
+      position: relative;
+      margin: 3px 0 3px 5px;
+      padding: 3px 20px 3px 5px;
+      background-clip: padding-box;
+      line-height: 13px;
+      cursor: default;
+    }
+    li.search-choice .search-choice-close {
+      position: absolute;
+      top: 4px;
+      right: 3px;
+      display: block;
+      width: 12px;
+      height: 12px;
+      background: url("chosen-sprite.png") -42px 1px no-repeat;
+      font-size: 1px;
+    }
+    li.search-choice .search-choice-close:hover {
+      background-position: -42px -10px;
+    }
+    li.search-choice-focus .search-choice-close {
+      background-position: -42px -10px;
+    }
+  }
+  .chosen-results {
+    margin: 0;
+    padding: 0;
+  }
+  .chosen-drop .result-selected {
+    display: list-item;
+    cursor: default;
+  }
+}
+
+@mixin chosen-active {
+  &.chosen-with-drop {
+    .chosen-single {
+      border: 1px solid #aaaaaa;
+      -moz-border-radius-bottomright: 0;
+      border-bottom-right-radius: 0;
+      -moz-border-radius-bottomleft: 0;
+      border-bottom-left-radius: 0;
+      div {
+        border-left: none;
+        background: transparent;
+      }
+      div b {
+        background-position: -18px 2px;
+      }
+    }
+  }
+}
+
+@mixin chosen-disabled-support {
+  .chosen-disabled {
+    opacity: 0.5 !important;
+    cursor: default;
+  }
+  .chosen-disabled .chosen-single {
+    cursor: default;
+  }
+  .chosen-disabled .chosen-choices .search-choice .search-choice-close {
+    cursor: default;
+  }
+}
+
+@mixin chosen-rtl {
+  .chosen-rtl {
+    text-align: right;
+    .chosen-single {
+      overflow: visible;
+      padding: 0 8px 0 0;
+      span {
+        margin-right: 0;
+        margin-left: 26px;
+        direction: rtl;
+      }
+      div {
+        right: auto;
+        left: 3px;
+      }
+      abbr {
+        right: auto;
+        left: 26px;
+      }
+    }
+    .chosen-single-with-deselect span {
+      margin-left: 38px;
+    }
+    .chosen-choices {
+      li {
+        float: right;
+      }
+      li.search-field input[type="text"] {
+        direction: rtl;
+      }
+      li.search-choice {
+        margin: 3px 5px 3px 0;
+        padding: 3px 5px 3px 19px;
+      }
+      li.search-choice .search-choice-close {
+        right: auto;
+        left: 4px;
+      }
+    }
+    &.chosen-container-single-nosearch .chosen-search,
+    .chosen-drop {
+      left: 9999px;
+    }
+    &.chosen-container-single .chosen-results {
+      margin: 0 0 4px 4px;
+      padding: 0 4px 0 0;
+    }
+    .chosen-results li.group-option {
+      padding-right: 15px;
+      padding-left: 0;
+    }
+    &.chosen-container-active.chosen-with-drop .chosen-single div {
+      border-right: none;
+    }
+    .chosen-search input[type="text"] {
+      padding: 4px 5px 4px 20px;
+      background: white url("chosen-sprite.png") no-repeat -30px -20px;
+      background: url("chosen-sprite.png") no-repeat -30px -20px;
+      direction: rtl;
+    }
+    &.chosen-container-single .chosen-single div b {
+      background-position: 6px 2px;
+    }
+    &.chosen-container-single.chosen-with-drop .chosen-single div b {
+      background-position: -12px 2px;
+    }
+  }
+}

data/stylesheets/brevis_components/content_modules/_colorbox.scss

@@ -0,0 +1,198 @@
+// Colorbox Core Styles:
+
+@mixin color-box-core {
+  #colorbox, #cboxOverlay, #cboxWrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+    overflow: hidden;
+  }
+  #cboxOverlay {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    @include opacity(0.9);
+  }
+  #cboxMiddleLeft, #cboxBottomLeft {
+    clear: left;
+  }
+  #cboxContent {
+    position: relative;
+  }
+  #cboxLoadedContent {
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  #cboxTitle {
+    margin: 0;
+  }
+  #cboxLoadingOverlay, #cboxLoadingGraphic {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+  // These elements are buttons, and may need to have additional
+  // styles reset to avoid unwanted base styles.
+  #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
+    border: 0;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    width: auto;
+    background: none;
+    cursor: pointer;
+  }
+  // Avoid outlines on :active (mouseclick),
+  // but preserve outlines on :focus (tabbed navigating)
+  #cboxPrevious:active, #cboxNext:active, #cboxClose:active, #cboxSlideshow:active {
+    outline: 0;
+  }
+  .cboxPhoto {
+    float: left;
+    margin: auto;
+    border: 0;
+    display: block;
+    max-width: none;
+  }
+  .cboxIframe {
+    width: 100%;
+    height: 100%;
+    display: block;
+    border: 0;
+  }
+  // Reset box sizing to content-box if theme is using border-box.
+  #colorbox, #cboxContent, #cboxLoadedContent {
+    @include box-sizing(content-box);
+  }
+}
+
+//// Colorbox module default style:
+//// The styles are ordered & tabbed in a way that represents
+//// the nesting of the generated HTML.
+@mixin colorbox-styles {
+  #cboxOverlay {
+    background: black;
+  }
+  #colorbox {
+    outline: 0;
+    #cboxWrapper {
+      #cboxTopLeft {
+        width: 15px;
+        height: 15px;
+      }
+      #cboxTopCenter {
+        height: 15px;
+      }
+      #cboxTopRight {
+        width: 15px;
+        height: 15px;
+      }
+      #cboxBottomLeft {
+        width: 15px;
+        height: 10px;
+      }
+      #cboxBottomCenter {
+        height: 10px;
+      }
+      #cboxBottomRight {
+        width: 15px;
+        height: 10px;
+      }
+      #cboxMiddleLeft {
+        width: 15px;
+      }
+      #cboxMiddleRight {
+        width: 15px;
+      }
+      #cboxContent {
+        overflow: hidden;
+        #cboxError {
+          padding: 50px;
+          border: 1px solid #cccccc;
+        }
+        #cboxLoadedContent {
+          margin-bottom: 28px;
+        }
+        #cboxTitle {
+          position: absolute;
+          @include text-style($size: 14px, $color: white, $lh: 16px);
+          bottom: 28px;
+          left: 0;
+          color: white;
+          width: 100%;
+          padding: 25px 10px 15px;
+        }
+        #cboxCurrent {
+          display: none;
+        }
+        .cboxSlideshow_on #cboxSlideshow {
+          position: absolute;
+          bottom: 0px;
+          right: 30px;
+          background: url("images/controls.png") no-repeat -75px -50px;
+          width: 25px;
+          height: 25px;
+          text-indent: -9999px;
+        }
+        .cboxSlideshow_on #cboxSlideshow:hover {
+          background-position: -101px -50px;
+        }
+        .cboxSlideshow_off #cboxSlideshow {
+          position: absolute;
+          bottom: 0px;
+          right: 30px;
+          background: url("images/controls.png") no-repeat -25px -50px;
+          width: 25px;
+          height: 25px;
+          text-indent: -9999px;
+        }
+        .cboxSlideshow_off #cboxSlideshow:hover {
+          background-position: -49px -50px;
+        }
+        #cboxPrevious {
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          background: url("images/controls.png") no-repeat -75px 0px;
+          width: 25px;
+          height: 25px;
+          text-indent: -9999px;
+        }
+        #cboxPrevious:hover {
+          background-position: -75px -25px;
+        }
+        #cboxNext {
+          position: absolute;
+          bottom: 0;
+          left: 27px;
+          background: url("images/controls.png") no-repeat -50px 0px;
+          width: 25px;
+          height: 25px;
+          text-indent: -9999px;
+        }
+        #cboxNext:hover {
+          background-position: -50px -25px;
+        }
+        #cboxLoadingOverlay {}
+        #cboxLoadingGraphic {
+          background: url("images/loading_animation.gif") no-repeat center center;
+        }
+        #cboxClose {
+          position: absolute;
+          bottom: 0;
+          right: 0;
+          background: url("images/controls.png") no-repeat -25px 0px;
+          width: 25px;
+          height: 25px;
+          text-indent: -9999px;
+        }
+        #cboxClose:hover {
+          background-position: -25px -25px;
+        }
+      }
+    }
+  }
+}