brevis 0.1.1 → 0.1.2

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: brevis
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Kendall Totten
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-11-04 00:00:00.000000000 Z
+date: 2015-01-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -47,37 +47,37 @@ extra_rdoc_files: []
 files:
 - lib/brevis.rb
 - stylesheets/README.md
-- stylesheets/_brevis.sass
+- stylesheets/_brevis.scss
 - stylesheets/brevis_components/README.md
-- stylesheets/brevis_components/chrome/header/_branding.sass
-- stylesheets/brevis_components/chrome/header/_mobile_toggle.sass
-- stylesheets/brevis_components/chrome/header/_primary_menu.sass
-- stylesheets/brevis_components/chrome/header/_search.sass
-- stylesheets/brevis_components/chrome/header/_social.sass
-- stylesheets/brevis_components/content_lists/_content_carousel.sass
-- stylesheets/brevis_components/content_lists/_content_stream.sass
-- stylesheets/brevis_components/content_lists/_featured.sass
-- stylesheets/brevis_components/content_lists/_headlines.sass
-- stylesheets/brevis_components/content_lists/_topic_lists.sass
-- stylesheets/brevis_components/content_modules/_carousel.sass
-- stylesheets/brevis_components/content_modules/_chosen.sass
-- stylesheets/brevis_components/content_modules/_colorbox.sass
-- stylesheets/brevis_components/content_modules/_flexslider.sass
-- stylesheets/brevis_components/content_modules/_sticky_menu.sass
+- stylesheets/brevis_components/chrome/header/_branding.scss
+- stylesheets/brevis_components/chrome/header/_mobile_toggle.scss
+- stylesheets/brevis_components/chrome/header/_primary_menu.scss
+- stylesheets/brevis_components/chrome/header/_search.scss
+- stylesheets/brevis_components/chrome/header/_social.scss
+- stylesheets/brevis_components/content_lists/_content_stream.scss
+- stylesheets/brevis_components/content_lists/_featured.scss
+- stylesheets/brevis_components/content_lists/_headlines.scss
+- stylesheets/brevis_components/content_lists/_topic_lists.scss
+- stylesheets/brevis_components/content_modules/_carousel.scss
+- stylesheets/brevis_components/content_modules/_chosen.scss
+- stylesheets/brevis_components/content_modules/_colorbox.scss
+- stylesheets/brevis_components/content_modules/_flexslider.scss
+- stylesheets/brevis_components/content_modules/_sticky_menu.scss
 - stylesheets/brevis_utilities/README.md
-- stylesheets/brevis_utilities/_admin.sass
-- stylesheets/brevis_utilities/_animations.sass
-- stylesheets/brevis_utilities/_breakpoints.sass
-- stylesheets/brevis_utilities/_colors.sass
-- stylesheets/brevis_utilities/_eq.sass
+- stylesheets/brevis_utilities/_admin.scss
+- stylesheets/brevis_utilities/_animations.scss
+- stylesheets/brevis_utilities/_breakpoints.scss
+- stylesheets/brevis_utilities/_colors.scss
+- stylesheets/brevis_utilities/_eq.scss
 - stylesheets/brevis_utilities/_font_awesome.scss
-- stylesheets/brevis_utilities/_forms.sass
-- stylesheets/brevis_utilities/_header.sass
-- stylesheets/brevis_utilities/_images.sass
-- stylesheets/brevis_utilities/_layout.sass
-- stylesheets/brevis_utilities/_page.sass
-- stylesheets/brevis_utilities/_tooltip.sass
-- stylesheets/brevis_utilities/_typography.sass
+- stylesheets/brevis_utilities/_forms.scss
+- stylesheets/brevis_utilities/_header.scss
+- stylesheets/brevis_utilities/_images.scss
+- stylesheets/brevis_utilities/_layout.scss
+- stylesheets/brevis_utilities/_mediablock.scss
+- stylesheets/brevis_utilities/_page.scss
+- stylesheets/brevis_utilities/_tooltip.scss
+- stylesheets/brevis_utilities/_typography.scss
 - stylesheets/brevis_utilities/_z-index.scss
 homepage: http://mediacurrent.com
 licenses: []

data/stylesheets/_brevis.sass

@@ -1,35 +0,0 @@
-@import "compass"
-@import "breakpoint"
-
-@import "brevis_utilities/admin"
-@import "brevis_utilities/animations"
-@import "brevis_utilities/breakpoints"
-@import "brevis_utilities/colors"
-@import "brevis_utilities/eq"
-@import "brevis_utilities/font_awesome.scss"
-@import "brevis_utilities/forms"
-@import "brevis_utilities/header"
-@import "brevis_utilities/images"
-@import "brevis_utilities/layout"
-@import "brevis_utilities/page"
-@import "brevis_utilities/tooltip"
-@import "brevis_utilities/typography"
-@import "brevis_utilities/z-index.scss"
-
-@import "brevis_components/chrome/header/branding"
-@import "brevis_components/chrome/header/mobile_toggle"
-@import "brevis_components/chrome/header/primary_menu"
-@import "brevis_components/chrome/header/search"
-@import "brevis_components/chrome/header/social"
-
-@import "brevis_components/content_lists/content_carousel"
-@import "brevis_components/content_lists/content_stream"
-@import "brevis_components/content_lists/featured"
-@import "brevis_components/content_lists/headlines"
-@import "brevis_components/content_lists/topic_lists"
-
-@import "brevis_components/content_modules/carousel"
-@import "brevis_components/content_modules/chosen"
-@import "brevis_components/content_modules/colorbox"
-@import "brevis_components/content_modules/flexslider"
-@import "brevis_components/content_modules/sticky_menu"

data/stylesheets/brevis_components/chrome/header/_branding.sass

@@ -1,32 +0,0 @@
-
-%site-logo
-  display: block
-  overflow: hidden
-  background: no-repeat 0 0
-  background-size: cover
-  margin: 0 0 $logo-bottom-margin 0
-  font-size: 0
-  line-height: 1
-  height: $mobile-logo-h
-  width: $mobile-logo-w
-  background-image: inline-image("logo_mobile.png")
-
-  +breakpoint($mobile-hi-res)
-    background-image: inline-image("logo_mobile@2x.png")
-
-  +breakpoint($desktop)
-    background-image: inline-image("logo.png")
-    background-size: contain
-    height: $logo-h
-    width: $logo-w
-
-  +breakpoint($desk-hi-res)
-    background-image: inline-image("logo@2x.png")
-
-  +breakpoint($print-media)
-    -webkit-print-color-adjust: exact
-    content: url("../images/logo.png")
-    background-image: none
-    height: $logo-h
-    width: $logo-w
-

data/stylesheets/brevis_components/chrome/header/_mobile_toggle.sass

@@ -1,24 +0,0 @@
-
-//easily add a mobile menu navicon:
-%mobile-menu-toggle
-  text-indent: -100%
-  width: $navicon-size - 10px
-  height: $navicon-size
-  display: block
-  margin: 5px
-  padding-left: $navicon-size
-  &:before
-    content: ""
-    position: absolute
-    top: 0
-    left: 0
-    margin: $navicon-margin
-    width: $navicon-size - ($navicon-margin * 2)
-    height: $navicon-size - ($navicon-margin * 2)
-    background: image-url("hamburger_menu.svg") no-repeat
-    background-size: cover
-
-  .modal-content &
-    display: none
-
-    

data/stylesheets/brevis_components/chrome/header/_primary_menu.sass

@@ -1,66 +0,0 @@
-
-// 
-$primary-menu-height: 40px
-$primary-menu-padding-v: 5px
-$primary-menu-padding-h: 10px
-
-%primary_menu 
-  +breakpoint($desktop)
-    position: relative
-    width: 100%
-    min-height: $primary-menu-height
-    
-    .primary-menu-inner
-      +horizontal-list 
-      ul.links
-        padding: 0
-        margin: 0 -(#{$primary-menu-height}/2)
-        overflow: hidden
-        height: $primary-menu-height
-
-      // Main menubar:  
-      .primary-links
-        li
-          margin: 0
-          padding: 0
-          text-align: center
-          display: inline-block
-        li a 
-          display: block
-          padding: $primary-menu-padding-v $primary-menu-padding-h
-          text-decoration: none
-        
-        li.first
-          margin-left: 0
-          a
-            padding-left: $primary-menu-padding-h
-        li.last
-          margin-right: 0
-          a
-            padding-right: $primary-menu-padding-h
-
-
-      // Dropdown menu:  
-      li > .menu-minipanel-panel
-        top: $primary-menu-height
-
-  +breakpoint($mobile-device)
-    background: white
-    .primary-links
-      border: 1px solid #ddd
-    ul.links
-      margin: 0 0 0 (#{$primary-menu-height} * 1.5)
-      padding: 0
-      width: auto
-      list-style: none
-      .last
-        a
-          border-bottom: 0px solid $text-quaternary
-      a 
-        width: 100%
-        padding: $primary-menu-padding-v
-        display: inline-block
-        border-bottom: 1px solid $text-quaternary
-  
-
-

data/stylesheets/brevis_components/chrome/header/_search.sass

@@ -1,46 +0,0 @@
-
-%search
-  +breakpoint($print-media)
-    display: none
-
-  &:before
-    content: " "
-    width: $header-icon
-    height: $header-icon
-    display: block
-    float: left
-    background: no-repeat 50%
-    +svg-bg-simple("search")
-    +border-radius(2px)
-    
-    +breakpoint($mobile-device)
-      border: 1px solid #999
-      content: "D"
-      +icon-font
-      font-size: 32px
-      text-align: center
-      line-height: 1.35em
-
-    +breakpoint($desktop)
-      &:before
-        width: $header-icon-lg
-        height: $header-icon-lg
-      .search-block-form
-        height: $header-icon-lg
-
-
-  .search-inner
-    display: none
-    padding: 0 50px
-    
-    .search-block-form
-      background: white
-      height: $header-icon
-      max-width: 100%
-    input[type="text"]
-      height: 35px
-      margin: 5px 1px
-    input[type="submit"]
-      margin: 0
-      padding: 0 3px
-      height: 39px

data/stylesheets/brevis_components/chrome/header/_social.sass

@@ -1,30 +0,0 @@
-%social
-  ul
-    margin: 0 0 0 5px
-    padding: 0
-  li
-    +inline-block
-    +breakpoint($mobile-device)
-      margin: 0 0 8px
-  li ~li
-    +breakpoint($desktop)
-      margin: 0 0 0 5px
-  a
-    +hide-text
-    +inline-block
-    +border-radius(20px)
-    font-size: 0
-    width: $header-icon
-    height: $header-icon
-
-    &.facebook
-      +svg-bg-simple("facebook")
-    &.twitter
-      +svg-bg-simple("twitter")
-    &.mail
-      +svg-bg-simple("email")
-    &.more
-      +svg-bg-simple("more-social")
-
-  +breakpoint($print-media)
-    display: none

data/stylesheets/brevis_components/content_lists/_content_stream.sass

@@ -1,319 +0,0 @@
-//////////////////////////////////////////
-// Component groups
-@mixin headline
-  .pane-node-field-short-headline,
-  .pane-node-title
-    @content
-
-//things that wrap around a thumbnail
-@mixin teaser-items
-  .pane-node-field-short-headline,
-  .pane-node-title,
-  .pane-node-created,
-  .pane-node-posted-on,
-  .pane-node-body
-    @content
-
-@mixin image-pane
-  .pane-node-field-thumbnail,
-  .pane-node-field-cover-photo,
-  .pane-node-field-image,
-  .image-fpp
-    @content
-
-%content-stream-node
-  border-bottom: 1px solid #ccc
-  padding-bottom: 1em
-  margin-bottom: 1em
-  margin-right: 1em
-
-%content-stream-image-max
-  +image-pane
-    @extend %img-left
-    width: 100%
-  .field--type-image,
-  .field--type-image a,
-  img
-    width: 100%
-    vertical-align: top //remove unnecessary spacing at the bottom of it's container
-  // target everyting except the taxonomy term tag
-
-  .panel-pane,
-  .embedded_photo
-    float: left
-    margin-bottom: 0
-    h2
-      margin-bottom: 1px
-
-// these are in the variables partial:
-// $content-stream-img-sm: 50%
-// $content-stream-img-md: 58%
-%content-stream-image-sm
-  @extend %content-stream-image-max
-  +teaser-items
-    width: 40%
-    width: calc(100% - #{$content-stream-img-sm} - 20px)
-    float: left
-  +image-pane
-    @extend %img-left
-    max-width: #{$content-stream-img-sm}
-
-
-%content-stream-image-md
-  @extend %content-stream-image-max
-  +breakpoint($smartphone-landscape)
-    +teaser-items
-      width: 40%
-      width: calc(100% - #{$content-stream-img-md} - 20px)
-      float: left
-    +image-pane
-      max-width: #{$content-stream-img-md}
-
-
-%content-stream-image-lg
-  +image-pane
-    width: 100%
-    max-width: 100%
-    .field--type-image,
-    .field--type-image a,
-    img
-      width: 100%
-  h2
-    margin-bottom: 1px
-
-
-%float-thumb-left
-  +clearfix
-  @extend %content-stream-image-sm
-
-
-%full-size-thumb
-  +image-pane
-    +img-no-float
-    max-width: 100%
-    width: 100%
-
-%no-float-thumb
-  @extend %full-size-thumb
-  .pane-node-title,
-  .pane-node-body
-    width: 100%
-    max-width: 100%
-    float: none
-    margin-bottom: 0
-
-%content-stream-basic
-  .views-row
-    float: left
-    width: 100%
-    max-width: 100%
-
-
-@mixin content-stream-1
-  @extend %content-stream-basic
-  .views-row
-    margin-top: 10px
-  .views-row~.views-row
-    @extend %view_row
-
-
-%layout-2
-  +grid-desktop
-  +fluid-grid(2, $padding: 1%)
-
-%layout-3
-  +grid-desktop
-  +fluid-grid(3, $padding: 1.4%)
-
-%layout-4
-  +grid-desktop
-  +fluid-grid(4, $padding: 1%)
-
-%layout-5
-  +grid-desktop
-  +fluid-grid(5, $padding: 1%)
-
-
-%layout-6
-  +grid-desktop
-  +fluid-grid(6, $padding: 1%)
-
-%layout-7
-  +grid-desktop
-  +fluid-grid(7, $padding: 1%)
-
-%layout-8
-  +grid-desktop
-  +fluid-grid(8, $padding: 1%)
-
-
-%layout-1-3
-  .views-row
-    @extend %no-float-thumb
-
-  .views-row-1
-    float: left
-    width: 100% !important
-    max-width: 100%
-    margin-bottom: 0.5em
-    @extend %no-float-thumb
-    +fallback
-      img
-        @extend %lg-thumbnail
-
-  .views-row-2,
-  .views-row-3,
-  .views-row-4
-    width: 32%
-    float: left
-    clear: none
-    .pane-node-title,
-    .pane-node-created,
-    .pane-node-posted-on
-      display: none
-    .field--name-field-cover-photo:after
-      display: none
-    +image-pane
-      img
-        width: 100% !important
-        +fallback
-          @extend %xxs-thumbnail
-
-    .field--type-image
-      width: 100%
-      max-width: 100%
-      #page &
-        img
-          width: 100%
-
-
-  .views-row-2
-    margin-left: 0
-    clear: left
-  .views-row-3
-    margin-left: 2%
-    clear: none
-  .views-row-4
-    margin-left: 2%
-
-@mixin content-stream-1-3
-  @extend %layout-1-3
-
-
-@mixin content-stream-3
-  .views-row
-    //@extend %float-thumb-left
-    @extend %content-stream-basic
-
-  @include pane-eq-md-up
-    @extend %layout-3
-
-  +fallback
-    @extend %layout-3
-
-@mixin content-stream-3-parent
-  .views-row
-    //@extend %float-thumb-left
-    @extend %content-stream-basic
-  @include pane-parent-eq-md-up
-    @extend %layout-3
-  +fallback
-    @extend %layout-3
-
-
-
-@mixin content-stream-4
-  .views-row
-    //@extend %float-thumb-left
-    @extend %content-stream-basic
-
-  &[data-eq-state="pane-sm"]
-    @extend %layout-2
-
-  @include pane-eq-md-up
-    @extend %layout-4
-  +fallback
-    //@extend %layout-4
-
-
-@mixin content-stream-4-parent
-  .views-row
-    //@extend %float-thumb-left
-    @extend %content-stream-basic
-
-  [data-eq-state="pane-sm"] &
-    @extend %layout-2
-
-  @include pane-parent-eq-md-up
-    @extend %layout-4
-
-  +fallback
-    @extend %layout-4
-
-@mixin content-stream-6
-  +grid-desktop
-  +breakpoint($max-tab-p)
-    +fluid-grid(2, $padding: 1%)
-  +breakpoint($tab-p-desk)
-    +fluid-grid(3, $padding: 1%)
-  +breakpoint($desktop)
-    +fluid-grid(6, $padding: 1%)
-
-@mixin content-stream-6-custom
-  +grid-desktop
-  +breakpoint($max-tab-p)
-    +fluid-grid(2, $padding: 1%)
-  +breakpoint($tab-p-desk)
-    +fluid-grid(2, $padding: 1%)
-    .views-row-5, .views-row-6 //Show only 4 items
-      display: none
-    .views-row-4
-      margin-left: 0
-  +breakpoint($desktop)
-    +fluid-grid(6, $padding: 1%)
-
-
-@mixin content-stream-5
-  +grid-desktop
-  +breakpoint($max-tab-p)
-    +fluid-grid(2, $padding: 1%)
-  +breakpoint($tab-p-desk)
-    +fluid-grid(3, $padding: 1%)
-  +breakpoint($desktop)
-    +fluid-grid(5, $padding: 1%)
-
-@mixin content-stream-7
-  [data-eq-state="pane-xl"]
-    @extend %layout-7
-  [data-eq-state="pane-lg"]
-    @extend %layout-6
-  [data-eq-state="pane-md"]
-    @extend %layout-4
-  +pane-container-eq-sm-down
-    @extend %layout-2
-
-
-@mixin content-stream-8
-  [data-eq-state="pane-xl"]
-    @extend %layout-8
-  [data-eq-state="pane-lg"]
-    @extend %layout-6
-  [data-eq-state="pane-md"]
-    @extend %layout-4
-  +pane-container-eq-sm-down
-    @extend %layout-2
-
-
-%latest-content-list-pane
-  .more-link
-    display: inline-block
-  .feed
-    position: absolute
-    left: 10px
-    bottom: 0px
-    a
-      font-size: 0
-
-
-
-