brevis 0.1.1 → 0.1.2

data/stylesheets/brevis_components/content_modules/_sticky_menu.sass

@@ -1,40 +0,0 @@
-%sticky-wrapper
-  z-index: map-get($zindex, header)
-  position: relative
-  clear: both
-  +breakpoint($mobile-device)
-    z-index: map-get($zindex, content) !important
-    .panel-region-sticky-menu
-      position: relative !important
-      top: inherit !important
-      
-%sticky-menu
-  float: left !important
-  clear: both !important
-  clear: both !important
-  height: 40px
-  z-index: map-get($zindex, header)
-  width: 100%
-  max-width: 1020px
-  margin: 0 0 0 -20px
-  +breakpoint($mobile-device)
-    margin: 20px 0 0 0
-  .menu .leaf
-    list-style: none
-    display: inline-block
-  .menu
-    padding-top: 9px
-    li
-      margin: 0 6px
-      a
-        padding: 0 5px 4px 7px
-
-
-
-%sticky-menu-anchor
-  display: block
-  position: relative
-  top: -50px
-  visibility: hidden
-  +breakpoint($desktop)
-    top: -170px

data/stylesheets/brevis_utilities/_admin.sass

@@ -1,9 +0,0 @@
-@mixin mobile-admin-menu-positioning($admin-nav: 0)
-  position: fixed
-  top: (0 + $admin-nav)
-  .navbar-administration &
-    top: (40px + $admin-nav)
-  .navbar-tray-open.navbar-horizontal &
-    top: (80px + $admin-nav)
-  .responsive-preview-frame &
-    top: (0 + $admin-nav) !important

data/stylesheets/brevis_utilities/_animations.sass

@@ -1,38 +0,0 @@
-//**************************************
-// Animations
-
-@mixin transition
-  -webkit-transition: 1.0s
-  -moz-transition: 1.0s
-  -o-transition: 1.0s
-  transition: 1.0s
-
-// check out https://github.com/at-import/animation-studio
-// for more mixins
-
-@mixin alerted()
-  &:before
-    content: ''
-    position: absolute
-    top: 6px
-    right: 6px
-    height: 8px
-    width: 8px
-    +border-radius(10px)
-    background-color: gold
-
-  &:after
-    content: ''
-    position: absolute
-    top: 0
-    right: 0
-    height: 20px
-    width: 20px
-    +border-radius(20px)
-    background-color: transparent
-    border: solid gold
-    border-width: 2px // animates
-    +box-sizing(border-box)
-    +animation($name: alertMe)
-
-

data/stylesheets/brevis_utilities/_breakpoints.sass

@@ -1,59 +0,0 @@
-// BREAKPOINTS
-$breakpoint-to-ems: true
-
-$print-media: 'print'
-$hidpi: min-resolution 143dppx
-
-// For use with max-width only:
-// +breakpoint(max-width: $tab-l)
-$phone-p: 319px
-$phone-l: 479px
-$tab-p: 639px 
-$tab-l: 769px
-$desk: 1020px
-$desk-full: 1079px
-
-// For use with min-width (default breakpoint mixin)
-// +breakpoint($desktop)
-$smartphone-portrait: 'screen' ($phone-p + 1px)
-$smartphone-landscape: 'screen' ($phone-l + 1px)
-$tablet-portrait: 'screen' ($tab-p + 1px)
-$tablet-landscape: 'screen' ($tab-l + 1px)
-$desktop: ($desk + 1px), 'no-query' '.lt-ie9' 
-
-$desktop-print: ($desk + 1px), $print-media, 'no-query' '.lt-ie9'
-// use
-//     $breakpoint-no-queries: true
-//     $breakpoint-no-query-fallbacks: '.lt-ie9' !global
-// at the top of a panel layout sass file to
-// re-render everything with .lt-ie9 for desktop media queries.
-
-
-//////////////////////////////
-// COMBINATIONS
-
-// Phones
-$max-phone-p: 'screen' (max-width $phone-p)
-$max-phone-l: 'screen' (max-width $phone-l)
-$phone-p-phone-l: 'screen' ($phone-p + 1px) $phone-l
-
-// Tablets
-$max-tab-p: 'screen' (max-width $tab-p)
-$max-tab-l: 'screen' (max-width $tab-l)
-$phone-l-tab-p: 'screen' ($phone-p + 1px) $tab-p
-$phone-l-tab-l: 'screen' ($phone-l + 1px) $tab-l
-$tab-p-tab-l: 'screen' ($tab-p + 1px) $tab-l
-$tab-p-desk: 'screen' ($tab-p + 1px) $desk
-$tab-l-desk: 'screen' ($tab-l + 1px) $desk
-
-// All Mobile
-$mobile-device: 'screen' max-width $desk
-
-// High Resolution Devices
-$mobile-hi-res: 'screen' (max-width $desk) ($hidpi)
-$desk-hi-res: 'screen' (min-width $desk) ($hidpi)
-
-
-@mixin fallback
-  .lt-ie9 &
-    @content

data/stylesheets/brevis_utilities/_colors.sass

@@ -1,23 +0,0 @@
-//**************************************//
-// Basic Colors
-$text-primary: #333
-$text-secondary: #666
-$text-tertiary: #999
-$text-quaternary: #ccc
-
-$alert: #cc0000
-$page-bg: white
-
-
-//**************************************//
-$contrasted-dark-default: $text-primary
-$contrasted-light-default: white
-
-@mixin color-contrasted($background-color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: $contrasted-lightness-threshold)
-  background-color: $background-color
-  color: contrast-color($background-color, $dark, $light, $threshold)
-  background: $bg
-  border: 1px solid $brdr
-  &:hover,
-  &:focus
-    background: $bg-hover

data/stylesheets/brevis_utilities/_eq.sass

@@ -1,260 +0,0 @@
-
-
-////////////////////////////////////////////////
-//      __________ 
-//     / ____/ __ \
-//    / __/ / / / /
-//   / /___/ /_/ / 
-//  /_____/\___\_\ 
-// Element Queries
-// http://snugug.com/musings/element-queries
-
-
-// *** See how to use the Element Query mixins! ***
-// ***   http://sassmeister.com/gist/8446194    ***
-
-// for when the data-eq is on the same container
-@mixin eq($state)
-  &[data-eq-state="#{$state}"]
-    @content
-
-// for when the data-eq is on a nested container
-@mixin eq-container($state)
-  [data-eq-state="#{$state}"]
-    @content
-
-// for when the data-eq is on a parent container
-@mixin eq-parent($state)
-  [data-eq-state="#{$state}"] &
-    @content
-
-
-//data-eq-pts
-//pane: 1
-//pane-xs: 320    $phone-p: 319px
-//pane-sm: 440    $phone-l: 479px
-//pane-md: 600    $tab-p: 639px 
-//pane-lg: 720    $tab-l: 769px
-//pane-xl: 840
-//pane-xxl: 960   $desk: 960
-
-// Mixins for the panel pane element queries
-@mixin pane-eq-xs-up
-  &[data-eq-state="pane-xs"],
-  &[data-eq-state="pane-sm"],
-  &[data-eq-state="pane-md"],
-  &[data-eq-state="pane-lg"],
-  &[data-eq-state="pane-xl"]
-    @content
-@mixin pane-eq-sm-up
-  &[data-eq-state="pane-sm"],
-  &[data-eq-state="pane-md"],
-  &[data-eq-state="pane-lg"],
-  &[data-eq-state="pane-xl"]
-    @content
-@mixin pane-eq-md-up
-  &[data-eq-state="pane-md"],
-  &[data-eq-state="pane-lg"],
-  &[data-eq-state="pane-xl"]
-    @content
-@mixin pane-eq-lg-up
-  &[data-eq-state="pane-lg"],
-  &[data-eq-state="pane-xl"]
-    @content
-@mixin pane-eq-xl-up
-  &[data-eq-state="pane-xl"]
-    @content
-  .lt-ie9 
-    @content
-
-@mixin pane-eq-xs-down
-  &[data-eq-state="pane-xs"]
-    @content
-@mixin pane-eq-sm-down
-  &[data-eq-state="pane-xs"],
-  &[data-eq-state="pane-sm"]
-    @content
-@mixin pane-eq-md-down
-  &[data-eq-state="pane-xs"],
-  &[data-eq-state="pane-sm"],
-  &[data-eq-state="pane-md"]
-    @content
-@mixin pane-eq-lg-down
-  &[data-eq-state="pane-xs"],
-  &[data-eq-state="pane-sm"],
-  &[data-eq-state="pane-md"],
-  &[data-eq-state="pane-lg"]
-    @content
-@mixin pane-eq-xl-down
-  &[data-eq-state="pane-xs"],
-  &[data-eq-state="pane-sm"],
-  &[data-eq-state="pane-md"],
-  &[data-eq-state="pane-lg"],
-  &[data-eq-state="pane-xl"]
-    @content
-  .lt-ie9 
-    @content
-
-
-// Mixins for the panel pane element queries
-@mixin pane-container-eq-xs-up
-  [data-eq-state="pane-xs"],
-  [data-eq-state="pane-sm"],
-  [data-eq-state="pane-md"],
-  [data-eq-state="pane-lg"],
-  [data-eq-state="pane-xl"],
-  [data-eq-state="pane-xxl"]
-    @content
-@mixin pane-container-eq-sm-up
-  [data-eq-state="pane-sm"],
-  [data-eq-state="pane-md"],
-  [data-eq-state="pane-lg"],
-  [data-eq-state="pane-xl"],
-  [data-eq-state="pane-xxl"]
-    @content
-@mixin pane-container-eq-md-up
-  [data-eq-state="pane-md"],
-  [data-eq-state="pane-lg"],
-  [data-eq-state="pane-xl"],
-  [data-eq-state="pane-xxl"]
-    @content
-@mixin pane-container-eq-lg-up
-  [data-eq-state="pane-lg"],
-  [data-eq-state="pane-xl"],
-  [data-eq-state="pane-xxl"]
-    @content
-@mixin pane-container-eq-xl-up
-  [data-eq-state="pane-xl"],
-  [data-eq-state="pane-xxl"]
-    @content
-  .lt-ie9 
-    @content
-@mixin pane-container-eq-xxl-up
-  [data-eq-state="pane-xxl"]
-    @content
-  .lt-ie9 
-    @content
-
-@mixin pane-container-eq-xs-down
-  [data-eq-state="pane-xs"]
-    @content
-@mixin pane-container-eq-sm-down
-  [data-eq-state="pane-xs"],
-  [data-eq-state="pane-sm"]
-    @content
-@mixin pane-container-eq-md-down
-  [data-eq-state="pane-xs"],
-  [data-eq-state="pane-sm"],
-  [data-eq-state="pane-md"]
-    @content
-@mixin pane-container-eq-lg-down
-  [data-eq-state="pane-xs"],
-  [data-eq-state="pane-sm"],
-  [data-eq-state="pane-md"],
-  [data-eq-state="pane-lg"]
-    @content
-@mixin pane-container-eq-xl-down
-  [data-eq-state="pane-xs"],
-  [data-eq-state="pane-sm"],
-  [data-eq-state="pane-md"],
-  [data-eq-state="pane-lg"],
-  [data-eq-state="pane-xl"]
-    @content
-  .lt-ie9 
-    @content
-
-
-
-// Mixins for the panel pane element queries
-@mixin pane-parent-eq-xs-up
-  [data-eq-state="pane-xs"] &,
-  [data-eq-state="pane-sm"] &,
-  [data-eq-state="pane-md"] &,
-  [data-eq-state="pane-lg"] &,
-  [data-eq-state="pane-xl"] &,
-  [data-eq-state="pane-xxl"] &
-    @content
-@mixin pane-parent-eq-sm-up
-  [data-eq-state="pane-sm"] &,
-  [data-eq-state="pane-md"] &,
-  [data-eq-state="pane-lg"] &,
-  [data-eq-state="pane-xl"] &,
-  [data-eq-state="pane-xxl"] &
-    @content
-@mixin pane-parent-eq-md-up
-  [data-eq-state="pane-md"] &,
-  [data-eq-state="pane-lg"] &,
-  [data-eq-state="pane-xl"] &,
-  [data-eq-state="pane-xxl"] &
-    @content
-@mixin pane-parent-eq-lg-up
-  [data-eq-state="pane-lg"] &,
-  [data-eq-state="pane-xl"] &,
-  [data-eq-state="pane-xxl"] &
-    @content
-@mixin pane-parent-eq-xl-up
-  [data-eq-state="pane-xl"] &,
-  [data-eq-state="pane-xxl"] &
-    @content
-
-@mixin pane-parent-eq-xxl-up
-  [data-eq-state="pane-xxl"] &
-    @content
-  .lt-ie9 
-    @content
-
-
-@mixin pane-parent-eq-xs-down
-  [data-eq-state="pane-xs"] &
-    @content
-@mixin pane-parent-eq-sm-down
-  [data-eq-state="pane-xs"] &,
-  [data-eq-state="pane-sm"] &
-    @content
-@mixin pane-parent-eq-md-down
-  [data-eq-state="pane-xs"] &,
-  [data-eq-state="pane-sm"] &,
-  [data-eq-state="pane-md"] &
-    @content
-@mixin pane-parent-eq-lg-down
-  [data-eq-state="pane-xs"] &,
-  [data-eq-state="pane-sm"] &,
-  [data-eq-state="pane-md"] &,
-  [data-eq-state="pane-lg"] &
-    @content
-@mixin pane-parent-eq-xl-down
-  [data-eq-state="pane-xs"] &,
-  [data-eq-state="pane-sm"] &,
-  [data-eq-state="pane-md"] &,
-  [data-eq-state="pane-lg"] &,
-  [data-eq-state="pane-xl"] &
-    @content
-
-@mixin pane-parent-eq-xl-down
-  [data-eq-state="pane-xs"] &,
-  [data-eq-state="pane-sm"] &,
-  [data-eq-state="pane-md"] &,
-  [data-eq-state="pane-lg"] &,
-  [data-eq-state="pane-xl"] &,
-  [data-eq-state="pane-xxl"] &
-    @content
-  .lt-ie9 
-    @content
-
-
-
-
-
-@mixin eq-debug
-  +eq("xxs") 
-    border: solid 1px purple
-  +eq("xs") 
-    border: solid 1px green
-  +eq("sm")
-    border: solid 1px orange
-  +eq("md")
-    border: solid 1px red
-  +eq("lg")
-    border: solid 1px blue
-  +eq("xl")
-    border: solid 1px pink

data/stylesheets/brevis_utilities/_forms.sass

@@ -1,27 +0,0 @@
-$form-element-height: 40px
-
-%input_tiny 
-  width: 50px
-
-%input_small 
-  width: 100px
-
-%input_medium 
-  width: 150px
-
-%input_large 
-  width: 200px
-
-%input_xlarge 
-  width: 250px
-
-%input_xxlarge 
-  width: 300px
-
-%input_full 
-  width: 100%
-
-%input_full_wrap 
-  display: block
-  padding-right: 8px
-

data/stylesheets/brevis_utilities/_header.sass

@@ -1,19 +0,0 @@
-//////////////////////////////
-// Sizes
-$logo-h: 90px
-$logo-w: 425px
-$mobile-logo-h: 42px
-$mobile-logo-w: 42px
-$logo-bottom-margin: 10px
-
-$mobile-branding-size: 50px
-$header-icon: 40px
-$header-icon-lg: 50px
-$admin-nav: 40px
-
-$navicon-size: 40px
-$navicon-margin: 7px
-
-$primary-menu-height: 40px
-$primary-menu-padding-v: 5px
-$primary-menu-padding-h: 10px

data/stylesheets/brevis_utilities/_images.sass

@@ -1,120 +0,0 @@
-//////////////////////////////
-// Blueprint theme paths - for use with interpolation syntax:
-// background: url("#{$base-images}/image-name.png")
-$base: "../../blueprint"
-$base-images: "../../blueprint/blueprint_images"
-
-$content-stream-img-sm: 50%
-$content-stream-img-md: 47.5%
-
-@mixin img-types
-  .pane-node-field-cover-photo,
-  .field--name-field-image
-    @content
-
-@mixin img-left
-  float: left
-  padding: 0 10px 5px 0
-
-@mixin img-right
-  float: right
-  padding: 0 0 5px 10px
-
-@mixin img-no-float
-  float: none
-  padding: 0
-
-
-%img-left
-  +img-left
-
-%img-right
-  +img-right
-
-@mixin img2x($file, $type, $width, $height, $inline: 'false')
-  @if $inline == true
-    background-image: inline-image($file + '.' + $type)
-    @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2)
-      &
-        background-image: inline-image($file + '@2x.' + $type)
-        -webkit-background-size: $width $height
-  @else
-    background-image: image-url("#{$file}.#{$type}")
-    @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2)
-      &
-        background-image: image-url("#{$file}@2x.#{$type}")
-        -webkit-background-size: $width $height
-// EXAMPLE:
-// +img2x('puppies', 'png', 100px, 75px)
-
-@mixin svg-bg($filename, $position: 0, $height: 20px, $width: 20px, $spacing: 10px, $bg-color: transparent, $repeat: no-repeat, $attachment: scroll, $source: '#{$base-images}', $no-svg-class: '.no-svg', $pseudo: 'before')
-  &:#{$pseudo}
-    content: ''
-    display: inline-block
-    background: $bg-color url($source + '/' + $filename + '.svg') $attachment $repeat $position
-    background-size: $height $width
-    height: $height
-    width: $width
-    margin-right: $spacing
-  #{$no-svg-class} &
-    &:#{$pseudo}
-      background-image: url($source + '/' + $filename + '.png')
-
-@mixin svg-bg-simple($filename, $source: '#{$base-images}', $no-svg-class: '.lt-ie9', $pseudo: 'before')
-  background-image: url($source + '/' + $filename + '.svg')
-  #{$no-svg-class} &
-    background-image: url($source + '/' + $filename + '.png')
-
-// https://gist.github.com/darren131/3410875
- @mixin resize-sprite($map, $sprite, $percent)
-  $spritePath:    sprite-path($map)
-  $spriteWidth:   image-width($spritePath)
-  $spriteHeight:  image-height($spritePath)
-  $width: image-width(sprite-file($map, $sprite))
-  $height: image-height(sprite-file($map, $sprite))
-  @include background-size(ceil($spriteWidth * ($percent/100)) ceil($spriteHeight * ($percent/100)))
-  width: ceil($width*($percent/100))
-  height: ceil($height*($percent/100))
-  background-position: 0 floor(nth(sprite-position($map, $sprite), 2)  * ($percent/100) )
-
-////////////////
-// INTERNET EXPLORER FALLBACK IMAGE SIZE SHORTCUTS
-@mixin ie-img
-  //border: pink solid 1px
-  display: block
-
-%xxs-thumbnail
-  +ie-img
-
-  width: 90px
-  height: 50px
-
-%xs-thumbnail
-  +ie-img
-  width: 140px
-  height: 85px
-
-%sm-thumbnail
-  +ie-img
-  width: 205px
-  height: 128px
-
-%md-thumbnail
-  +ie-img
-  width: 226px
-  height: 136px
-
-%lg-thumbnail
-  +ie-img
-  width: 290px
-  height: 170px
-
-%xl-thumbnail
-  +ie-img
-  width: 373px
-  height: 224px
-
-%xxl-thumbnail
-  +ie-img
-  width: 636px
-  height: 223px