brevis 0.1.4 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f3035b34bd2e24757a1ee4860764c49b0bf45827
-  data.tar.gz: 46def9e8d4b47b96bdec215d165380c77c5cea0b
+  metadata.gz: f88794dc8cc100d902f5f89c130ecf3873e695f1
+  data.tar.gz: 8d2e28ba0f235fd1022c58bde78662b5823ab5bd
 SHA512:
-  metadata.gz: 68f19e66c6d455b56a3d938ea2a00d7e0b2b6c2a6ddeaca87460d8f3aa4758bba7ccedca0e39fa70c3164718cea4c46b6555532c09625939dcec3c89b5b2ee96
-  data.tar.gz: c5144ad3234dc418fac3a1ce6b91b30bba41ec3992e243435542b88ab674f15ee757c75a9a976c73db4a7d7535b356a5c74dacee70c40058ad8bbdd78b1c8fdd
+  metadata.gz: 202646c08b07b448efaa43d219c07ae0ddb9292307ec8e641c3ebb000328bc9d1824a26e583f0695fe2b5d8b944b5114bc3aceb1a9fdcd9807ff5aaf08f8ee79
+  data.tar.gz: 104bbca6aff1c1f73449ac7d4a730a2bd6586befb5765cf17af0157a4ce4e052bc96eb34d07d5e97e609eebc0780737bb3513b79e8e06851f10a3160a4ca1ff7

data/lib/brevis.rb

@@ -17,8 +17,8 @@ Compass::Frameworks.register('brevis', :path => extension_path)
 #    a prerelease version
 #  Date is in the form of YYYY-MM-DD
 module Brevis
-  VERSION = "0.1.4"
-  DATE = "2015-01-28"
+  VERSION = "0.1.5"
+  DATE = "2015-01-29"
 end
 
 # This is where any custom SassScript should be placed. The functions will be

data/stylesheets/_brevis.scss

@@ -10,6 +10,7 @@
 @import "brevis_utilities/forms";
 @import "brevis_utilities/header";
 @import "brevis_utilities/images";
+@import "brevis_utilities/icons";
 @import "brevis_utilities/layout";
 @import "brevis_utilities/page";
 @import "brevis_utilities/tooltip";

data/stylesheets/brevis_utilities/_colors.scss

@@ -1,12 +1,67 @@
-//*************************************//
-// Basic Colors
-$text-primary: #333333;
-$text-secondary: #666666;
-$text-tertiary: #999999;
-$text-quaternary: #cccccc;
+// Branding Colors:
+// These colors are listed only for reference.
+// Do not use these variables in your sass.
+
+// Brand palette
+$brand-color:       #3B87D2;
+
+// Return the complementary colour to $brand-color
+$complement-color:  adjust_hue($brand-color, 200);
+
+// Triadic color scheme from $brand-color ? Go!
+$secondary-color:   adjust_hue($brand-color, 120);
+$tertiary-color:    adjust_hue($brand-color, -120);
+$quaternary-color:  adjust_hue($brand-color, -90);
+
+$alert:             #f04124;
+$warm-gray:         #edf0e9;
+$page-bg:           white;
+//=================================================
+// The following variables ARE to be used throughout
+// your sass.
+$color-one:         $brand-color;
+$color-two:         $complement-color;
+$color-three:       $secondary-color;
+$color-four:        $tertiary-color;
+$color-five:        $quaternary-color;
+$color-six:         $alert;
+$white:             #fff;
+$black:             #000;
+
+// NOTE: .bg-color styles are in classy-panels.styles.scss
+
+// For use on drop shadows
+$glass_lt:          rgba(255,255,255,0.75);
+$glass_md:          rgba(100,100,100, 0.75);
+$glass_dk:          rgba(0,0,0,0.75);
+
+// Element Colors:
+$text-primary:      #333;
+$text-secondary:    #666;
+$text-tertiary:     #999;
+$text-quaternary:   #ccc;
+
+$border-primary:    $color-three;
+$border-secondary:  $glass-md;
+$border-tertiary:   $glass-lt;
+
+$link:              $color-two;
+$link-hover:        lighten($link, 10%);
+
+// Icons
+$icon-normal:       $color-one;
+$icon-normal-hover: $color-one;
+
+// Buttons
+$button-primary-text:         white;
+$button-primary-bg:           $color-one;
+$button-primary-text-hover:   lighten($button-primary-text, 10%);
+$button-primary-bg-hover:     lighten($color-one, 10%);
+$button-border:               transparent;
+$button-disabled-text:        $text-secondary;
+$button-disabled-bg:          $warm-gray;
+$button-disabled-border:      $text-tertiary;
 
-$alert: #cc0000;
-$page-bg: white;
 
 //*************************************//
 $contrasted-dark-default: $text-primary;
@@ -22,3 +77,16 @@ $contrasted-light-default: white;
     background: $bg-hover;
   }
 }
+
+@mixin reversed-classes {
+  * {
+    @content;
+  }
+}
+
+@mixin reverse-bg {
+  @include reversed-classes {
+    color: white;
+    @include link-inherit-color;
+  }
+}

data/stylesheets/brevis_utilities/_icons.scss

@@ -0,0 +1,8 @@
+@mixin highdpi-icon($filename, $size) {
+  background-image: image-url("icons/#{$filename}.png");
+  background-size: $size;
+  background-repeat: no-repeat;
+  @include breakpoint($hidpi) {
+    background-image: image-url("icons/#{$filename}@2x.png");
+  }
+}

data/stylesheets/brevis_utilities/_layout.scss

@@ -206,8 +206,12 @@ $fluid-grid-class-name: views-row;
 $spacing: 15px;
 $spacing-double: $spacing * 2;
 $spacing-triple: $spacing * 3;
+$content-max-width: 1000px;
 
-
+@mixin content-max-width {
+  max-width: $content-max-width;
+  margin: 0 auto;
+}
 
 // To make hero styles work with IPE:
 // Use in @include panel-pane-with-ipe place of .panel-pane

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: brevis
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
 platform: ruby
 authors:
 - Kendall Totten
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-28 00:00:00.000000000 Z
+date: 2015-01-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -72,6 +72,7 @@ files:
 - stylesheets/brevis_utilities/_font_awesome.scss
 - stylesheets/brevis_utilities/_forms.scss
 - stylesheets/brevis_utilities/_header.scss
+- stylesheets/brevis_utilities/_icons.scss
 - stylesheets/brevis_utilities/_images.scss
 - stylesheets/brevis_utilities/_layout.scss
 - stylesheets/brevis_utilities/_mediablock.scss