brevis 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7650298fbc0cbd6f962ad2b354809d08f9bb74ee
-  data.tar.gz: 90be009ba5e52a09187ca7c3a119486dd6a0efee
+  metadata.gz: f3035b34bd2e24757a1ee4860764c49b0bf45827
+  data.tar.gz: 46def9e8d4b47b96bdec215d165380c77c5cea0b
 SHA512:
-  metadata.gz: 97bd26d732a7e23dac72c1f79a26869358f3523d56e0a20c66217ea9e6ecc9277ba94c7f279ad726f9776cee21b1a8dc0262a7c95983f6deeaab9d7e7a5cdcee
-  data.tar.gz: 35c019f1f821eaacdfea84b1d0e804f4c8f33bc890e3ee0c996ab088af479ed34cec7a6ebc26e769e51fd591a18f15cc1dea55d6f0fdf4d8020a2c0f6d3ff382
+  metadata.gz: 68f19e66c6d455b56a3d938ea2a00d7e0b2b6c2a6ddeaca87460d8f3aa4758bba7ccedca0e39fa70c3164718cea4c46b6555532c09625939dcec3c89b5b2ee96
+  data.tar.gz: c5144ad3234dc418fac3a1ce6b91b30bba41ec3992e243435542b88ab674f15ee757c75a9a976c73db4a7d7535b356a5c74dacee70c40058ad8bbdd78b1c8fdd

data/lib/brevis.rb

@@ -17,7 +17,7 @@ Compass::Frameworks.register('brevis', :path => extension_path)
 #    a prerelease version
 #  Date is in the form of YYYY-MM-DD
 module Brevis
-  VERSION = "0.1.3"
+  VERSION = "0.1.4"
   DATE = "2015-01-28"
 end
 

data/stylesheets/brevis_utilities/_layout.scss

@@ -188,3 +188,131 @@ $fluid-grid-class-name: views-row;
     width: 98%;
   }
 }
+
+@mixin equal-height{
+  .region-inner{
+    display: flex;
+    flex-wrap: wrap;
+  }
+}
+
+
+
+//////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////
+//////////////////////////////////////////////////////////////////
+// Panel region layouts, used best with Classy Panel Styles
+
+$spacing: 15px;
+$spacing-double: $spacing * 2;
+$spacing-triple: $spacing * 3;
+
+
+
+// To make hero styles work with IPE:
+// Use in @include panel-pane-with-ipe place of .panel-pane
+@mixin panel-pane-with-ipe {
+  .main-layout-pane {
+    @content;
+  }
+  .panels-ipe-portlet-wrapper {
+    @content;
+    .main-layout-pane {
+      width: 100% !important;
+      margin: 0;
+      padding: 0;
+    }
+  }
+}
+// To make hero styles work with IPE:
+// Use in @include panel-pane-with-ipe place of .panel-pane
+@mixin panel-pane-ipe-compound {
+  &.main-layout-pane {
+    @content;
+  }
+  &.panels-ipe-portlet-wrapper {
+    @content;
+    .main-layout-pane {
+      width: 100% !important;
+      margin: 0;
+      border: 0;
+      padding: 0;
+      //padding: 0 !important;
+    }
+  }
+}
+
+@mixin panel-pane($nth: null) {
+  @if ($nth) {
+    .main-layout-pane:nth-child(#{$nth}),
+    .panels-ipe-portlet-wrapper:nth-child(#{$nth}) .main-layout-pane {
+      @content;
+    }
+  }
+  @else {
+    .main-layout-pane,
+    .panels-ipe-portlet-wrapper .main-layout-pane {
+      @content;
+    }
+  }
+}
+//////////////////////////////////////////////////////////////////
+// REGION COLUMN LAYOUT MIXINS
+// These styles only account for left & right margins between panes
+@mixin region-1col {
+  clear: both;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  @include breakpoint(max-width $tab-l) {
+    @include panel-pane-ipe-compound {
+      &[class*='cta-primary'],
+      &[class*='cta-secondary'] {
+        max-width: 450px;
+      }
+    }
+  }
+}
+@mixin region-col($cols: 3, $space: $spacing, $offset: null, $margin-direction: right, $rows: 3) {
+  margin-#{$margin-direction}: $spacing;
+  clear: none;
+  max-width: 100%;
+  $minus-margins: ceil($space * (($cols - 1) / $cols)) + 1px;
+
+  @if $margin-direction == "right" {
+    float: left;
+  }
+  @if $margin-direction == "left" {
+    float: right;
+  }
+
+  @if $offset {
+    &:nth-child(n+#{$offset + 1}) {
+      width: calc( (100% / #{$cols}) - #{$minus-margins});
+    }
+    &:nth-child(#{$cols + $offset}),
+    &:nth-child(#{$cols * 2 + $offset}),
+    &:nth-child(#{$cols * 3 + $offset}) {
+      margin-#{$margin-direction}: 0;
+    }
+    &:nth-child(#{$cols + 1 + $offset}),
+    &:nth-child(#{$cols * 2 + 1 + $offset}),
+    &:nth-child(#{$cols * 3 + 1 + $offset}) {
+      clear: left;
+    }
+  }
+  @else {
+    width: calc( (100% / #{$cols}) - #{$minus-margins});
+
+    &:nth-child(#{$cols}),
+    &:nth-child(#{$cols * 2}),
+    &:nth-child(#{$cols * 3}) {
+      margin-#{$margin-direction}: 0;
+    }
+    &:nth-child(#{$cols + 1}),
+    &:nth-child(#{$cols * 2 + 1}),
+    &:nth-child(#{$cols * 3 + 1}), {
+      clear: left;
+    }
+  }
+}

data/stylesheets/brevis_utilities/_typography.scss

@@ -48,9 +48,9 @@ $icon-font: "FontAwesome";
 @mixin thick {
   font-weight: bold;
 }
-
 @mixin thin {
   font-weight: normal;
+  font-weight: 100;
 }
 
 @mixin italic {
@@ -105,19 +105,23 @@ $icon-font: "FontAwesome";
   }
 }
 
-// Blueprint theme - variables are in order of how likely they are to be overridden
-@mixin font-size($size: 22px, $lh: 1.3) {
-  @if unit($lh) == "px" {
-    $lh: $lh / $base-line-height;
-  }
-  @include adjust-font-size-to($size, $lh);
+@function calculateRem($size) {
+  $remSize: $size / 16px;
+  @return #{$remSize}rem;
 }
 
-@mixin text-style($size: 22px, $color: $text-primary, $link-color: inherit, $active-color: inherit, $type: null, $underline: no, $lh: 1.3) {
+@mixin font-size($size: 16px, $lh: 1.4) {
+  font-size: $size;
+  font-size: calculateRem($size);
+
   @if unit($lh) == "px" {
     $lh: $lh / $base-line-height;
   }
-  @include adjust-font-size-to($size, $lh);
+  line-height: $lh;
+}
+
+@mixin text-style($size: 1.6, $color: $text-primary, $link-color: inherit, $active-color: inherit, $type: null, $underline: no, $lh: 1.4) {
+  @include font-size($size, $lh);
   @if $type == link {
     a {
       @include link($link-color, $active-color, $underline);
@@ -128,6 +132,12 @@ $icon-font: "FontAwesome";
   }
 }
 
+%hide-text {
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
 %offscreen {
   position: absolute;
   left: -1000em;
@@ -147,3 +157,88 @@ $icon-font: "FontAwesome";
 %small-text {
   @include text-style($size: 12px, $lh: 16px);
 }
+
+
+//css columns
+//add colums using css-columns-count(3)
+@mixin css-column-count($how-many:1){
+    -webkit-column-count: $how-many; /* Chrome, Safari, Opera */
+    -moz-column-count: $how-many; /* Firefox */
+    column-count: $how-many;
+  }
+
+//adds break - inside, accepts values auto: auto, avoid: avoid page breaks, initial: sets to default (auto), inherit: from parent
+@mixin css-column-break($break-on-this:avoid){
+      -webkit-column-break-inside:$break-on-this;
+      -moz-column-break-inside:$break-on-this;
+      -o-column-break-inside:$break-on-this;
+      -ms-column-break-inside:$break-on-this;
+      column-break-inside:$break-on-this;
+}
+
+
+
+@mixin reset {
+    // General
+    box-sizing: border-box;
+    height: auto;
+    width: auto;
+    position: static;
+    top: auto;
+    bottom: auto;
+    left: auto;
+    right: auto;
+    clear: none;
+    clip: auto;
+    cursor: auto;
+    max-height: none;
+    max-width: none;
+    min-height: 0;
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    float: none;
+    opacity: 1;
+    pointer-events: auto;
+    resize: none;
+    speak: normal;
+    overflow-x: visible;
+    overflow-y: visible;
+    visibility: visible;
+    vertical-align: baseline;
+    z-index: auto;
+    zoom: 1;
+
+    // Typography
+
+    letter-spacing: normal;
+    color: #000;
+    text-decoration: none;
+    text-shadow: none;
+    text-transform: none;
+    text-align: left;
+    text-decoration: none;
+    text-indent: 0;
+    text-overflow: clip;
+    text-rendering: auto;
+    text-shadow: none;
+    word-break: normal;
+    word-spacing: 0;
+    word-wrap: normal;
+
+    // Tables
+    border-collapse: collapse;
+    border-spacing: 0;
+
+    // Lists
+    list-style: none;
+
+    backface-visibility: visible;
+    background: 0;
+    filter: none;
+    box-shadow: none;
+    transform: none;
+    transition: none;
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: brevis
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - Kendall Totten