forever_style_guide 3.6.1 → 3.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a4c3229c29775874918febfb2c24c934da4afea0ec23d8a43062dacd72e4ed4d
-  data.tar.gz: bd9d5c2da9f549083bca7d39953228495a2a40cd941f3db4463277d4d655623c
+  metadata.gz: 6b73c8247dd894881f531367da79cf7b2337252c688cc4dcf5ad09f6ad1ffca2
+  data.tar.gz: 79f44c749a21319b43bfc02e0f673f44a824d3609721e287d9db144dd4ad6698
 SHA512:
-  metadata.gz: 2e1b95d362d407ed55ff8afdfb428f3b21ee99c82636181768532b2e2f353afb0c2fd7c4368cb8ae1991f194faab83cc16eb10e890679efce638e8c71b413d64
-  data.tar.gz: e2e23c3804c37cbfcf3e4451f8ed036714cd2e1bcf2ee254be3b6fdf3e6c387edcfa17be609867c565839289e02fb36c84c8e7e6ef2261a8fe443c8986d7c1e4
+  metadata.gz: dcf1949322cc0e1f84158d1f49ea77a6d43c7a2ee77af76901fef38bd8861e415a3ffb4e8e563703ca016f2f29cda5382bfd7fd117b68e53a3816fe838ff6b7e
+  data.tar.gz: 842a2338f74d50ac0ddbe89b8a3e1f1942d9eb1c7f6ddb337a07a375c2154a26878cbc2038000846d240b75a0b5d25462e919d474b95f2763e6fc9afd55ad970

data/app/assets/stylesheets/forever_style_guide/globals/_fonts-mars.scss

@@ -0,0 +1,90 @@
+/*this is needed to generate fonts for mars without the sprockets font-url crud*/
+@import "forever_style_guide/utils/font-utils";
+
+/* =fonts
+---------------------------------------------------------------------------- */
+@mixin fontFace($family, $src) {
+  @font-face {
+    font-family: $family;
+    src: url('#{$base-font-path}/#{$src}.eot'); // IE9 compat
+    src: url('#{$base-font-path}/#{$src}.eot?#iefix') format('embedded-opentype'), // IE8 and below
+    url('#{$base-font-path}/#{$src}.woff') format('woff'), // standards
+    url('#{$base-font-path}/#{$src}.ttf') format('truetype'), // Safari, Android, iOS
+    url('#{$base-font-path}/#{$src}.svg##{$family}') format('svg'); // legacy iOS
+  }
+}
+
+@include fontFace('proxima_nova-light', 'ProximaNova-Light-webfont');
+@include fontFace('proxima_nova-regular', 'ProximaNova-Reg-webfont');
+@include fontFace('proxima_nova-semibold', 'ProximaNova-Sbold-webfont');
+@include fontFace('proxima_nova-bold', 'ProximaNova-Bold-webfont');
+@include fontFace('proxima_nova-regular_italic', 'ProximaNova-RegIt-webfont');
+@include fontFace('proxima_nova-bold_italic', 'ProximaNova-BoldIt-webfont');
+
+/* =font faces
+   ---------------------------------------------------------------------------- */
+$font-face-light:           faceify('light', ('proxima_nova-light', Helvetica, Arial, sans-serif)) !default;
+$font-face-regular:         faceify('regular', ('proxima_nova-regular', Helvetica, Arial, sans-serif)) !default;
+$font-face-semibold:        faceify('semibold', ('proxima_nova-semibold', Helvetica, Arial, sans-serif)) !default;
+$font-face-bold:            faceify('bold', ('proxima_nova-bold', Helvetica, Arial, sans-serif)) !default;
+$font-face-regular_italic:  faceify('italic', ('proxima_nova-regular_italic', Helvetica, Arial, sans-serif)) !default;
+$font-face-bold_italic:     faceify('bold_italic', ('proxima_nova-bold_italic', Helvetica, Arial, sans-serif)) !default;
+
+$font-face-gotham:          faceify('gotham', ('Gotham A', 'Gotham B', Helvetica, Arial, sans-serif)) !default;
+
+@each $id, $font-face in $font-faces {
+  .font-face-#{$id} {
+    font-family: #{$font-face};
+  }
+}
+
+/* =font sizes
+   ---------------------------------------------------------------------------- */
+$font-size-000: fontify('000', 10px) !default;
+$font-size-100: fontify('100', 12px) !default;
+$font-size-200: fontify('200', 14px) !default;
+$font-size-250: fontify('250', 15px) !default;
+$font-size-300: fontify('300', 16px) !default;
+$font-size-400: fontify('400', 18px) !default;
+$font-size-450: fontify('450', 21px) !default;
+$font-size-500: fontify('500', 24px) !default;
+$font-size-600: fontify('600', 36px) !default;
+$font-size-700: fontify('700', 48px) !default;
+$font-size-800: fontify('800', 64px) !default;
+
+/* !global to override bootstrap's $font-size-large and $font-size-small */
+$font-size-large:   fontify('lg', $font-size-400) !global;
+$font-size-default: fontify('default', $font-size-300) !default;
+$font-size-small:   fontify('sm', $font-size-100) !global;
+$font-size-xsmall:  fontify('xs', $font-size-000) !default;
+
+@each $id, $font-size in $font-sizes {
+  .font-size-#{$id} {
+    font-size: #{$font-size};
+  }
+}
+
+/* =font weights
+   ---------------------------------------------------------------------------- */
+$font-weight-100: weightify('100', 100) !default;
+$font-weight-200: weightify('200', 200) !default;
+$font-weight-300: weightify('300', 300) !default;
+$font-weight-400: weightify('400', 400) !default;
+$font-weight-500: weightify('500', 500) !default;
+$font-weight-600: weightify('600', 600) !default;
+$font-weight-700: weightify('700', 700) !default;
+$font-weight-800: weightify('800', 800) !default;
+$font-weight-900: weightify('900', 900) !default;
+
+$font-weight-normal:  weightify('normal', normal) !default;
+$font-weight-bold:    weightify('bold', bold) !default;
+$font-weight-bolder:  weightify('bolder', bolder) !default;
+$font-weight-lighter: weightify('lighter', lighter) !default;
+$font-weight-initial: weightify('initial', initial) !default;
+$font-weight-inherit: weightify('inherit', inherit) !default;
+
+@each $id, $font-weight in $font-weights {
+  .font-weight-#{$id} {
+    font-weight: #{$font-weight};
+  }
+}

data/app/assets/stylesheets/forever_style_guide/globals/_mars_manifest.scss

@@ -1,27 +1,5 @@
 @import "colors";
-@import "fonts";
-
-/* OVERRIDE FONT IMPORTS*/
-$base-font-path: '' !default;
-@mixin fontFace($family, $src) {
-  @font-face {
-    font-family: $family;
-    src: url('#{$base-font-path}/#{$src}.eot'); // IE9 compat
-    src: url('#{$base-font-path}/#{$src}.eot?#iefix') format('embedded-opentype'), // IE8 and below
-    url('#{$base-font-path}/#{$src}.woff') format('woff'), // standards
-    url('#{$base-font-path}/#{$src}.ttf') format('truetype'), // Safari, Android, iOS
-    url('#{$base-font-path}/#{$src}.svg##{$family}') format('svg'); // legacy iOS
-  }
-}
-
-@include fontFace('proxima_nova-light', 'ProximaNova-Light-webfont');
-@include fontFace('proxima_nova-regular', 'ProximaNova-Reg-webfont');
-@include fontFace('proxima_nova-semibold', 'ProximaNova-Sbold-webfont');
-@include fontFace('proxima_nova-bold', 'ProximaNova-Bold-webfont');
-@include fontFace('proxima_nova-regular_italic', 'ProximaNova-RegIt-webfont');
-@include fontFace('proxima_nova-regular_bold_italic', 'ProximaNova-BoldIt-webfont');
-
-
+@import "fonts-mars";
 @import "breakpoints";
 @import "variables";
 @import "mixins";

data/lib/forever_style_guide/version.rb

@@ -1,3 +1,3 @@
 module ForeverStyleGuide
-  VERSION = "3.6.1"
+  VERSION = "3.7.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: forever_style_guide
 version: !ruby/object:Gem::Version
-  version: 3.6.1
+  version: 3.7.0
 platform: ruby
 authors:
 - Nicholas McClay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-10-30 00:00:00.000000000 Z
+date: 2020-01-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -226,6 +226,7 @@ files:
 - app/assets/stylesheets/forever_style_guide/globals/_breakpoints.scss
 - app/assets/stylesheets/forever_style_guide/globals/_colors.scss
 - app/assets/stylesheets/forever_style_guide/globals/_effects.scss
+- app/assets/stylesheets/forever_style_guide/globals/_fonts-mars.scss
 - app/assets/stylesheets/forever_style_guide/globals/_fonts.scss
 - app/assets/stylesheets/forever_style_guide/globals/_layout.scss
 - app/assets/stylesheets/forever_style_guide/globals/_mars_manifest.scss