From 9ae1c6611d13ecff2d2b3adbd83ca5f262d69499 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Fri, 18 Mar 2016 10:07:05 +0000 Subject: [PATCH 01/22] updating naming conventions for wgc helpers --- vendor/assets/stylesheets/wgc/_borders.scss | 2 +- vendor/assets/stylesheets/wgc/_helpers.scss | 9 +++++++ vendor/assets/stylesheets/wgc/_layout.scss | 27 ++++++++++++--------- 3 files changed, 26 insertions(+), 12 deletions(-) create mode 100644 vendor/assets/stylesheets/wgc/_helpers.scss diff --git a/vendor/assets/stylesheets/wgc/_borders.scss b/vendor/assets/stylesheets/wgc/_borders.scss index d049d6b..c65d95d 100644 --- a/vendor/assets/stylesheets/wgc/_borders.scss +++ b/vendor/assets/stylesheets/wgc/_borders.scss @@ -30,7 +30,7 @@ border-width: thick; } -.b-none { +.b--none { border-style: none; } diff --git a/vendor/assets/stylesheets/wgc/_helpers.scss b/vendor/assets/stylesheets/wgc/_helpers.scss new file mode 100644 index 0000000..4076312 --- /dev/null +++ b/vendor/assets/stylesheets/wgc/_helpers.scss @@ -0,0 +1,9 @@ +// Center things horizontally +.l--centered { + margin: 0 auto; +} + +.t--centered { + text-align: center; +} + diff --git a/vendor/assets/stylesheets/wgc/_layout.scss b/vendor/assets/stylesheets/wgc/_layout.scss index 86bfac9..5e42f6a 100644 --- a/vendor/assets/stylesheets/wgc/_layout.scss +++ b/vendor/assets/stylesheets/wgc/_layout.scss @@ -1,35 +1,40 @@ -.l-fl { +// Float +.l-float--left { float: left; } -.l-fr { +.l-float--right { float: right; } -.l-cb { - clear: both; +// Clear +.l-clear--left { + clear: left; } -.l-cr { +.l-clear--right { clear: right; } -.l-cl { - clear: left; +.l-clear--both { + clear: both; } -.l-inline-block { +// Display +.l-display--inline-block { display: inline-block; } -.l-block { +.l-display--block { display: block; } -.l-o-hidden { +// Overflow +.l-overflow--hidden { overflow: hidden; } -.l-centered { +// +.l--centered { margin: 0 auto; } From 704cf9d87870ceccbb626f485594c6683b75c832 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 19 Mar 2016 11:19:42 +0000 Subject: [PATCH 02/22] clearer naming conventions and wgc namespacing border classes --- vendor/assets/stylesheets/wgc/_borders.scss | 28 ++++++++++----------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/vendor/assets/stylesheets/wgc/_borders.scss b/vendor/assets/stylesheets/wgc/_borders.scss index c65d95d..5746587 100644 --- a/vendor/assets/stylesheets/wgc/_borders.scss +++ b/vendor/assets/stylesheets/wgc/_borders.scss @@ -1,55 +1,55 @@ -.b-radius { +.wgc__border-radius { border-radius: $wgc-border-radius; } -.b-radius--tr { +.wgc__border-radius--top-right { border-top-right-radius: $wgc-border-radius; } -.b-radius--br { +.wgc__border-radius--bottom-right { border-bottom-right-radius: $wgc-border-radius; } -.b-radius--tl { +.wgc__border-radius--top-left { border-top-left-radius: $wgc-border-radius; } -.b-radius--bl { +.wgc__border-radius--bottom-left { border-bottom-left-radius: $wgc-border-radius; } -.b--thin { +.wgc__border--thin { border-width: thin; } -.b--medium { +.wgc__border--medium { border-width: medium; } -.b--thick { +.wgc__border--thick { border-width: thick; } -.b--none { +.wgc__border--none { border-style: none; } -.b--solid { +.wgc__border--solid { border-style: solid; } -.bt--solid { +.wgc__border-top--solid { border-top-style: solid; } -.br--solid { +.wgc__border-right--solid { border-right-style: solid; } -.bl--solid { +.wgc__border-left--solid { border-left-style: solid; } -.bb--solid { +.wgc__border-bottom--solid { border-bottom-style: solid; } From 07b2fb015e732e744557ab0f7f7e45f253880bb5 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 19 Mar 2016 11:22:37 +0000 Subject: [PATCH 03/22] improved naming conventions and namespacing --- .../stylesheets/wgc/_additional_layout.scss | 40 +++++++++++++++++++ .../wgc/{_colours.scss => _colors.scss} | 8 ++-- vendor/assets/stylesheets/wgc/_helpers.scss | 9 ----- vendor/assets/stylesheets/wgc/_layout.scss | 40 ------------------- .../wgc/{_typography.scss => _text.scss} | 14 +++---- 5 files changed, 51 insertions(+), 60 deletions(-) create mode 100644 vendor/assets/stylesheets/wgc/_additional_layout.scss rename vendor/assets/stylesheets/wgc/{_colours.scss => _colors.scss} (72%) delete mode 100644 vendor/assets/stylesheets/wgc/_helpers.scss delete mode 100644 vendor/assets/stylesheets/wgc/_layout.scss rename vendor/assets/stylesheets/wgc/{_typography.scss => _text.scss} (55%) diff --git a/vendor/assets/stylesheets/wgc/_additional_layout.scss b/vendor/assets/stylesheets/wgc/_additional_layout.scss new file mode 100644 index 0000000..8180553 --- /dev/null +++ b/vendor/assets/stylesheets/wgc/_additional_layout.scss @@ -0,0 +1,40 @@ +// Float +.wgc__float--left { + float: left; +} + +.wgc__float--right { + float: right; +} + +// Clear +.wgc__clear--left { + clear: left; +} + +.wgc__clear--right { + clear: right; +} + +.wgc__clear--both { + clear: both; +} + +// Display +.wgc__display--inline-block { + display: inline-block; +} + +.wgc__display--block { + display: block; +} + +// Overflow +.wgc__overflow--hidden { + overflow: hidden; +} + +// Auto margin +.wgc__margin--auto { + margin: auto; +} diff --git a/vendor/assets/stylesheets/wgc/_colours.scss b/vendor/assets/stylesheets/wgc/_colors.scss similarity index 72% rename from vendor/assets/stylesheets/wgc/_colours.scss rename to vendor/assets/stylesheets/wgc/_colors.scss index c0549d5..6d054ec 100644 --- a/vendor/assets/stylesheets/wgc/_colours.scss +++ b/vendor/assets/stylesheets/wgc/_colors.scss @@ -9,19 +9,19 @@ $pallete: ( ); @each $name, $colour in $pallete { - .c-#{ $name } { + .wgc__text-color--#{ $name } { color: $colour; }; - .bg-#{ $name } { + .wgc__background-color--#{ $name } { background-color: $colour; }; - .b-#{ $name } { + .wgc__border-color--#{ $name } { border-color: $colour; }; }; -.bg-transparent { +.wgc__background-transparent { background-color: transparent; } diff --git a/vendor/assets/stylesheets/wgc/_helpers.scss b/vendor/assets/stylesheets/wgc/_helpers.scss deleted file mode 100644 index 4076312..0000000 --- a/vendor/assets/stylesheets/wgc/_helpers.scss +++ /dev/null @@ -1,9 +0,0 @@ -// Center things horizontally -.l--centered { - margin: 0 auto; -} - -.t--centered { - text-align: center; -} - diff --git a/vendor/assets/stylesheets/wgc/_layout.scss b/vendor/assets/stylesheets/wgc/_layout.scss deleted file mode 100644 index 5e42f6a..0000000 --- a/vendor/assets/stylesheets/wgc/_layout.scss +++ /dev/null @@ -1,40 +0,0 @@ -// Float -.l-float--left { - float: left; -} - -.l-float--right { - float: right; -} - -// Clear -.l-clear--left { - clear: left; -} - -.l-clear--right { - clear: right; -} - -.l-clear--both { - clear: both; -} - -// Display -.l-display--inline-block { - display: inline-block; -} - -.l-display--block { - display: block; -} - -// Overflow -.l-overflow--hidden { - overflow: hidden; -} - -// -.l--centered { - margin: 0 auto; -} diff --git a/vendor/assets/stylesheets/wgc/_typography.scss b/vendor/assets/stylesheets/wgc/_text.scss similarity index 55% rename from vendor/assets/stylesheets/wgc/_typography.scss rename to vendor/assets/stylesheets/wgc/_text.scss index 5e732c3..6070de8 100644 --- a/vendor/assets/stylesheets/wgc/_typography.scss +++ b/vendor/assets/stylesheets/wgc/_text.scss @@ -1,27 +1,27 @@ -.t-center { +.wgc__text--center { text-align: center; } -.t-justify { +.wgc__text--justify { text-align: justify; } -.t-left { +.wgc__text--left { text-align: left; } -.t-right { +.wgc__text--right { text-align: right; } -.t-uppercase { +.wgc__text--uppercase { text-transform: uppercase; } -.t-dec-none { +.wgc__text--dec-none { text-decoration: none; } -.t-bold { +.wgc__text--bold { font-weight: bold; } From 5dcf392ac90fbad0730a356bc899b35213cbf457 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Mon, 21 Mar 2016 01:26:21 +0000 Subject: [PATCH 04/22] upgrading to v3.0.0 --- README.md | 43 ++- .../stylesheets/wgc/_additional_layout.scss | 40 -- vendor/assets/stylesheets/wgc/_borders.scss | 55 --- vendor/assets/stylesheets/wgc/_colors.scss | 27 -- vendor/assets/stylesheets/wgc/_text.scss | 27 -- .../assets/stylesheets/wgc/_wgc_config.scss | 33 ++ .../_base.forms.scss | 0 .../_generic.shared.scss | 0 .../_objects.flyout.scss | 0 .../wgc/inuit-overrides/_objects.layout.scss | 33 -- .../inuit-overrides/_settings.defaults.scss | 1 - .../inuit-overrides/_settings.responsive.scss | 32 -- .../wgc/inuit-overrides/_tools.functions.scss | 21 -- .../wgc/inuit-overrides/_tools.mixins.scss | 73 ---- .../_trumps.spacing-responsive.scss | 103 ------ .../wgc/inuit-overrides/_trumps.spacing.scss | 346 ------------------ .../_trumps.widths-responsive.scss | 9 - .../wgc/modified_inuit_css/_box_model.scss | 219 +++++++++++ .../wgc/modified_inuit_css/_breakpoints.scss | 29 ++ .../wgc/modified_inuit_css/_columns.scss | 74 ++++ .../modified_inuit_css/_layout_groups.scss | 64 ++++ .../stylesheets/wgc/wgc_add_ons/_borders.scss | 55 +++ .../stylesheets/wgc/wgc_add_ons/_colors.scss | 58 +++ .../wgc/wgc_add_ons/_layout_helpers.scss | 57 +++ .../wgc/wgc_add_ons/_typography.scss | 27 ++ 25 files changed, 648 insertions(+), 778 deletions(-) delete mode 100644 vendor/assets/stylesheets/wgc/_additional_layout.scss delete mode 100644 vendor/assets/stylesheets/wgc/_borders.scss delete mode 100644 vendor/assets/stylesheets/wgc/_colors.scss delete mode 100644 vendor/assets/stylesheets/wgc/_text.scss create mode 100644 vendor/assets/stylesheets/wgc/_wgc_config.scss rename vendor/assets/stylesheets/wgc/{inuit-overrides => css_wizardy}/_base.forms.scss (100%) rename vendor/assets/stylesheets/wgc/{inuit-overrides => css_wizardy}/_generic.shared.scss (100%) rename vendor/assets/stylesheets/wgc/{inuit-overrides => css_wizardy}/_objects.flyout.scss (100%) delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_objects.layout.scss delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_settings.defaults.scss delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_settings.responsive.scss delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_tools.functions.scss delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_tools.mixins.scss delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing-responsive.scss delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing.scss delete mode 100644 vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.widths-responsive.scss create mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss create mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss create mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss create mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss create mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss create mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss create mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss create mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss diff --git a/README.md b/README.md index a0011cb..fc977f8 100644 --- a/README.md +++ b/README.md @@ -10,9 +10,38 @@ Of all the options, I wanted to have a way of keeping control over how and when Using inuit-rails ----------------- -I've tried to bring in pretty much all of the components on the inuit github page https://github.com/inuitcss; but the whole point of it is that you only bring in the parts that you need. +This repo combines all of the repos on the inuit github page https://github.com/inuitcss. A few particular files selected from the older -- csswizardry url -- which are not yet covered in the -- inuit css version -- are to be found in `lib/vendor/assets/stylesheets/wgc/csswizardy`. -Therefore on the Rails side, create a sass/scss file somewhere in your app/assets/stylesheets folder, which does the importing of just the modules you need. E.g. +`lib/vendor/assets/stylesheets/wgc/modified_inuit_behaviour` + +`lib/vendor/assets/stylesheets/wgc/additional_behaviour` + +You can opt to bring in whichever modules you want, the philosophy behind this is that you import the least css necessary for the job. + +On the Rails side therefore, create a sass/scss file somewhere in your app/assets/stylesheets folder, which does the importing of just the modules you need. But sure that you import the modules in the correct order -- insert correct order here --. For example + +Rules of thumb +-------------- + +## TODOS: +## guarantee code +## artists please improve the pallette +## or > hack! +## $wgc-layout-namespace +## $wgc-widths-namespace +## $inuit-global-border-box +## open source the demo page carousel +## example config with manifest file +## 'goes-like' rules: including colours +## american spelling conventions for universality +## facility to generate extra breakpoints from manifest file :) -- and append to lists generally +## for an example of this being used in anger head over to demo page +## #{property}--#{value} +## responsive colors +## configuring size of border-radii +## responsive wgc add ons + +Take advantage of the box-sizing property ``` @import "inuit-defaults/settings.defaults"; @@ -29,13 +58,6 @@ Therefore on the Rails side, create a sass/scss file somewhere in your app/asset // Objects would go next... ``` -I couldn't really get this to play nicely with the extensive use of variables, unless I import the stylesheets from the main app. To set a button colour for instance, you can add a variable before the part of the framework that you are importing, e.g. - -``` - $inuit-btn-background: #09992a; - @import "inuit-buttons/objects.buttons"; -``` - Contributing to inuit-rails --------------------------- @@ -44,5 +66,4 @@ Contributing to inuit-rails * Fork the project. * Start a feature/bugfix branch. * Commit and push until you are happy with your contribution. -* Make sure to add tests for it. This is important so I don't break it in a future version unintentionally. -* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it. \ No newline at end of file +* Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it. diff --git a/vendor/assets/stylesheets/wgc/_additional_layout.scss b/vendor/assets/stylesheets/wgc/_additional_layout.scss deleted file mode 100644 index 8180553..0000000 --- a/vendor/assets/stylesheets/wgc/_additional_layout.scss +++ /dev/null @@ -1,40 +0,0 @@ -// Float -.wgc__float--left { - float: left; -} - -.wgc__float--right { - float: right; -} - -// Clear -.wgc__clear--left { - clear: left; -} - -.wgc__clear--right { - clear: right; -} - -.wgc__clear--both { - clear: both; -} - -// Display -.wgc__display--inline-block { - display: inline-block; -} - -.wgc__display--block { - display: block; -} - -// Overflow -.wgc__overflow--hidden { - overflow: hidden; -} - -// Auto margin -.wgc__margin--auto { - margin: auto; -} diff --git a/vendor/assets/stylesheets/wgc/_borders.scss b/vendor/assets/stylesheets/wgc/_borders.scss deleted file mode 100644 index 5746587..0000000 --- a/vendor/assets/stylesheets/wgc/_borders.scss +++ /dev/null @@ -1,55 +0,0 @@ -.wgc__border-radius { - border-radius: $wgc-border-radius; -} - -.wgc__border-radius--top-right { - border-top-right-radius: $wgc-border-radius; -} - -.wgc__border-radius--bottom-right { - border-bottom-right-radius: $wgc-border-radius; -} - -.wgc__border-radius--top-left { - border-top-left-radius: $wgc-border-radius; -} - -.wgc__border-radius--bottom-left { - border-bottom-left-radius: $wgc-border-radius; -} - -.wgc__border--thin { - border-width: thin; -} - -.wgc__border--medium { - border-width: medium; -} - -.wgc__border--thick { - border-width: thick; -} - -.wgc__border--none { - border-style: none; -} - -.wgc__border--solid { - border-style: solid; -} - -.wgc__border-top--solid { - border-top-style: solid; -} - -.wgc__border-right--solid { - border-right-style: solid; -} - -.wgc__border-left--solid { - border-left-style: solid; -} - -.wgc__border-bottom--solid { - border-bottom-style: solid; -} diff --git a/vendor/assets/stylesheets/wgc/_colors.scss b/vendor/assets/stylesheets/wgc/_colors.scss deleted file mode 100644 index 6d054ec..0000000 --- a/vendor/assets/stylesheets/wgc/_colors.scss +++ /dev/null @@ -1,27 +0,0 @@ -$pallete: ( - white: #fff, - whitesmoke: #f0f0f0, - light-grey: #adadad, - pale-blue: #f5ffff, - skeleton-blue: #1eaedb, - skeleton-text: #222, - black: #000 -); - -@each $name, $colour in $pallete { - .wgc__text-color--#{ $name } { - color: $colour; - }; - - .wgc__background-color--#{ $name } { - background-color: $colour; - }; - - .wgc__border-color--#{ $name } { - border-color: $colour; - }; -}; - -.wgc__background-transparent { - background-color: transparent; -} diff --git a/vendor/assets/stylesheets/wgc/_text.scss b/vendor/assets/stylesheets/wgc/_text.scss deleted file mode 100644 index 6070de8..0000000 --- a/vendor/assets/stylesheets/wgc/_text.scss +++ /dev/null @@ -1,27 +0,0 @@ -.wgc__text--center { - text-align: center; -} - -.wgc__text--justify { - text-align: justify; -} - -.wgc__text--left { - text-align: left; -} - -.wgc__text--right { - text-align: right; -} - -.wgc__text--uppercase { - text-transform: uppercase; -} - -.wgc__text--dec-none { - text-decoration: none; -} - -.wgc__text--bold { - font-weight: bold; -} diff --git a/vendor/assets/stylesheets/wgc/_wgc_config.scss b/vendor/assets/stylesheets/wgc/_wgc_config.scss new file mode 100644 index 0000000..2714f75 --- /dev/null +++ b/vendor/assets/stylesheets/wgc/_wgc_config.scss @@ -0,0 +1,33 @@ +$wgc-bsu: 24px !default; // Base Spacing Unit +$wgc-base-text-color: #333 !default; +$wgc-base-background-color: #fff !default; +$wgc-namespace: "wgc" !default; + +$wgc-border-radius: 3px !default; + +$wgc-enable-layout--flush: false !default; +$wgc-enable-layout--gutter-one-quarter-bsu: false !default; +$wgc-enable-layout--gutter-one-half-bsu: false !default; +$wgc-enable-layout--gutter-one-bsu: false !default; +$wgc-enable-layout--gutter-two-bsu: false !default; +$wgc-enable-layout--gutter-four-bsu: false !default; +$wgc-enable-layout--center: false !default; + +$wgc-enable-paddings--one-quarter-bsu: false !default; +$wgc-enable-paddings--one-half-bsu: false !default; +$wgc-enable-paddings--one-bsu: false !default; +$wgc-enable-paddings--two-bsu: false !default; +$wgc-enable-paddings--four-bsu: false !default; +$wgc-enable-paddings--none: false !default; + +$wgc-enable-margins--one-quarter-bsu: false !default; +$wgc-enable-margins--one-half-bsu: false !default; +$wgc-enable-margins--one-bsu: false !default; +$wgc-enable-margins--two-bsu: false !default; +$wgc-enable-margins--four-bsu: false !default; +$wgc-enable-margins--none: false !default; +$wgc-enable-negative-margins--one-quarter-bsu: false !default; +$wgc-enable-negative-margins--one-half-bsu: false !default; +$wgc-enable-negative-margins--one-bsu: false !default; +$wgc-enable-negative-margins--two-bsu: false !default; +$wgc-enable-negative-margins--four-bsu: false !default; diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_base.forms.scss b/vendor/assets/stylesheets/wgc/css_wizardy/_base.forms.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/inuit-overrides/_base.forms.scss rename to vendor/assets/stylesheets/wgc/css_wizardy/_base.forms.scss diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_generic.shared.scss b/vendor/assets/stylesheets/wgc/css_wizardy/_generic.shared.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/inuit-overrides/_generic.shared.scss rename to vendor/assets/stylesheets/wgc/css_wizardy/_generic.shared.scss diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_objects.flyout.scss b/vendor/assets/stylesheets/wgc/css_wizardy/_objects.flyout.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/inuit-overrides/_objects.flyout.scss rename to vendor/assets/stylesheets/wgc/css_wizardy/_objects.flyout.scss diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_objects.layout.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_objects.layout.scss deleted file mode 100644 index feb20c5..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_objects.layout.scss +++ /dev/null @@ -1,33 +0,0 @@ -$inuit-layout-sizes: ( - $inuit-enable-layout--flush "--flush" 0, - $inuit-enable-layout--tiny "--tiny" quarter($inuit-base-spacing-unit), - $inuit-enable-layout--small "--small" halve($inuit-base-spacing-unit), - $inuit-enable-layout--medium "" $inuit-base-spacing-unit, - $inuit-enable-layout--large "--large" double($inuit-base-spacing-unit), - $inuit-enable-layout--huge "--huge" quadruple($inuit-base-spacing-unit) -) !default; - -@each $wgc-breakpoint in $wgc-breakpoints { - $alias: nth($wgc-breakpoint, 1); - - @include wgc-media-query($alias) { - @each $inuit-layout-size in $inuit-layout-sizes { - $enabler: nth($inuit-layout-size, 1); - - @if ($enabler == true) { - - $modifier: nth($inuit-layout-size, 2); - $modifier-value: nth($inuit-layout-size, 3); - - @include layout-with-gutter($modifier, $modifier-value, $alias) - } - } - - @if ($inuit-enable-layout--center == true) { - .#{$inuit-layout-namespace}#{$alias}layout--center, - %#{$inuit-layout-namespace}#{$alias}layout--center { - margin: 0 auto; - } - } - } -} diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_settings.defaults.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_settings.defaults.scss deleted file mode 100644 index 696f9bc..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_settings.defaults.scss +++ /dev/null @@ -1 +0,0 @@ -$wgc-border-radius: 3px; diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_settings.responsive.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_settings.responsive.scss deleted file mode 100644 index 7f94bb4..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_settings.responsive.scss +++ /dev/null @@ -1,32 +0,0 @@ -$wgc-breakpoints: ( - "" "screen and (min-width: 0em)", - "palm-" "screen and (max-width: 44.9375em)", - "lap-" "screen and (min-width: 45em) and (max-width: 63.9375em)", - "lap-and-up-" "screen and (min-width: 45em)", - "portable-" "screen and (max-width: 63.9375em)", - "desk-" "screen and (min-width: 64em)", - "retina-" "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)" -) !default; - -$wgc-widths-columns-responsive: ( - 1 'one' 'whole' 'wholes', - 2 'two' 'half' 'halves', - 3 'three' 'third' 'thirds', - 4 'four' 'quarter' 'quarters', - 5 'five' 'fifth' 'fifths', - 6 'six' 'sixth' 'sixths', - 7 'seven' 'seventh' 'sevenths', - 8 'eight' 'eighth' 'eighths', - 9 'nine' 'ninth' 'ninths', - 10 'ten' 'tenth' 'tenths', - 11 'eleven' 'eleventh' 'elevenths', - 12 'twelve' 'twelfth' 'twelfths', - 13 'thirteen' 'thirteenth' 'thirteenths', - 14 'fourteen' 'fourteenth' 'fourteenths', - 15 'fifteen' 'fifteenth' 'fifteenths', - 16 'sixteen' 'sixteenth' 'sixteenths', - 17 'seventeen' 'seventeenth' 'seventeenths', - 18 'eighteen' 'eighteenth' 'eighteenths', - 19 'nineteen' 'nineteenth' 'nineteenths', - 20 'twenty' 'twentieth' 'twentieths' -) !default; diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_tools.functions.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_tools.functions.scss deleted file mode 100644 index 6e92dcf..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_tools.functions.scss +++ /dev/null @@ -1,21 +0,0 @@ -@function numerator-to-word($index, $numerator) { - @each $row in $index { - @if (nth($row, 1) == $numerator) { - @return nth($row, 2); - } - } -} - -@function denominator-to-word($index, $numerator, $denominator) { - @each $row in $index { - @if nth($row, 1) == $denominator { - @if ($numerator == 1) { - @return nth($row, 3); - - } @else { - - @return nth($row, 4); - } - } - } -} diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_tools.mixins.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_tools.mixins.scss deleted file mode 100644 index a028029..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_tools.mixins.scss +++ /dev/null @@ -1,73 +0,0 @@ -@mixin wgc-media-query($mq) { - $breakpoint-found: false; - - @each $wgc-breakpoint in $wgc-breakpoints { - $alias: nth($wgc-breakpoint, 1); - $condition: nth($wgc-breakpoint, 2); - - @if $mq == $alias and $condition { - $breakpoint-found: true; - @media #{$condition} { - @content; - } - } - } - - @if $breakpoint-found == false{ - @warn "Oops! Breakpoint ‘#{$mq}’ does not exist." - } -} - -@mixin layout-with-gutter($modifier, $modifier-value, $wgc-breakpoint) { - .#{$inuit-layout-namespace}#{$wgc-breakpoint}layout#{$modifier}, - %#{$inuit-layout-namespace}#{$wgc-breakpoint}layout#{$modifier} { - list-style: none; - margin: 0; - margin-left: 0; - padding: 0; - - - > .#{$inuit-layout-namespace}#{$wgc-breakpoint}layout__item, - > %#{$inuit-layout-namespace}#{$wgc-breakpoint}layout__item { - display: inline-block; - padding-left: 0; - padding-right: $modifier-value; - - vertical-align: top; - width: 100%; - - @if $inuit-global-border-box == false { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - } - - > .#{$inuit-layout-namespace}#{$wgc-breakpoint}layout__item--center, - > %#{$inuit-layout-namespace}#{$wgc-breakpoint}layout__item--center { - padding-left: $modifier-value / 2; - padding-right: $modifier-value / 2; - text-align: center; - } - } -} - -@mixin wgc-widths($inuit-widths-denominator, $wgc-breakpoint: null) { - @if ($inuit-widths-denominator == 1) { - .#{$inuit-widths-namespace}#{$wgc-breakpoint}one-whole { - width: 100%; - } - - } @else { - - @for $inuit-widths-numerator from 1 to $inuit-widths-denominator { - .#{$inuit-widths-namespace}#{$wgc-breakpoint}#{numerator-to-word($wgc-widths-columns-responsive, $inuit-widths-numerator)}-#{denominator-to-word($wgc-widths-columns-responsive, $inuit-widths-numerator, $inuit-widths-denominator)} { - width: ($inuit-widths-numerator / $inuit-widths-denominator) * 100% !important; - } - - .#{$inuit-widths-namespace}#{$wgc-breakpoint}offset-#{numerator-to-word($wgc-widths-columns-responsive, $inuit-widths-numerator)}-#{denominator-to-word($wgc-widths-columns-responsive, $inuit-widths-numerator, $inuit-widths-denominator)} { - margin-left: ($inuit-widths-numerator / $inuit-widths-denominator) * 100% !important; - } - } - } -} diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing-responsive.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing-responsive.scss deleted file mode 100644 index c6ab9ec..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing-responsive.scss +++ /dev/null @@ -1,103 +0,0 @@ -@if ($inuit-enable-responsive-margins--negative == true) { - - /** - * Negative margins. - */ - - @include inuit-generate-spacing() { - - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-m { margin: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mt { margin-top: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mr { margin-right: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mb { margin-bottom: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-ml { margin-left: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mh { margin-right: -$inuit-margin !important; margin-left: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mv { margin-top: -$inuit-margin !important; margin-bottom: -$inuit-margin !important; } - - } - -} - - -@if ($inuit-enable-responsive-margins--negative-tiny == true) { - - /** - * Tiny negative margins. - */ - - @include inuit-generate-spacing() { - - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-m-- { margin: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mt-- { margin-top: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mr-- { margin-right: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mb-- { margin-bottom: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-ml-- { margin-left: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mh-- { margin-right: -$inuit-margin--tiny !important; margin-left: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mv-- { margin-top: -$inuit-margin--tiny !important; margin-bottom: -$inuit-margin--tiny !important; } - - } - -} - - -@if ($inuit-enable-responsive-margins--negative-small == true) { - - /** - * Small negative margins. - */ - - @include inuit-generate-spacing() { - - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-m- { margin: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mt- { margin-top: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mr- { margin-right: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mb- { margin-bottom: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-ml- { margin-left: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mh- { margin-right: -$inuit-margin--small !important; margin-left: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mv- { margin-top: -$inuit-margin--small !important; margin-bottom: -$inuit-margin--small !important; } - - } - -} - - -@if ($inuit-enable-responsive-margins--negative-large == true) { - - /** - * Large negative margins. - */ - - @include inuit-generate-spacing() { - - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-m\+ { margin: double(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mt\+ { margin-top: double(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mr\+ { margin-right: double(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mb\+ { margin-bottom: double(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-ml\+ { margin-left: double(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mh\+ { margin-right: double(-$inuit-margin) !important; margin-left: double(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mv\+ { margin-top: double(-$inuit-margin) !important; margin-bottom: double(-$inuit-margin) !important; } - - } - -} - - -@if ($inuit-enable-responsive-margins--negative-huge == true) { - - /** - * Huge negative margins. - */ - - @include inuit-generate-spacing() { - - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-m\+\+ { margin: quadruple(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mt\+\+ { margin-top: quadruple(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mr\+\+ { margin-right: quadruple(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mb\+\+ { margin-bottom: quadruple(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-ml\+\+ { margin-left: quadruple(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mh\+\+ { margin-right: quadruple(-$inuit-margin) !important; margin-left: quadruple(-$inuit-margin) !important; } - .#{$inuit-spacing-namespace}#{$inuit-generate-spacing-alias}-neg-mv\+\+ { margin-top: quadruple(-$inuit-margin) !important; margin-bottom: quadruple(-$inuit-margin) !important; } - - } - -} diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing.scss deleted file mode 100644 index a9e023e..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.spacing.scss +++ /dev/null @@ -1,346 +0,0 @@ -/*------------------------------------*\ - #SPACING -\*------------------------------------*/ - -/** - * Margin and padding helper classes. Use these to tweak layout on a micro - * level. - * - * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none - */ - -// Predefine the variables below in order to alter and enable specific features. -$inuit-spacing-namespace: $inuit-namespace !default; - -$inuit-margin: $inuit-base-spacing-unit !default; -$inuit-margin--small: halve($inuit-margin) !default; -$inuit-margin--tiny: quarter($inuit-margin) !default; -$inuit-margin--large: double($inuit-margin) !default; -$inuit-margin--huge: quadruple($inuit-margin) !default; - -$inuit-padding: $inuit-base-spacing-unit !default; -$inuit-padding--small: halve($inuit-padding) !default; -$inuit-padding--tiny: quarter($inuit-padding) !default; -$inuit-padding--large: double($inuit-padding) !default; -$inuit-padding--huge: quadruple($inuit-padding) !default; - -$inuit-enable-margins: false !default; -$inuit-enable-margins--tiny: false !default; -$inuit-enable-margins--small: false !default; -$inuit-enable-margins--large: false !default; -$inuit-enable-margins--huge: false !default; - -$inuit-enable-margins--negative: false !default; -$inuit-enable-margins--negative-tiny: false !default; -$inuit-enable-margins--negative-small: false !default; -$inuit-enable-margins--negative-large: false !default; -$inuit-enable-margins--negative-huge: false !default; - -$inuit-enable-margins--none: false !default; - -$inuit-enable-paddings: false !default; -$inuit-enable-paddings--tiny: false !default; -$inuit-enable-paddings--small: false !default; -$inuit-enable-paddings--large: false !default; -$inuit-enable-paddings--huge: false !default; - -$inuit-enable-paddings--none: false !default; - - - - - -@if ($inuit-enable-margins == true) { - - /** - * Margin helper classes. - * - * Add margins. - */ - - .#{$inuit-spacing-namespace}m { margin: $inuit-margin !important; } - .#{$inuit-spacing-namespace}mt { margin-top: $inuit-margin !important; } - .#{$inuit-spacing-namespace}mr { margin-right: $inuit-margin !important; } - .#{$inuit-spacing-namespace}mb { margin-bottom: $inuit-margin !important; } - .#{$inuit-spacing-namespace}ml { margin-left: $inuit-margin !important; } - .#{$inuit-spacing-namespace}mh { margin-right: $inuit-margin !important; margin-left: $inuit-margin !important; } - .#{$inuit-spacing-namespace}mv { margin-top: $inuit-margin !important; margin-bottom: $inuit-margin !important; } - -} - - -@if ($inuit-enable-margins--tiny == true) { - - /** - * Add tiny margins. - */ - - .#{$inuit-spacing-namespace}m-- { margin: $inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}mt-- { margin-top: $inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}mr-- { margin-right: $inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}mb-- { margin-bottom: $inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}ml-- { margin-left: $inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}mh-- { margin-right: $inuit-margin--tiny !important; margin-left: $inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}mv-- { margin-top: $inuit-margin--tiny !important; margin-bottom: $inuit-margin--tiny !important; } - -} - - -@if ($inuit-enable-margins--small == true) { - - /** - * Add small margins. - */ - - .#{$inuit-spacing-namespace}m- { margin: $inuit-margin--small !important; } - .#{$inuit-spacing-namespace}mt- { margin-top: $inuit-margin--small !important; } - .#{$inuit-spacing-namespace}mr- { margin-right: $inuit-margin--small !important; } - .#{$inuit-spacing-namespace}mb- { margin-bottom: $inuit-margin--small !important; } - .#{$inuit-spacing-namespace}ml- { margin-left: $inuit-margin--small !important; } - .#{$inuit-spacing-namespace}mh- { margin-right: $inuit-margin--small !important; margin-left: $inuit-margin--small !important; } - .#{$inuit-spacing-namespace}mv- { margin-top: $inuit-margin--small !important; margin-bottom: $inuit-margin--small !important; } - -} - - -@if ($inuit-enable-margins--large == true) { - - /** - * Add large margins. - */ - - .#{$inuit-spacing-namespace}m\+ { margin: $inuit-margin--large !important; } - .#{$inuit-spacing-namespace}mt\+ { margin-top: $inuit-margin--large !important; } - .#{$inuit-spacing-namespace}mr\+ { margin-right: $inuit-margin--large !important; } - .#{$inuit-spacing-namespace}mb\+ { margin-bottom: $inuit-margin--large !important; } - .#{$inuit-spacing-namespace}ml\+ { margin-left: $inuit-margin--large !important; } - .#{$inuit-spacing-namespace}mh\+ { margin-right: $inuit-margin--large !important; margin-left: $inuit-margin--large !important; } - .#{$inuit-spacing-namespace}mv\+ { margin-top: $inuit-margin--large !important; margin-bottom: $inuit-margin--large !important; } - -} - - -@if ($inuit-enable-margins--huge == true) { - - /** - * Add huge margins. - */ - - .#{$inuit-spacing-namespace}m\+\+ { margin: $inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}mt\+\+ { margin-top: $inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}mr\+\+ { margin-right: $inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}mb\+\+ { margin-bottom: $inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}ml\+\+ { margin-left: $inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}mh\+\+ { margin-right: $inuit-margin--huge !important; margin-left: $inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}mv\+\+ { margin-top: $inuit-margin--huge !important; margin-bottom: $inuit-margin--huge !important; } - -} - - -@if ($inuit-enable-margins--none == true) { - - /** - * Remove margins. - */ - - .#{$inuit-spacing-namespace}m0 { margin: 0 !important; } - .#{$inuit-spacing-namespace}mt0 { margin-top: 0 !important; } - .#{$inuit-spacing-namespace}mr0 { margin-right: 0 !important; } - .#{$inuit-spacing-namespace}mb0 { margin-bottom: 0 !important; } - .#{$inuit-spacing-namespace}ml0 { margin-left: 0 !important; } - .#{$inuit-spacing-namespace}mh0 { margin-right: 0 !important; margin-left: 0 !important; } - .#{$inuit-spacing-namespace}mv0 { margin-top: 0 !important; margin-bottom: 0 !important; } - -} - - -@if ($inuit-enable-margins--negative == true) { - - /** - * Negative margins. - */ - - .#{$inuit-spacing-namespace}-neg-m { margin: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}-neg-mt { margin-top: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}-neg-mr { margin-right: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}-neg-mb { margin-bottom: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}-neg-ml { margin-left: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}-neg-mh { margin-right: -$inuit-margin !important; margin-left: -$inuit-margin !important; } - .#{$inuit-spacing-namespace}-neg-mv { margin-top: -$inuit-margin !important; margin-bottom: -$inuit-margin !important; } - -} - - -@if ($inuit-enable-margins--negative-tiny == true) { - - /** - * Tiny negative margins. - */ - - .#{$inuit-spacing-namespace}-neg-m-- { margin: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}-neg-mt-- { margin-top: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}-neg-mr-- { margin-right: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}-neg-mb-- { margin-bottom: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}-neg-ml-- { margin-left: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}-neg-mh-- { margin-right: -$inuit-margin--tiny !important; margin-left: -$inuit-margin--tiny !important; } - .#{$inuit-spacing-namespace}-neg-mv-- { margin-top: -$inuit-margin--tiny !important; margin-bottom: -$inuit-margin--huge !important; } - -} - - -@if ($inuit-enable-margins--negative-small == true) { - - /** - * Small negative margins. - */ - - .#{$inuit-spacing-namespace}-neg-m- { margin: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}-neg-mt- { margin-top: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}-neg-mr- { margin-right: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}-neg-mb- { margin-bottom: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}-neg-ml- { margin-left: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}-neg-mh- { margin-right: -$inuit-margin--small !important; margin-left: -$inuit-margin--small !important; } - .#{$inuit-spacing-namespace}-neg-mv- { margin-top: -$inuit-margin--small !important; margin-bottom: -$inuit-margin--small !important; } - -} - - -@if ($inuit-enable-margins--negative-large == true) { - - /** - * Large negative margins. - */ - - .#{$inuit-spacing-namespace}-neg-m\+ { margin: -$inuit-margin--large !important; } - .#{$inuit-spacing-namespace}-neg-mt\+ { margin-top: -$inuit-margin--large !important; } - .#{$inuit-spacing-namespace}-neg-mr\+ { margin-right: -$inuit-margin--large !important; } - .#{$inuit-spacing-namespace}-neg-mb\+ { margin-bottom: -$inuit-margin--large !important; } - .#{$inuit-spacing-namespace}-neg-ml\+ { margin-left: -$inuit-margin--large !important; } - .#{$inuit-spacing-namespace}-neg-mh\+ { margin-right: -$inuit-margin--large !important; margin-left: -$inuit-margin--large !important; } - .#{$inuit-spacing-namespace}-neg-mv\+ { margin-top: -$inuit-margin--large !important; margin-bottom: -$inuit-margin--large !important; } - -} - - -@if ($inuit-enable-margins--negative-huge == true) { - - /** - * Huge negative margins. - */ - - .#{$inuit-spacing-namespace}-neg-m\+\+ { margin: -$inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}-neg-mt\+\+ { margin-top: -$inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}-neg-mr\+\+ { margin-right: -$inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}-neg-mb\+\+ { margin-bottom: -$inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}-neg-ml\+\+ { margin-left: -$inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}-neg-mh\+\+ { margin-right: -$inuit-margin--huge !important; margin-left: -$inuit-margin--huge !important; } - .#{$inuit-spacing-namespace}-neg-mv\+\+ { margin-top: -$inuit-margin--huge !important; margin-bottom: -$inuit-margin--huge !important; } - -} - - - - - -@if ($inuit-enable-paddings == true) { - - /** - * Padding helper classes. - * - * Add paddings. - */ - - .#{$inuit-spacing-namespace}p { padding: $inuit-padding !important; } - .#{$inuit-spacing-namespace}pt { padding-top: $inuit-padding !important; } - .#{$inuit-spacing-namespace}pr { padding-right: $inuit-padding !important; } - .#{$inuit-spacing-namespace}pb { padding-bottom: $inuit-padding !important; } - .#{$inuit-spacing-namespace}pl { padding-left: $inuit-padding !important; } - .#{$inuit-spacing-namespace}ph { padding-right: $inuit-padding !important; padding-left: $inuit-padding !important; } - .#{$inuit-spacing-namespace}pv { padding-top: $inuit-padding !important; padding-bottom: $inuit-padding !important; } - -} - - -@if ($inuit-enable-paddings--tiny == true) { - - /** - * Add tiny paddings. - */ - - .#{$inuit-spacing-namespace}p-- { padding: $inuit-padding--tiny !important; } - .#{$inuit-spacing-namespace}pt-- { padding-top: $inuit-padding--tiny !important; } - .#{$inuit-spacing-namespace}pr-- { padding-right: $inuit-padding--tiny !important; } - .#{$inuit-spacing-namespace}pb-- { padding-bottom: $inuit-padding--tiny !important; } - .#{$inuit-spacing-namespace}pl-- { padding-left: $inuit-padding--tiny !important; } - .#{$inuit-spacing-namespace}ph-- { padding-right: $inuit-padding--tiny !important; padding-left: $inuit-padding--tiny !important; } - .#{$inuit-spacing-namespace}pv-- { padding-top: $inuit-padding--tiny !important; padding-bottom: $inuit-padding--tiny !important; } - -} - - -@if ($inuit-enable-paddings--small == true) { - - /** - * Add small paddings. - */ - - .#{$inuit-spacing-namespace}p- { padding: $inuit-padding--small !important; } - .#{$inuit-spacing-namespace}pt- { padding-top: $inuit-padding--small !important; } - .#{$inuit-spacing-namespace}pr- { padding-right: $inuit-padding--small !important; } - .#{$inuit-spacing-namespace}pb- { padding-bottom: $inuit-padding--small !important; } - .#{$inuit-spacing-namespace}pl- { padding-left: $inuit-padding--small !important; } - .#{$inuit-spacing-namespace}ph- { padding-right: $inuit-padding--small !important; padding-left: $inuit-padding--small !important; } - .#{$inuit-spacing-namespace}pv- { padding-top: $inuit-padding--small !important; padding-bottom: $inuit-padding--small !important; } - -} - - -@if ($inuit-enable-paddings--large == true) { - - /** - * Add large paddings. - */ - - .#{$inuit-spacing-namespace}p\+ { padding: $inuit-padding--large !important; } - .#{$inuit-spacing-namespace}pt\+ { padding-top: $inuit-padding--large !important; } - .#{$inuit-spacing-namespace}pr\+ { padding-right: $inuit-padding--large !important; } - .#{$inuit-spacing-namespace}pb\+ { padding-bottom: $inuit-padding--large !important; } - .#{$inuit-spacing-namespace}pl\+ { padding-left: $inuit-padding--large !important; } - .#{$inuit-spacing-namespace}ph\+ { padding-right: $inuit-padding--large !important; padding-left: $inuit-padding--large !important; } - .#{$inuit-spacing-namespace}pv\+ { padding-top: $inuit-padding--large !important; padding-bottom: $inuit-padding--large !important; } - -} - - -@if ($inuit-enable-paddings--huge == true) { - - /** - * Add huge paddings. - */ - - .#{$inuit-spacing-namespace}p\+\+ { padding: $inuit-padding--huge !important; } - .#{$inuit-spacing-namespace}pt\+\+ { padding-top: $inuit-padding--huge !important; } - .#{$inuit-spacing-namespace}pr\+\+ { padding-right: $inuit-padding--huge !important; } - .#{$inuit-spacing-namespace}pb\+\+ { padding-bottom: $inuit-padding--huge !important; } - .#{$inuit-spacing-namespace}pl\+\+ { padding-left: $inuit-padding--huge !important; } - .#{$inuit-spacing-namespace}ph\+\+ { padding-right: $inuit-padding--huge !important; padding-left: $inuit-padding--huge !important; } - .#{$inuit-spacing-namespace}pv\+\+ { padding-top: $inuit-padding--huge !important; padding-bottom: $inuit-padding--huge !important; } - -} - - -@if ($inuit-enable-paddings--none == true) { - - /** - * Remove paddings. - */ - - .#{$inuit-spacing-namespace}p0 { padding: 0 !important; } - .#{$inuit-spacing-namespace}pt0 { padding-top: 0 !important; } - .#{$inuit-spacing-namespace}pr0 { padding-right: 0 !important; } - .#{$inuit-spacing-namespace}pb0 { padding-bottom: 0 !important; } - .#{$inuit-spacing-namespace}pl0 { padding-left: 0 !important; } - .#{$inuit-spacing-namespace}ph0 { padding-right: 0 !important; padding-left: 0 !important; } - .#{$inuit-spacing-namespace}pv0 { padding-top: 0 !important; padding-bottom: 0 !important; } - -} diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.widths-responsive.scss b/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.widths-responsive.scss deleted file mode 100644 index 8226489..0000000 --- a/vendor/assets/stylesheets/wgc/inuit-overrides/_trumps.widths-responsive.scss +++ /dev/null @@ -1,9 +0,0 @@ -@each $wgc-breakpoint in $wgc-breakpoints { - $alias: nth($wgc-breakpoint, 1); - - @include wgc-media-query($alias) { - @each $inuit-widths-column in $wgc-widths-columns-responsive { - @include wgc-widths(nth($inuit-widths-column, 1), $alias); - } - } -} diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss new file mode 100644 index 0000000..3065a47 --- /dev/null +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss @@ -0,0 +1,219 @@ +@mixin wgc-generate-spacing() { + @each $wgc-breakpoint in $wgc-breakpoints { + + $wgc-generate-spacing-alias: nth($wgc-breakpoint, 1) !global; + $wgc-generate-spacing-condition: nth($wgc-breakpoint, 2); + + @if ($wgc-generate-spacing-alias != "retina") { + @include wgc-media-query($wgc-generate-spacing-alias) { + @content; + } + } + + $wgc-generate-spacing-alias: null !global; + } +} + +@if ($wgc-enable-margins--one-quarter-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--one-quarter-bsu { margin: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--one-quarter-bsu { margin-top: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--one-quarter-bsu { margin-right: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--one-quarter-bsu { margin-bottom: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--one-quarter-bsu { margin-left: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--one-quarter-bsu { margin-right: quarter($wgc-bsu) !important; margin-left: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--one-quarter-bsu { margin-top: quarter($wgc-bsu) !important; margin-bottom: quarter($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-margins--one-half-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--one-half-bsu { margin: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--one-half-bsu { margin-top: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--one-half-bsu { margin-right: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--one-half-bsu { margin-bottom: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--one-half-bsu { margin-left: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--one-half-bsu { margin-right: halve($wgc-bsu) !important; margin-left: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--one-half-bsu { margin-top: halve($wgc-bsu) !important; margin-bottom: halve($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-margins--one-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--one-bsu { margin: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--one-bsu { margin-top: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--one-bsu { margin-right: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--one-bsu { margin-bottom: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--one-bsu { margin-left: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--one-bsu { margin-right: $wgc-bsu !important; margin-left: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--one-bsu { margin-top: $wgc-bsu !important; margin-bottom: $wgc-bsu !important; } + } +} + +@if ($wgc-enable-margins--two-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--two-bsu { margin: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--two-bsu { margin-top: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--two-bsu { margin-right: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--two-bsu { margin-bottom: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--two-bsu { margin-left: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--two-bsu { margin-right: double($wgc-bsu) !important; margin-left: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--two-bsu { margin-top: double($wgc-bsu) !important; margin-bottom: double($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-margins--four-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--four-bsu { margin: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--four-bsu { margin-top: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--four-bsu { margin-right: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--four-bsu { margin-bottom: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--four-bsu { margin-left: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--four-bsu { margin-right: quadruple($wgc-bsu) !important; margin-left: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--four-bsu { margin-top: quadruple($wgc-bsu) !important; margin-bottom: quadruple($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-margins--none == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--none { margin: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--none { margin-top: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--none { margin-right: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--none { margin-bottom: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--none { margin-left: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--none { margin-right: 0 !important; margin-left: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--none { margin-top: 0 !important; margin-bottom: 0 !important; } + } +} + +@if ($wgc-enable-negative-margins--one-quarter-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--one-quarter-bsu { margin: quarter(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--one-quarter-bsu { margin-top: quarter(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--one-quarter-bsu { margin-right: quarter(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--one-quarter-bsu { margin-bottom: quarter(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--one-quarter-bsu { margin-left: quarter(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--one-quarter-bsu { margin-right: quarter(-$wgc-bsu) !important; margin-left: quarter(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--one-quarter-bsu { margin-top: quarter(-$wgc-bsu) !important; margin-bottom: quarter(-$wgc-bsu) !important; } + } +} + +@if ($wgc-enable-negative-margins--one-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--one-bsu { margin: -$wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--one-bsu { margin-top: -$wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--one-bsu { margin-right: -$wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--one-bsu { margin-bottom: -$wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--one-bsu { margin-left: -$wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--one-bsu { margin-right: -$wgc-bsu !important; margin-left: -$wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--one-bsu { margin-top: -$wgc-bsu !important; margin-bottom: -$wgc-bsu !important; } + } +} + +@if ($wgc-enable-negative-margins--one-half-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--one-half-bsu { margin: halve(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--one-half-bsu { margin-top: halve(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--one-half-bsu { margin-right: halve(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--one-half-bsu { margin-bottom: halve(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--one-half-bsu { margin-left: halve(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--one-half-bsu { margin-right: halve(-$wgc-bsu) !important; margin-left: halve(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--one-half-bsu { margin-top: halve(-$wgc-bsu) !important; margin-bottom: halve(-$wgc-bsu) !important; } + } +} + +@if ($wgc-enable-negative-margins--two-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--two-bsu { margin: double(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--two-bsu { margin-top: double(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--two-bsu { margin-right: double(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--two-bsu { margin-bottom: double(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--two-bsu { margin-left: double(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--two-bsu { margin-right: double(-$wgc-bsu) !important; margin-left: double(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--two-bsu { margin-top: double(-$wgc-bsu) !important; margin-bottom: double(-$wgc-bsu) !important; } + } +} + +@if ($wgc-enable-negative-margins--four-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--four-bsu { margin: quadruple(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--four-bsu { margin-top: quadruple(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--four-bsu { margin-right: quadruple(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--four-bsu { margin-bottom: quadruple(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--four-bsu { margin-left: quadruple(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--four-bsu { margin-right: quadruple(-$wgc-bsu) !important; margin-left: quadruple(-$wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--four-bsu { margin-top: quadruple(-$wgc-bsu) !important; margin-bottom: quadruple(-$wgc-bsu) !important; } + } +} + +@if ($wgc-enable-paddings--one-quarter-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--one-quarter-bsu { padding: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--one-quarter-bsu { padding-top: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--one-quarter-bsu { padding-right: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--one-quarter-bsu { padding-bottom: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--one-quarter-bsu { padding-left: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--one-quarter-bsu { padding-right: quarter($wgc-bsu) !important; padding-left: quarter($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--one-quarter-bsu { padding-top: quarter($wgc-bsu) !important; padding-bottom: quarter($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-paddings--one-half-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--one-half-bsu { padding: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--one-half-bsu { padding-top: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--one-half-bsu { padding-right: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--one-half-bsu { padding-bottom: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--one-half-bsu { padding-left: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--one-half-bsu { padding-right: halve($wgc-bsu) !important; padding-left: halve($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--one-half-bsu { padding-top: halve($wgc-bsu) !important; padding-bottom: halve($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-paddings--one-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--one-bsu { padding: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--one-bsu { padding-top: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--one-bsu { padding-right: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--one-bsu { padding-bottom: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--one-bsu { padding-left: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--one-bsu { padding-right: $wgc-bsu !important; padding-left: $wgc-bsu !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--one-bsu { padding-top: $wgc-bsu !important; padding-bottom: $wgc-bsu !important; } + } +} + +@if ($wgc-enable-paddings--two-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--two-bsu { padding: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--two-bsu { padding-top: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--two-bsu { padding-right: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--two-bsu { padding-bottom: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--two-bsu { padding-left: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--two-bsu { padding-right: double($wgc-bsu) !important; padding-left: double($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--two-bsu { padding-top: double($wgc-bsu) !important; padding-bottom: double($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-paddings--four-bsu == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--four-bsu { padding: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--four-bsu { padding-top: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--four-bsu { padding-right: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--four-bsu { padding-bottom: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--four-bsu { padding-left: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--four-bsu { padding-right: quadruple($wgc-bsu) !important; padding-left: quadruple($wgc-bsu) !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--four-bsu { padding-top: quadruple($wgc-bsu) !important; padding-bottom: quadruple($wgc-bsu) !important; } + } +} + +@if ($wgc-enable-paddings--none == true) { + @include wgc-generate-spacing() { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--none { padding: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--none { padding-top: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--none { padding-right: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--none { padding-bottom: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--none { padding-left: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--none { padding-right: 0 !important; padding-left: 0 !important; } + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--none { padding-top: 0 !important; padding-bottom: 0 !important; } + } +} diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss new file mode 100644 index 0000000..0cea42e --- /dev/null +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss @@ -0,0 +1,29 @@ +$wgc-breakpoints: ( + "" "screen and (min-width: 0em)", + "palm-" "screen and (max-width: 44.9375em)", + "lap-" "screen and (min-width: 45em) and (max-width: 63.9375em)", + "lap-and-up-" "screen and (min-width: 45em)", + "portable-" "screen and (max-width: 63.9375em)", + "desk-" "screen and (min-width: 64em)", + "retina-" "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)" +) !default; + +@mixin wgc-media-query($mq) { + $breakpoint-found: false; + + @each $wgc-breakpoint in $wgc-breakpoints { + $alias: nth($wgc-breakpoint, 1); + $condition: nth($wgc-breakpoint, 2); + + @if $mq == $alias and $condition { + $breakpoint-found: true; + @media #{$condition} { + @content; + } + } + } + + @if $breakpoint-found == false{ + @warn "Oops! Breakpoint ‘#{$mq}’ does not exist." + } +} diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss new file mode 100644 index 0000000..aedf8ba --- /dev/null +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss @@ -0,0 +1,74 @@ +$wgc-columns: ( + 1 'one' 'whole' 'wholes', + 2 'two' 'half' 'halves', + 3 'three' 'third' 'thirds', + 4 'four' 'quarter' 'quarters', + 5 'five' 'fifth' 'fifths', + 6 'six' 'sixth' 'sixths', + 7 'seven' 'seventh' 'sevenths', + 8 'eight' 'eighth' 'eighths', + 9 'nine' 'ninth' 'ninths', + 10 'ten' 'tenth' 'tenths', + 11 'eleven' 'eleventh' 'elevenths', + 12 'twelve' 'twelfth' 'twelfths', + 13 'thirteen' 'thirteenth' 'thirteenths', + 14 'fourteen' 'fourteenth' 'fourteenths', + 15 'fifteen' 'fifteenth' 'fifteenths', + 16 'sixteen' 'sixteenth' 'sixteenths', + 17 'seventeen' 'seventeenth' 'seventeenths', + 18 'eighteen' 'eighteenth' 'eighteenths', + 19 'nineteen' 'nineteenth' 'nineteenths', + 20 'twenty' 'twentieth' 'twentieths' +) !default; + +@function numerator-to-word($index, $numerator) { + @each $row in $index { + @if (nth($row, 1) == $numerator) { + @return nth($row, 2); + } + } +} + +@function denominator-to-word($index, $numerator, $denominator) { + @each $row in $index { + @if nth($row, 1) == $denominator { + @if ($numerator == 1) { + @return nth($row, 3); + + } @else { + + @return nth($row, 4); + } + } + } +} + +@mixin wgc-widths($wgc-widths-denominator, $wgc-breakpoint: null) { + @if ($wgc-widths-denominator == 1) { + .#{$wgc-namespace}__#{$wgc-breakpoint}column-width--one-whole { + width: 100%; + } + + } @else { + + @for $wgc-widths-numerator from 1 to $wgc-widths-denominator { + .#{$wgc-namespace}__#{$wgc-breakpoint}column-width--#{numerator-to-word($wgc-columns, $wgc-widths-numerator)}-#{denominator-to-word($wgc-columns, $wgc-widths-numerator, $wgc-widths-denominator)} { + width: ($wgc-widths-numerator / $wgc-widths-denominator) * 100% !important; + } + + .#{$wgc-namespace}__#{$wgc-breakpoint}column-offset--#{numerator-to-word($wgc-columns, $wgc-widths-numerator)}-#{denominator-to-word($wgc-columns, $wgc-widths-numerator, $wgc-widths-denominator)} { + margin-left: ($wgc-widths-numerator / $wgc-widths-denominator) * 100% !important; + } + } + } +} + +@each $wgc-breakpoint in $wgc-breakpoints { + $alias: nth($wgc-breakpoint, 1); + + @include wgc-media-query($alias) { + @each $wgc-widths-column in $wgc-columns { + @include wgc-widths(nth($wgc-widths-column, 1), $alias); + } + } +} diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss new file mode 100644 index 0000000..14dab1b --- /dev/null +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss @@ -0,0 +1,64 @@ +$wgc-layout-sizes: ( + $wgc-enable-layout--flush "--flush" 0, + $wgc-enable-layout--gutter-one-quarter-bsu "--gutter-one-quarter-bsu" quarter($wgc-bsu), + $wgc-enable-layout--gutter-one-half-bsu "--gutter-one-half-bsu" halve($wgc-bsu), + $wgc-enable-layout--gutter-one-bsu "--gutter-one-bsu" $wgc-bsu, + $wgc-enable-layout--gutter-two-bsu "--gutter-two-bsu" double($wgc-bsu), + $wgc-enable-layout--gutter-four-bsu "--gutter-four-bsu" quadruple($wgc-bsu) +) !default; + +@mixin wgc-layout-group($modifier, $modifier-value, $wgc-breakpoint) { + .#{$wgc-namespace}__#{$wgc-breakpoint}layout-group#{$modifier}, + %#{$wgc-namespace}__#{$wgc-breakpoint}layout-group#{$modifier} { + list-style: none; + margin: 0; + padding: 0; + + > .#{$wgc-namespace}__#{$wgc-breakpoint}layout__item, + > %#{$wgc-namespace}__#{$wgc-breakpoint}layout__item { + display: inline-block; + padding-left: 0; + padding-right: $modifier-value; + + vertical-align: top; + width: 100%; + + @if $inuit-global-border-box == false { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + } + + > .#{$wgc-namespace}__#{$wgc-breakpoint}layout__item--center, + > %#{$wgc-namespace}__#{$wgc-breakpoint}layout__item--center { + padding-left: $modifier-value / 2; + padding-right: $modifier-value / 2; + } + } +} + +@each $wgc-breakpoint in $wgc-breakpoints { + $alias: nth($wgc-breakpoint, 1); + + @include wgc-media-query($alias) { + @each $wgc-layout-size in $wgc-layout-sizes { + $enabler: nth($wgc-layout-size, 1); + + @if ($enabler == true) { + + $modifier: nth($wgc-layout-size, 2); + $modifier-value: nth($wgc-layout-size, 3); + + @include wgc-layout-group($modifier, $modifier-value, $alias) + } + } + + @if ($wgc-enable-layout--center == true) { + .#{$wgc-namespace}__#{$alias}layout--center, + %#{$wgc-namespace}__#{$alias}layout--center { + margin: 0 auto; + } + } + } +} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss new file mode 100644 index 0000000..314a919 --- /dev/null +++ b/vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss @@ -0,0 +1,55 @@ +.#{$wgc-namespace}__border-radius { + border-radius: $wgc-border-radius; +} + +.#{$wgc-namespace}__border-radius--top-right { + border-top-right-radius: $wgc-border-radius; +} + +.#{$wgc-namespace}__border-radius--bottom-right { + border-bottom-right-radius: $wgc-border-radius; +} + +.#{$wgc-namespace}__border-radius--top-left { + border-top-left-radius: $wgc-border-radius; +} + +.#{$wgc-namespace}__border-radius--bottom-left { + border-bottom-left-radius: $wgc-border-radius; +} + +.#{$wgc-namespace}__border-width--thin { + border-width: thin; +} + +.#{$wgc-namespace}__border-width--medium { + border-width: medium; +} + +.#{$wgc-namespace}__border-width--thick { + border-width: thick; +} + +.#{$wgc-namespace}__border-style--none { + border-style: none; +} + +.#{$wgc-namespace}__border-style--solid { + border-style: solid; +} + +.#{$wgc-namespace}__border-top-style--solid { + border-top-style: solid; +} + +.#{$wgc-namespace}__border-right-style--solid { + border-right-style: solid; +} + +.#{$wgc-namespace}__border-left-style--solid { + border-left-style: solid; +} + +.#{$wgc-namespace}__border-bottom-style--solid { + border-bottom-style: solid; +} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss new file mode 100644 index 0000000..9a9dc9d --- /dev/null +++ b/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss @@ -0,0 +1,58 @@ +$pallete: ( + aqua: #0B57A4, + baby-blue: #B8D0E8, + black: #000000, + blue: #2A82D7, + blue-green: #148AA5, + blue-violet: #3714A4, + brown: #964B00, + crimson: #A50516, + deep-pink: #FB3C8F, + fuschia: #A51497, + gray: #686868, + green: #3AA03A, + hot-pink: #FF0080, + lemon: #FEE233, + light-blue: #8BBDEB, + light-red: #FC6A6C, + lime: #C1FD33, + lime-green: #2BFD2F, + magenta: #FC1CAD, + midnight-blue: #000066, + olive: #2B4726, + orange: #FD7222, + orange-red: #FC331C, + orange-yellow: #FFCC00, + peach: #FFE5B4, + pink: #FC5AB8, + purple: #AF31F2, + red: #FC0D1B, + red-orange: #D7462C, + salmon: #F69E94, + tan: #F2DDBF, + teal: #2B8A6D, + violet: #6B28CE, + violet-blue: #6041FA, + white: #FFFFFF, + yellow: #FEEE35, + yellow-green: #DEFD35, + yellow-orange: #FEC42E +); + +@each $name, $colour in $pallete { + .#{$wgc-namespace}__text-color--#{$name} { + color: $colour; + }; + + .#{$wgc-namespace}__background-color--#{$name} { + background-color: $colour; + }; + + .#{$wgc-namespace}__border-color--#{$name} { + border-color: $colour; + }; +}; + +.#{$wgc-namespace}__background-transparent { + background-color: transparent; +} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss new file mode 100644 index 0000000..1464fad --- /dev/null +++ b/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss @@ -0,0 +1,57 @@ +// Box Sizing +.#{$wgc-namespace}__box-sizing--border-box { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +// Float +.#{$wgc-namespace}__float--left { + float: left; +} + +.#{$wgc-namespace}__float--right { + float: right; +} + +// Clear +.#{$wgc-namespace}__clear--left { + clear: left; +} + +.#{$wgc-namespace}__clear--right { + clear: right; +} + +.#{$wgc-namespace}__clear--both { + clear: both; +} + +// Display +.#{$wgc-namespace}__display--inline-block { + display: inline-block; +} + +.#{$wgc-namespace}__display--block { + display: block; +} + +// Overflow +.#{$wgc-namespace}__overflow--hidden { + overflow: hidden; +} + +// Auto margin +.#{$wgc-namespace}__margin--auto { + margin: auto; +} + +// Vertical align + +.#{$wgc-namespace}__vertical-align--top { + vertical-align: top; +} + +.#{$wgc-namespace}__vertical-align--bottom { + vertical-align: bottom; +} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss new file mode 100644 index 0000000..e86d9a1 --- /dev/null +++ b/vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss @@ -0,0 +1,27 @@ +.#{$wgc-namespace}__text-align--center { + text-align: center; +} + +.#{$wgc-namespace}__text-align--justify { + text-align: justify; +} + +.#{$wgc-namespace}__text-align--left { + text-align: left; +} + +.#{$wgc-namespace}__text-align--right { + text-align: right; +} + +.#{$wgc-namespace}__text-transform--uppercase { + text-transform: uppercase; +} + +.#{$wgc-namespace}__text-decoration--none { + text-decoration: none; +} + +.#{$wgc-namespace}__font-weight--bold { + font-weight: bold; +} From a4d00083eb86debf656ecb97070bf77f5f008588 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Mon, 21 Mar 2016 18:52:14 +0000 Subject: [PATCH 05/22] housekeeping 1. moved all inuit-* directories into new inuit/ directory 2. updated README 3. bumped version to 3.0.0 4. added example main.scss --- README.md | 70 ++++++++++--------- VERSION | 2 +- example/main.scss | 62 ++++++++++++++++ lib/inuit-rails/rails/engine.rb | 4 +- .../inuit-box-sizing/_generic.box-sizing.scss | 0 .../{ => inuit}/inuit-box/_objects.box.scss | 0 .../inuit-buttons/_objects.buttons.scss | 0 .../inuit-clearfix/_trumps.clearfix.scss | 0 .../inuit-defaults/_settings.defaults.scss | 0 .../{ => inuit}/inuit-flag/_objects.flag.scss | 0 .../inuit-functions/_tools.functions.scss | 0 .../inuit-headings/_base.headings.scss | 0 .../inuit-images/_base.images.scss | 0 .../inuit-layout/_objects.layout.scss | 0 .../inuit-list-bare/_objects.list-bare.scss | 0 .../inuit-list-block/_objects.list-block.scss | 0 .../_objects.list-inline.scss | 0 .../inuit-list-ui/_objects.list-ui.scss | 0 .../{ => inuit}/inuit-lists/_base.lists.scss | 0 .../inuit-media/_objects.media.scss | 0 .../inuit-mixins/_tools.mixins.scss | 0 .../inuit-normalize/_generic.normalize.scss | 0 .../{ => inuit}/inuit-page/_base.page.scss | 0 .../inuit-paragraphs/_base.paragraphs.scss | 0 .../inuit-print/_trumps.print.scss | 0 .../_settings.responsive.scss | 0 .../_tools.responsive.scss | 0 .../_trumps.spacing-responsive.scss | 0 .../inuit-spacing/_trumps.spacing.scss | 0 .../inuit-tables/_objects.tables.scss | 0 .../{ => inuit}/inuit-tabs/_objects.tabs.scss | 0 .../inuit-tools-widths/_tools.widths.scss | 0 .../_trumps.widths-responsive.scss | 0 .../inuit-widths/_trumps.widths.scss | 0 .../assets/stylesheets/wgc/_wgc_config.scss | 2 + .../modified_inuit_css/_layout_groups.scss | 2 +- .../stylesheets/wgc/wgc_add_ons/_colors.scss | 4 +- 37 files changed, 107 insertions(+), 39 deletions(-) create mode 100644 example/main.scss rename vendor/assets/stylesheets/{ => inuit}/inuit-box-sizing/_generic.box-sizing.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-box/_objects.box.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-buttons/_objects.buttons.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-clearfix/_trumps.clearfix.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-defaults/_settings.defaults.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-flag/_objects.flag.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-functions/_tools.functions.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-headings/_base.headings.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-images/_base.images.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-layout/_objects.layout.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-list-bare/_objects.list-bare.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-list-block/_objects.list-block.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-list-inline/_objects.list-inline.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-list-ui/_objects.list-ui.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-lists/_base.lists.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-media/_objects.media.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-mixins/_tools.mixins.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-normalize/_generic.normalize.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-page/_base.page.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-paragraphs/_base.paragraphs.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-print/_trumps.print.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-responsive-settings/_settings.responsive.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-responsive-tools/_tools.responsive.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-spacing-responsive/_trumps.spacing-responsive.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-spacing/_trumps.spacing.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-tables/_objects.tables.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-tabs/_objects.tabs.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-tools-widths/_tools.widths.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-widths-responsive/_trumps.widths-responsive.scss (100%) rename vendor/assets/stylesheets/{ => inuit}/inuit-widths/_trumps.widths.scss (100%) diff --git a/README.md b/README.md index fc977f8..00e93b8 100644 --- a/README.md +++ b/README.md @@ -1,49 +1,32 @@ inuit-rails =========== -An attempt to get inuit css framework to play nicely with rails. - -It is strategy #2 in this useful blog post: http://www.codefellows.org/blog/five-ways-to-manage-front-end-assets-in-rails - -Of all the options, I wanted to have a way of keeping control over how and when I update the framework, whilst keeping bower out of my main rails app. This is the compromise that I came up with. +Compiling inuitcss with Rails Sprockets + some extra great stuff! Using inuit-rails ------------------ - -This repo combines all of the repos on the inuit github page https://github.com/inuitcss. A few particular files selected from the older -- csswizardry url -- which are not yet covered in the -- inuit css version -- are to be found in `lib/vendor/assets/stylesheets/wgc/csswizardy`. +------------------ -`lib/vendor/assets/stylesheets/wgc/modified_inuit_behaviour` +For an example of this framework being used in anger take a look at our +[demo page](https://wegotcoders-inuit-rails-demo.herokuapp.com/). -`lib/vendor/assets/stylesheets/wgc/additional_behaviour` +The corresponding set-up is located in `examples/main.scss` -You can opt to bring in whichever modules you want, the philosophy behind this is that you import the least css necessary for the job. +Configuration +-------------- -On the Rails side therefore, create a sass/scss file somewhere in your app/assets/stylesheets folder, which does the importing of just the modules you need. But sure that you import the modules in the correct order -- insert correct order here --. For example +The 'vanilla inuit' modules within `vendor/app/stylesheets/inuit/` must be imported in the following order -Rules of thumb --------------- +1. Settings +2. Tools +3. Generic +4. Base +5. Objects +6. Components +7. Trumps -## TODOS: -## guarantee code -## artists please improve the pallette -## or > hack! -## $wgc-layout-namespace -## $wgc-widths-namespace -## $inuit-global-border-box -## open source the demo page carousel -## example config with manifest file -## 'goes-like' rules: including colours -## american spelling conventions for universality -## facility to generate extra breakpoints from manifest file :) -- and append to lists generally -## for an example of this being used in anger head over to demo page -## #{property}--#{value} -## responsive colors -## configuring size of border-radii -## responsive wgc add ons - -Take advantage of the box-sizing property +E.G. -``` +```scss @import "inuit-defaults/settings.defaults"; @import "inuit-functions/tools.functions"; @@ -58,6 +41,25 @@ Take advantage of the box-sizing property // Objects would go next... ``` +About +----- + +This gem combines all of the repos on the new inuitcss github page +[https://github.com/inuitcss]. + +A few of the files here have been included from the older inuitcss repo at +[https://github.com/csswizardry/inuit.css/] since they are not yet covered by the +newest version. These are located in `/wgc/csswizardy`. + +Some custom inuit-esque files are located in `wgc/modified_inuit_behaviour`. +The syntax here has been adapted for improved 'guessability'. In addition each +class has been coupled to all of the breakpoints. + +Some extra helper files, including a color palette, are located in +`wgc/additional_behaviour`. These can be useful +for customising elements beyond the basic macros of the inuitcss +classes. + Contributing to inuit-rails --------------------------- diff --git a/VERSION b/VERSION index 0ea3a94..4a36342 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -0.2.0 +3.0.0 diff --git a/example/main.scss b/example/main.scss new file mode 100644 index 0000000..6601b20 --- /dev/null +++ b/example/main.scss @@ -0,0 +1,62 @@ +/* Set variables */ +$inuit-enable-btn--small: true; +$inuit-enable-btn--large: true; +$inuit-enable-btn--full: true; +$inuit-enable-btn--pill: true; + +$wgc-global-border-box: true; + +$wgc-enable-layout--flush: true; +$wgc-enable-layout--gutter-one-quarter-bsu: true; +$wgc-enable-layout--gutter-one-half-bsu: true; +$wgc-enable-layout--gutter-one-bsu: true; +$wgc-enable-layout--gutter-two-bsu: true; +$wgc-enable-layout--gutter-four-bsu: true; +$wgc-enable-layout--center: true; + +$wgc-enable-paddings--one-quarter-bsu: true; +$wgc-enable-paddings--one-half-bsu: true; +$wgc-enable-paddings--one-bsu: true; +$wgc-enable-paddings--two-bsu: true; +$wgc-enable-paddings--four-bsu: true; +$wgc-enable-paddings--none: true; + +$wgc-enable-margins--one-quarter-bsu: true; +$wgc-enable-margins--one-half-bsu: true; +$wgc-enable-margins--one-bsu: true; +$wgc-enable-margins--two-bsu: true; +$wgc-enable-margins--four-bsu: true; +$wgc-enable-margins--none: true; +$wgc-enable-negative-margins--one-quarter-bsu: true; +$wgc-enable-negative-margins--one-half-bsu: true; +$wgc-enable-negative-margins--one-bsu: true; +$wgc-enable-negative-margins--two-bsu: true; +$wgc-enable-negative-margins--four-bsu: true; + +/* Import desired files */ +@import + 'inuit/inuit-defaults/settings.defaults', + 'inuit/inuit-mixins/tools.mixins', + 'inuit/inuit-functions/tools.functions', + 'inuit/inuit-normalize/generic.normalize', + 'inuit/inuit-box-sizing/generic.box-sizing', + 'inuit/inuit-list-inline/objects.list-inline', + 'inuit/inuit-buttons/objects.buttons', + 'inuit/inuit-clearfix/trumps.clearfix', + + 'wgc/wgc_config', + + 'wgc/css_wizardy/generic.shared', + 'wgc/css_wizardy/base.forms', + 'wgc/css_wizardy/objects.flyout', + + 'wgc/modified_inuit_css/breakpoints', + 'wgc/modified_inuit_css/layout_groups', + 'wgc/modified_inuit_css/columns', + 'wgc/modified_inuit_css/box_model', + + 'wgc/wgc_add_ons/layout_helpers', + 'wgc/wgc_add_ons/borders', + 'wgc/wgc_add_ons/colors', + 'wgc/wgc_add_ons/typography' +; diff --git a/lib/inuit-rails/rails/engine.rb b/lib/inuit-rails/rails/engine.rb index 8daae4a..c2a42f0 100644 --- a/lib/inuit-rails/rails/engine.rb +++ b/lib/inuit-rails/rails/engine.rb @@ -3,4 +3,6 @@ module Rails class Engine < ::Rails::Engine end end -end \ No newline at end of file + + VERSION = '3.0.0'.freeze +end diff --git a/vendor/assets/stylesheets/inuit-box-sizing/_generic.box-sizing.scss b/vendor/assets/stylesheets/inuit/inuit-box-sizing/_generic.box-sizing.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-box-sizing/_generic.box-sizing.scss rename to vendor/assets/stylesheets/inuit/inuit-box-sizing/_generic.box-sizing.scss diff --git a/vendor/assets/stylesheets/inuit-box/_objects.box.scss b/vendor/assets/stylesheets/inuit/inuit-box/_objects.box.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-box/_objects.box.scss rename to vendor/assets/stylesheets/inuit/inuit-box/_objects.box.scss diff --git a/vendor/assets/stylesheets/inuit-buttons/_objects.buttons.scss b/vendor/assets/stylesheets/inuit/inuit-buttons/_objects.buttons.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-buttons/_objects.buttons.scss rename to vendor/assets/stylesheets/inuit/inuit-buttons/_objects.buttons.scss diff --git a/vendor/assets/stylesheets/inuit-clearfix/_trumps.clearfix.scss b/vendor/assets/stylesheets/inuit/inuit-clearfix/_trumps.clearfix.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-clearfix/_trumps.clearfix.scss rename to vendor/assets/stylesheets/inuit/inuit-clearfix/_trumps.clearfix.scss diff --git a/vendor/assets/stylesheets/inuit-defaults/_settings.defaults.scss b/vendor/assets/stylesheets/inuit/inuit-defaults/_settings.defaults.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-defaults/_settings.defaults.scss rename to vendor/assets/stylesheets/inuit/inuit-defaults/_settings.defaults.scss diff --git a/vendor/assets/stylesheets/inuit-flag/_objects.flag.scss b/vendor/assets/stylesheets/inuit/inuit-flag/_objects.flag.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-flag/_objects.flag.scss rename to vendor/assets/stylesheets/inuit/inuit-flag/_objects.flag.scss diff --git a/vendor/assets/stylesheets/inuit-functions/_tools.functions.scss b/vendor/assets/stylesheets/inuit/inuit-functions/_tools.functions.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-functions/_tools.functions.scss rename to vendor/assets/stylesheets/inuit/inuit-functions/_tools.functions.scss diff --git a/vendor/assets/stylesheets/inuit-headings/_base.headings.scss b/vendor/assets/stylesheets/inuit/inuit-headings/_base.headings.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-headings/_base.headings.scss rename to vendor/assets/stylesheets/inuit/inuit-headings/_base.headings.scss diff --git a/vendor/assets/stylesheets/inuit-images/_base.images.scss b/vendor/assets/stylesheets/inuit/inuit-images/_base.images.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-images/_base.images.scss rename to vendor/assets/stylesheets/inuit/inuit-images/_base.images.scss diff --git a/vendor/assets/stylesheets/inuit-layout/_objects.layout.scss b/vendor/assets/stylesheets/inuit/inuit-layout/_objects.layout.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-layout/_objects.layout.scss rename to vendor/assets/stylesheets/inuit/inuit-layout/_objects.layout.scss diff --git a/vendor/assets/stylesheets/inuit-list-bare/_objects.list-bare.scss b/vendor/assets/stylesheets/inuit/inuit-list-bare/_objects.list-bare.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-list-bare/_objects.list-bare.scss rename to vendor/assets/stylesheets/inuit/inuit-list-bare/_objects.list-bare.scss diff --git a/vendor/assets/stylesheets/inuit-list-block/_objects.list-block.scss b/vendor/assets/stylesheets/inuit/inuit-list-block/_objects.list-block.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-list-block/_objects.list-block.scss rename to vendor/assets/stylesheets/inuit/inuit-list-block/_objects.list-block.scss diff --git a/vendor/assets/stylesheets/inuit-list-inline/_objects.list-inline.scss b/vendor/assets/stylesheets/inuit/inuit-list-inline/_objects.list-inline.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-list-inline/_objects.list-inline.scss rename to vendor/assets/stylesheets/inuit/inuit-list-inline/_objects.list-inline.scss diff --git a/vendor/assets/stylesheets/inuit-list-ui/_objects.list-ui.scss b/vendor/assets/stylesheets/inuit/inuit-list-ui/_objects.list-ui.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-list-ui/_objects.list-ui.scss rename to vendor/assets/stylesheets/inuit/inuit-list-ui/_objects.list-ui.scss diff --git a/vendor/assets/stylesheets/inuit-lists/_base.lists.scss b/vendor/assets/stylesheets/inuit/inuit-lists/_base.lists.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-lists/_base.lists.scss rename to vendor/assets/stylesheets/inuit/inuit-lists/_base.lists.scss diff --git a/vendor/assets/stylesheets/inuit-media/_objects.media.scss b/vendor/assets/stylesheets/inuit/inuit-media/_objects.media.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-media/_objects.media.scss rename to vendor/assets/stylesheets/inuit/inuit-media/_objects.media.scss diff --git a/vendor/assets/stylesheets/inuit-mixins/_tools.mixins.scss b/vendor/assets/stylesheets/inuit/inuit-mixins/_tools.mixins.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-mixins/_tools.mixins.scss rename to vendor/assets/stylesheets/inuit/inuit-mixins/_tools.mixins.scss diff --git a/vendor/assets/stylesheets/inuit-normalize/_generic.normalize.scss b/vendor/assets/stylesheets/inuit/inuit-normalize/_generic.normalize.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-normalize/_generic.normalize.scss rename to vendor/assets/stylesheets/inuit/inuit-normalize/_generic.normalize.scss diff --git a/vendor/assets/stylesheets/inuit-page/_base.page.scss b/vendor/assets/stylesheets/inuit/inuit-page/_base.page.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-page/_base.page.scss rename to vendor/assets/stylesheets/inuit/inuit-page/_base.page.scss diff --git a/vendor/assets/stylesheets/inuit-paragraphs/_base.paragraphs.scss b/vendor/assets/stylesheets/inuit/inuit-paragraphs/_base.paragraphs.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-paragraphs/_base.paragraphs.scss rename to vendor/assets/stylesheets/inuit/inuit-paragraphs/_base.paragraphs.scss diff --git a/vendor/assets/stylesheets/inuit-print/_trumps.print.scss b/vendor/assets/stylesheets/inuit/inuit-print/_trumps.print.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-print/_trumps.print.scss rename to vendor/assets/stylesheets/inuit/inuit-print/_trumps.print.scss diff --git a/vendor/assets/stylesheets/inuit-responsive-settings/_settings.responsive.scss b/vendor/assets/stylesheets/inuit/inuit-responsive-settings/_settings.responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-responsive-settings/_settings.responsive.scss rename to vendor/assets/stylesheets/inuit/inuit-responsive-settings/_settings.responsive.scss diff --git a/vendor/assets/stylesheets/inuit-responsive-tools/_tools.responsive.scss b/vendor/assets/stylesheets/inuit/inuit-responsive-tools/_tools.responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-responsive-tools/_tools.responsive.scss rename to vendor/assets/stylesheets/inuit/inuit-responsive-tools/_tools.responsive.scss diff --git a/vendor/assets/stylesheets/inuit-spacing-responsive/_trumps.spacing-responsive.scss b/vendor/assets/stylesheets/inuit/inuit-spacing-responsive/_trumps.spacing-responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-spacing-responsive/_trumps.spacing-responsive.scss rename to vendor/assets/stylesheets/inuit/inuit-spacing-responsive/_trumps.spacing-responsive.scss diff --git a/vendor/assets/stylesheets/inuit-spacing/_trumps.spacing.scss b/vendor/assets/stylesheets/inuit/inuit-spacing/_trumps.spacing.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-spacing/_trumps.spacing.scss rename to vendor/assets/stylesheets/inuit/inuit-spacing/_trumps.spacing.scss diff --git a/vendor/assets/stylesheets/inuit-tables/_objects.tables.scss b/vendor/assets/stylesheets/inuit/inuit-tables/_objects.tables.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-tables/_objects.tables.scss rename to vendor/assets/stylesheets/inuit/inuit-tables/_objects.tables.scss diff --git a/vendor/assets/stylesheets/inuit-tabs/_objects.tabs.scss b/vendor/assets/stylesheets/inuit/inuit-tabs/_objects.tabs.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-tabs/_objects.tabs.scss rename to vendor/assets/stylesheets/inuit/inuit-tabs/_objects.tabs.scss diff --git a/vendor/assets/stylesheets/inuit-tools-widths/_tools.widths.scss b/vendor/assets/stylesheets/inuit/inuit-tools-widths/_tools.widths.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-tools-widths/_tools.widths.scss rename to vendor/assets/stylesheets/inuit/inuit-tools-widths/_tools.widths.scss diff --git a/vendor/assets/stylesheets/inuit-widths-responsive/_trumps.widths-responsive.scss b/vendor/assets/stylesheets/inuit/inuit-widths-responsive/_trumps.widths-responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-widths-responsive/_trumps.widths-responsive.scss rename to vendor/assets/stylesheets/inuit/inuit-widths-responsive/_trumps.widths-responsive.scss diff --git a/vendor/assets/stylesheets/inuit-widths/_trumps.widths.scss b/vendor/assets/stylesheets/inuit/inuit-widths/_trumps.widths.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-widths/_trumps.widths.scss rename to vendor/assets/stylesheets/inuit/inuit-widths/_trumps.widths.scss diff --git a/vendor/assets/stylesheets/wgc/_wgc_config.scss b/vendor/assets/stylesheets/wgc/_wgc_config.scss index 2714f75..b28626f 100644 --- a/vendor/assets/stylesheets/wgc/_wgc_config.scss +++ b/vendor/assets/stylesheets/wgc/_wgc_config.scss @@ -5,6 +5,8 @@ $wgc-namespace: "wgc" !default; $wgc-border-radius: 3px !default; +$wgc-global-border-box: false !default; + $wgc-enable-layout--flush: false !default; $wgc-enable-layout--gutter-one-quarter-bsu: false !default; $wgc-enable-layout--gutter-one-half-bsu: false !default; diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss index 14dab1b..cb83d36 100644 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss @@ -23,7 +23,7 @@ $wgc-layout-sizes: ( vertical-align: top; width: 100%; - @if $inuit-global-border-box == false { + @if $wgc-global-border-box == false { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss index 9a9dc9d..fe1617f 100644 --- a/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss +++ b/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss @@ -1,4 +1,4 @@ -$pallete: ( +$palette: ( aqua: #0B57A4, baby-blue: #B8D0E8, black: #000000, @@ -39,7 +39,7 @@ $pallete: ( yellow-orange: #FEC42E ); -@each $name, $colour in $pallete { +@each $name, $colour in $palette { .#{$wgc-namespace}__text-color--#{$name} { color: $colour; }; From 0ef0774e113a7110f85e25d8e7b8a9816f2b1e17 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Wed, 23 Mar 2016 00:12:10 +0000 Subject: [PATCH 06/22] removing uneccessary variable --- vendor/assets/stylesheets/wgc/_wgc_config.scss | 2 -- .../wgc/modified_inuit_css/_layout_groups.scss | 8 +++----- 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/vendor/assets/stylesheets/wgc/_wgc_config.scss b/vendor/assets/stylesheets/wgc/_wgc_config.scss index b28626f..2714f75 100644 --- a/vendor/assets/stylesheets/wgc/_wgc_config.scss +++ b/vendor/assets/stylesheets/wgc/_wgc_config.scss @@ -5,8 +5,6 @@ $wgc-namespace: "wgc" !default; $wgc-border-radius: 3px !default; -$wgc-global-border-box: false !default; - $wgc-enable-layout--flush: false !default; $wgc-enable-layout--gutter-one-quarter-bsu: false !default; $wgc-enable-layout--gutter-one-half-bsu: false !default; diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss index cb83d36..f7c5d71 100644 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss @@ -23,11 +23,9 @@ $wgc-layout-sizes: ( vertical-align: top; width: 100%; - @if $wgc-global-border-box == false { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } > .#{$wgc-namespace}__#{$wgc-breakpoint}layout__item--center, From 246c9e5f12dc2e3c776861aea6bbcf7f8995c57a Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Wed, 23 Mar 2016 16:37:09 +0000 Subject: [PATCH 07/22] adding vertical align: middle --- .../assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss index 1464fad..2845f15 100644 --- a/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss +++ b/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss @@ -52,6 +52,10 @@ vertical-align: top; } +.#{$wgc-namespace}__vertical-align--middle { + vertical-align: middle; +} + .#{$wgc-namespace}__vertical-align--bottom { vertical-align: bottom; } From 0a16db8c0db740978856122036a2ac9c6b9891b4 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Wed, 23 Mar 2016 16:42:47 +0000 Subject: [PATCH 08/22] don't set vertical align or width on layout__item --- .../stylesheets/wgc/modified_inuit_css/_layout_groups.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss index f7c5d71..4a03988 100644 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss @@ -20,9 +20,6 @@ $wgc-layout-sizes: ( padding-left: 0; padding-right: $modifier-value; - vertical-align: top; - width: 100%; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; From ff334de883a9f2fec63ec8bd184ef00be763d8b3 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Wed, 23 Mar 2016 23:34:32 +0000 Subject: [PATCH 09/22] adding lists file to wgc_add_ons --- vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss new file mode 100644 index 0000000..038a95f --- /dev/null +++ b/vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss @@ -0,0 +1,3 @@ +.#{$wgc-namespace}__list-style--none { + list-style: none; +} From 8a7857402c45ebbdd026c8b148231bdd5bd11175 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Wed, 23 Mar 2016 23:50:54 +0000 Subject: [PATCH 10/22] fixing indentation --- .../wgc/modified_inuit_css/_breakpoints.scss | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss index 0cea42e..c6cc175 100644 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss @@ -1,11 +1,11 @@ $wgc-breakpoints: ( - "" "screen and (min-width: 0em)", - "palm-" "screen and (max-width: 44.9375em)", - "lap-" "screen and (min-width: 45em) and (max-width: 63.9375em)", - "lap-and-up-" "screen and (min-width: 45em)", - "portable-" "screen and (max-width: 63.9375em)", - "desk-" "screen and (min-width: 64em)", - "retina-" "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)" + "" "screen and (min-width: 0em)", + "palm-" "screen and (max-width: 44.9375em)", + "lap-" "screen and (min-width: 45em) and (max-width: 63.9375em)", + "lap-and-up-" "screen and (min-width: 45em)", + "portable-" "screen and (max-width: 63.9375em)", + "desk-" "screen and (min-width: 64em)", + "retina-" "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)" ) !default; @mixin wgc-media-query($mq) { From 25532a93e6fb531170d67d1bcbb934a9887d0f4f Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Thu, 24 Mar 2016 00:10:16 +0000 Subject: [PATCH 11/22] removing unnecessary breakpoint namespacing --- .../stylesheets/wgc/modified_inuit_css/_layout_groups.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss index 4a03988..f10d29c 100644 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss @@ -14,8 +14,8 @@ $wgc-layout-sizes: ( margin: 0; padding: 0; - > .#{$wgc-namespace}__#{$wgc-breakpoint}layout__item, - > %#{$wgc-namespace}__#{$wgc-breakpoint}layout__item { + > .#{$wgc-namespace}__layout__item, + > %#{$wgc-namespace}__layout__item { display: inline-block; padding-left: 0; padding-right: $modifier-value; From d960ecb386518915c253e2195cbfc032e9eb480b Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Thu, 24 Mar 2016 09:25:42 +0000 Subject: [PATCH 12/22] syntax error --- .../assets/stylesheets/wgc/modified_inuit_css/_box_model.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss index 3065a47..d002455 100644 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss +++ b/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss @@ -4,7 +4,7 @@ $wgc-generate-spacing-alias: nth($wgc-breakpoint, 1) !global; $wgc-generate-spacing-condition: nth($wgc-breakpoint, 2); - @if ($wgc-generate-spacing-alias != "retina") { + @if ($wgc-generate-spacing-alias != "retina-") { @include wgc-media-query($wgc-generate-spacing-alias) { @content; } From 3ab21753a3d57a519f2e82eadc7595836bb95cc6 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 2 Apr 2016 12:14:17 +0100 Subject: [PATCH 13/22] v4.0.0 compiles --- .../{wgc => }/css_wizardy/_base.forms.scss | 0 .../css_wizardy/_generic.shared.scss | 0 .../css_wizardy/_objects.flyout.scss | 0 .../inuit-box-sizing/_generic.box-sizing.scss | 0 .../inuit-box/_objects.box.scss | 0 .../inuit-buttons/_objects.buttons.scss | 0 .../inuit-clearfix/_trumps.clearfix.scss | 0 .../inuit-defaults/_settings.defaults.scss | 0 .../inuit-flag/_objects.flag.scss | 0 .../inuit-functions/_tools.functions.scss | 0 .../inuit-headings/_base.headings.scss | 0 .../inuit-images/_base.images.scss | 0 .../inuit-layout/_objects.layout.scss | 0 .../inuit-list-bare/_objects.list-bare.scss | 0 .../inuit-list-block/_objects.list-block.scss | 0 .../_objects.list-inline.scss | 0 .../inuit-list-ui/_objects.list-ui.scss | 0 .../inuit-lists/_base.lists.scss | 0 .../inuit-media/_objects.media.scss | 0 .../inuit-mixins/_tools.mixins.scss | 0 .../inuit-normalize/_generic.normalize.scss | 0 .../inuit-page/_base.page.scss | 0 .../inuit-paragraphs/_base.paragraphs.scss | 0 .../inuit-print/_trumps.print.scss | 0 .../_settings.responsive.scss | 0 .../_tools.responsive.scss | 0 .../_trumps.spacing-responsive.scss | 0 .../inuit-spacing/_trumps.spacing.scss | 0 .../inuit-tables/_objects.tables.scss | 0 .../inuit-tabs/_objects.tabs.scss | 0 .../inuit-tools-widths/_tools.widths.scss | 0 .../_trumps.widths-responsive.scss | 0 .../inuit-widths/_trumps.widths.scss | 0 .../stylesheets/wegotcoders/_wgc_config.scss | 85 +++++ .../modified_inuit_css/_box_model.scss | 237 ++++++++++++++ .../modified_inuit_css/_breakpoints.scss | 19 ++ .../modified_inuit_css/_columns.scss | 272 ++++++++++++++++ .../modified_inuit_css/_functions.scss | 9 + .../modified_inuit_css/_layout_groups.scss | 69 ++++ .../wegotcoders/wgc_add_ons/_borders.scss | 65 ++++ .../wegotcoders/wgc_add_ons/_colours.scss | 298 ++++++++++++++++++ .../wgc_add_ons/_layout_helpers.scss | 72 +++++ .../wegotcoders/wgc_add_ons/_lists.scss | 13 + .../wegotcoders/wgc_add_ons/_typography.scss | 130 ++++++++ .../assets/stylesheets/wgc/_wgc_config.scss | 33 -- .../wgc/modified_inuit_css/_box_model.scss | 219 ------------- .../wgc/modified_inuit_css/_breakpoints.scss | 29 -- .../wgc/modified_inuit_css/_columns.scss | 74 ----- .../modified_inuit_css/_layout_groups.scss | 59 ---- .../stylesheets/wgc/wgc_add_ons/_borders.scss | 55 ---- .../stylesheets/wgc/wgc_add_ons/_colors.scss | 58 ---- .../wgc/wgc_add_ons/_layout_helpers.scss | 61 ---- .../stylesheets/wgc/wgc_add_ons/_lists.scss | 3 - .../wgc/wgc_add_ons/_typography.scss | 27 -- 54 files changed, 1269 insertions(+), 618 deletions(-) rename vendor/assets/stylesheets/{wgc => }/css_wizardy/_base.forms.scss (100%) rename vendor/assets/stylesheets/{wgc => }/css_wizardy/_generic.shared.scss (100%) rename vendor/assets/stylesheets/{wgc => }/css_wizardy/_objects.flyout.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-box-sizing/_generic.box-sizing.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-box/_objects.box.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-buttons/_objects.buttons.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-clearfix/_trumps.clearfix.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-defaults/_settings.defaults.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-flag/_objects.flag.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-functions/_tools.functions.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-headings/_base.headings.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-images/_base.images.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-layout/_objects.layout.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-list-bare/_objects.list-bare.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-list-block/_objects.list-block.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-list-inline/_objects.list-inline.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-list-ui/_objects.list-ui.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-lists/_base.lists.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-media/_objects.media.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-mixins/_tools.mixins.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-normalize/_generic.normalize.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-page/_base.page.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-paragraphs/_base.paragraphs.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-print/_trumps.print.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-responsive-settings/_settings.responsive.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-responsive-tools/_tools.responsive.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-spacing-responsive/_trumps.spacing-responsive.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-spacing/_trumps.spacing.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-tables/_objects.tables.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-tabs/_objects.tabs.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-tools-widths/_tools.widths.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-widths-responsive/_trumps.widths-responsive.scss (100%) rename vendor/assets/stylesheets/{inuit => inuitcss}/inuit-widths/_trumps.widths.scss (100%) create mode 100644 vendor/assets/stylesheets/wegotcoders/_wgc_config.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_breakpoints.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_functions.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_layout_groups.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_borders.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_colours.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_layout_helpers.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_lists.scss create mode 100644 vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss delete mode 100644 vendor/assets/stylesheets/wgc/_wgc_config.scss delete mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss delete mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss delete mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss delete mode 100644 vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss delete mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss delete mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss delete mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss delete mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss delete mode 100644 vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss diff --git a/vendor/assets/stylesheets/wgc/css_wizardy/_base.forms.scss b/vendor/assets/stylesheets/css_wizardy/_base.forms.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/css_wizardy/_base.forms.scss rename to vendor/assets/stylesheets/css_wizardy/_base.forms.scss diff --git a/vendor/assets/stylesheets/wgc/css_wizardy/_generic.shared.scss b/vendor/assets/stylesheets/css_wizardy/_generic.shared.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/css_wizardy/_generic.shared.scss rename to vendor/assets/stylesheets/css_wizardy/_generic.shared.scss diff --git a/vendor/assets/stylesheets/wgc/css_wizardy/_objects.flyout.scss b/vendor/assets/stylesheets/css_wizardy/_objects.flyout.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/css_wizardy/_objects.flyout.scss rename to vendor/assets/stylesheets/css_wizardy/_objects.flyout.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-box-sizing/_generic.box-sizing.scss b/vendor/assets/stylesheets/inuitcss/inuit-box-sizing/_generic.box-sizing.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-box-sizing/_generic.box-sizing.scss rename to vendor/assets/stylesheets/inuitcss/inuit-box-sizing/_generic.box-sizing.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-box/_objects.box.scss b/vendor/assets/stylesheets/inuitcss/inuit-box/_objects.box.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-box/_objects.box.scss rename to vendor/assets/stylesheets/inuitcss/inuit-box/_objects.box.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-buttons/_objects.buttons.scss b/vendor/assets/stylesheets/inuitcss/inuit-buttons/_objects.buttons.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-buttons/_objects.buttons.scss rename to vendor/assets/stylesheets/inuitcss/inuit-buttons/_objects.buttons.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-clearfix/_trumps.clearfix.scss b/vendor/assets/stylesheets/inuitcss/inuit-clearfix/_trumps.clearfix.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-clearfix/_trumps.clearfix.scss rename to vendor/assets/stylesheets/inuitcss/inuit-clearfix/_trumps.clearfix.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-defaults/_settings.defaults.scss b/vendor/assets/stylesheets/inuitcss/inuit-defaults/_settings.defaults.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-defaults/_settings.defaults.scss rename to vendor/assets/stylesheets/inuitcss/inuit-defaults/_settings.defaults.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-flag/_objects.flag.scss b/vendor/assets/stylesheets/inuitcss/inuit-flag/_objects.flag.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-flag/_objects.flag.scss rename to vendor/assets/stylesheets/inuitcss/inuit-flag/_objects.flag.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-functions/_tools.functions.scss b/vendor/assets/stylesheets/inuitcss/inuit-functions/_tools.functions.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-functions/_tools.functions.scss rename to vendor/assets/stylesheets/inuitcss/inuit-functions/_tools.functions.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-headings/_base.headings.scss b/vendor/assets/stylesheets/inuitcss/inuit-headings/_base.headings.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-headings/_base.headings.scss rename to vendor/assets/stylesheets/inuitcss/inuit-headings/_base.headings.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-images/_base.images.scss b/vendor/assets/stylesheets/inuitcss/inuit-images/_base.images.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-images/_base.images.scss rename to vendor/assets/stylesheets/inuitcss/inuit-images/_base.images.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-layout/_objects.layout.scss b/vendor/assets/stylesheets/inuitcss/inuit-layout/_objects.layout.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-layout/_objects.layout.scss rename to vendor/assets/stylesheets/inuitcss/inuit-layout/_objects.layout.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-list-bare/_objects.list-bare.scss b/vendor/assets/stylesheets/inuitcss/inuit-list-bare/_objects.list-bare.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-list-bare/_objects.list-bare.scss rename to vendor/assets/stylesheets/inuitcss/inuit-list-bare/_objects.list-bare.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-list-block/_objects.list-block.scss b/vendor/assets/stylesheets/inuitcss/inuit-list-block/_objects.list-block.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-list-block/_objects.list-block.scss rename to vendor/assets/stylesheets/inuitcss/inuit-list-block/_objects.list-block.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-list-inline/_objects.list-inline.scss b/vendor/assets/stylesheets/inuitcss/inuit-list-inline/_objects.list-inline.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-list-inline/_objects.list-inline.scss rename to vendor/assets/stylesheets/inuitcss/inuit-list-inline/_objects.list-inline.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-list-ui/_objects.list-ui.scss b/vendor/assets/stylesheets/inuitcss/inuit-list-ui/_objects.list-ui.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-list-ui/_objects.list-ui.scss rename to vendor/assets/stylesheets/inuitcss/inuit-list-ui/_objects.list-ui.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-lists/_base.lists.scss b/vendor/assets/stylesheets/inuitcss/inuit-lists/_base.lists.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-lists/_base.lists.scss rename to vendor/assets/stylesheets/inuitcss/inuit-lists/_base.lists.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-media/_objects.media.scss b/vendor/assets/stylesheets/inuitcss/inuit-media/_objects.media.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-media/_objects.media.scss rename to vendor/assets/stylesheets/inuitcss/inuit-media/_objects.media.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-mixins/_tools.mixins.scss b/vendor/assets/stylesheets/inuitcss/inuit-mixins/_tools.mixins.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-mixins/_tools.mixins.scss rename to vendor/assets/stylesheets/inuitcss/inuit-mixins/_tools.mixins.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-normalize/_generic.normalize.scss b/vendor/assets/stylesheets/inuitcss/inuit-normalize/_generic.normalize.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-normalize/_generic.normalize.scss rename to vendor/assets/stylesheets/inuitcss/inuit-normalize/_generic.normalize.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-page/_base.page.scss b/vendor/assets/stylesheets/inuitcss/inuit-page/_base.page.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-page/_base.page.scss rename to vendor/assets/stylesheets/inuitcss/inuit-page/_base.page.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-paragraphs/_base.paragraphs.scss b/vendor/assets/stylesheets/inuitcss/inuit-paragraphs/_base.paragraphs.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-paragraphs/_base.paragraphs.scss rename to vendor/assets/stylesheets/inuitcss/inuit-paragraphs/_base.paragraphs.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-print/_trumps.print.scss b/vendor/assets/stylesheets/inuitcss/inuit-print/_trumps.print.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-print/_trumps.print.scss rename to vendor/assets/stylesheets/inuitcss/inuit-print/_trumps.print.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-responsive-settings/_settings.responsive.scss b/vendor/assets/stylesheets/inuitcss/inuit-responsive-settings/_settings.responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-responsive-settings/_settings.responsive.scss rename to vendor/assets/stylesheets/inuitcss/inuit-responsive-settings/_settings.responsive.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-responsive-tools/_tools.responsive.scss b/vendor/assets/stylesheets/inuitcss/inuit-responsive-tools/_tools.responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-responsive-tools/_tools.responsive.scss rename to vendor/assets/stylesheets/inuitcss/inuit-responsive-tools/_tools.responsive.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-spacing-responsive/_trumps.spacing-responsive.scss b/vendor/assets/stylesheets/inuitcss/inuit-spacing-responsive/_trumps.spacing-responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-spacing-responsive/_trumps.spacing-responsive.scss rename to vendor/assets/stylesheets/inuitcss/inuit-spacing-responsive/_trumps.spacing-responsive.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-spacing/_trumps.spacing.scss b/vendor/assets/stylesheets/inuitcss/inuit-spacing/_trumps.spacing.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-spacing/_trumps.spacing.scss rename to vendor/assets/stylesheets/inuitcss/inuit-spacing/_trumps.spacing.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-tables/_objects.tables.scss b/vendor/assets/stylesheets/inuitcss/inuit-tables/_objects.tables.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-tables/_objects.tables.scss rename to vendor/assets/stylesheets/inuitcss/inuit-tables/_objects.tables.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-tabs/_objects.tabs.scss b/vendor/assets/stylesheets/inuitcss/inuit-tabs/_objects.tabs.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-tabs/_objects.tabs.scss rename to vendor/assets/stylesheets/inuitcss/inuit-tabs/_objects.tabs.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-tools-widths/_tools.widths.scss b/vendor/assets/stylesheets/inuitcss/inuit-tools-widths/_tools.widths.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-tools-widths/_tools.widths.scss rename to vendor/assets/stylesheets/inuitcss/inuit-tools-widths/_tools.widths.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-widths-responsive/_trumps.widths-responsive.scss b/vendor/assets/stylesheets/inuitcss/inuit-widths-responsive/_trumps.widths-responsive.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-widths-responsive/_trumps.widths-responsive.scss rename to vendor/assets/stylesheets/inuitcss/inuit-widths-responsive/_trumps.widths-responsive.scss diff --git a/vendor/assets/stylesheets/inuit/inuit-widths/_trumps.widths.scss b/vendor/assets/stylesheets/inuitcss/inuit-widths/_trumps.widths.scss similarity index 100% rename from vendor/assets/stylesheets/inuit/inuit-widths/_trumps.widths.scss rename to vendor/assets/stylesheets/inuitcss/inuit-widths/_trumps.widths.scss diff --git a/vendor/assets/stylesheets/wegotcoders/_wgc_config.scss b/vendor/assets/stylesheets/wegotcoders/_wgc_config.scss new file mode 100644 index 0000000..5a64fbe --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/_wgc_config.scss @@ -0,0 +1,85 @@ +$wgc-breakpoints: ( + ( + breakpoint-scope: 'all-devices', + breakpoint-condition: 'screen and (min-width: 0em)' + ), + ( + breakpoint-scope: 'palm', + breakpoint-condition: 'screen and (max-width: 44.9375em)' + ), + ( + breakpoint-scope: 'lap', + breakpoint-condition: 'screen and (min-width: 45em) and (max-width: 63.9375em)' + ), + ( + breakpoint-scope: 'lap-and-up', + breakpoint-condition: 'screen and (min-width: 45em)' + ), + ( + breakpoint-scope: 'portable', + breakpoint-condition: 'screen and (max-width: 63.9375em)' + ), + ( + breakpoint-scope: 'desk', + breakpoint-condition: 'screen and (min-width: 64em)' + ) +) !default; + +$wgc-bsu: 24px !default; +$wgc-base-text-color: #333333 !default; +$wgc-base-background-color: #FFFFFF !default; +$wgc-namespace: 'wgc' !default; + +$wgc-border-radius: 3px !default; + +$wgc-allowed-breakpoints-for-guttering-option--flush: () !default; +$wgc-allowed-breakpoints-for-guttering-option--one-quarter-bsu: () !default; +$wgc-allowed-breakpoints-for-guttering-option--one-half-bsu: () !default; +$wgc-allowed-breakpoints-for-guttering-option--one-bsu: () !default; +$wgc-allowed-breakpoints-for-guttering-option--two-bsu: () !default; +$wgc-allowed-breakpoints-for-guttering-option--four-bsu: () !default; + +$wgc-allowed-breakpoints-for-column-group-wholes: () !default; +$wgc-allowed-breakpoints-for-column-group-halves: () !default; +$wgc-allowed-breakpoints-for-column-group-thirds: () !default; +$wgc-allowed-breakpoints-for-column-group-quarters: () !default; +$wgc-allowed-breakpoints-for-column-group-fifths: () !default; +$wgc-allowed-breakpoints-for-column-group-sixths: () !default; +$wgc-allowed-breakpoints-for-column-group-sevenths: () !default; +$wgc-allowed-breakpoints-for-column-group-eighths: () !default; +$wgc-allowed-breakpoints-for-column-group-ninths: () !default; +$wgc-allowed-breakpoints-for-column-group-tenths: () !default; +$wgc-allowed-breakpoints-for-column-group-elevenths: () !default; +$wgc-allowed-breakpoints-for-column-group-twelfths: () !default; +$wgc-allowed-breakpoints-for-column-group-thirteenths: () !default; +$wgc-allowed-breakpoints-for-column-group-fourteenths: () !default; +$wgc-allowed-breakpoints-for-column-group-fifteenths: () !default; +$wgc-allowed-breakpoints-for-column-group-sixteenths: () !default; +$wgc-allowed-breakpoints-for-column-group-seventeenths: () !default; +$wgc-allowed-breakpoints-for-column-group-eighteenths: () !default; +$wgc-allowed-breakpoints-for-column-group-nineteenths: () !default; +$wgc-allowed-breakpoints-for-column-group-twentieths: () !default; + +$wgc-allowed-breakpoints-for-paddings--none: () !default; +$wgc-allowed-breakpoints-for-paddings--one-quarter-bsu: () !default; +$wgc-allowed-breakpoints-for-paddings--one-half-bsu: () !default; +$wgc-allowed-breakpoints-for-paddings--one-bsu: () !default; +$wgc-allowed-breakpoints-for-paddings--two-bsu: () !default; +$wgc-allowed-breakpoints-for-paddings--four-bsu: () !default; +$wgc-allowed-breakpoints-for-margins--none: () !default; +$wgc-allowed-breakpoints-for-margins--one-quarter-bsu: () !default; +$wgc-allowed-breakpoints-for-margins--one-half-bsu: () !default; +$wgc-allowed-breakpoints-for-margins--one-bsu: () !default; +$wgc-allowed-breakpoints-for-margins--two-bsu: () !default; +$wgc-allowed-breakpoints-for-margins--four-bsu: () !default; +$wgc-allowed-breakpoints-for-negative-margins--one-quarter-bsu: () !default; +$wgc-allowed-breakpoints-for-negative-margins--one-half-bsu: () !default; +$wgc-allowed-breakpoints-for-negative-margins--one-bsu: () !default; +$wgc-allowed-breakpoints-for-negative-margins--two-bsu: () !default; +$wgc-allowed-breakpoints-for-negative-margins--four-bsu: () !default; + +$wgc-allowed-breakpoints-for-layout-helpers: () !default; +$wgc-allowed-breakpoints-for-colours: () !default; +$wgc-allowed-breakpoints-for-borders: () !default; +$wgc-allowed-breakpoints-for-lists: () !default; +$wgc-allowed-breakpoints-for-typography: () !default; diff --git a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss new file mode 100644 index 0000000..02a843f --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss @@ -0,0 +1,237 @@ +$wgc-padding-options: ( + ( + dimension: 0, + bem-modifier: 'none', + allowed-breakpoints: $wgc-allowed-breakpoints-for-paddings--none + ), + ( + dimension: quarter($wgc-bsu), + bem-modifier: 'one-quarter-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-paddings--one-quarter-bsu + ), + ( + dimension: halve($wgc-bsu), + bem-modifier: 'one-half-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-paddings--one-half-bsu + ), + ( + dimension: $wgc-bsu, + bem-modifier: 'one-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-paddings--one-bsu + ), + ( + dimension: double($wgc-bsu), + bem-modifier: 'two-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-paddings--two-bsu + ), + ( + dimension: quadruple($wgc-bsu), + bem-modifier: 'four-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-paddings--four-bsu + ) +); + +$wgc-margin-options: ( + ( + dimension: 0, + bem-modifier: 'none', + allowed-breakpoints: $wgc-allowed-breakpoints-for-margins--none + ), + ( + dimension: quarter($wgc-bsu), + bem-modifier: 'one-quarter-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-margins--one-quarter-bsu + ), + ( + dimension: halve($wgc-bsu), + bem-modifier: 'one-half-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-margins--one-half-bsu + ), + ( + dimension: $wgc-bsu, + bem-modifier: 'one-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-margins--one-bsu + ), + ( + dimension: double($wgc-bsu), + bem-modifier: 'two-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-margins--two-bsu + ), + ( + dimension: quadruple($wgc-bsu), + bem-modifier: 'four-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-margins--four-bsu + ) +); + +$wgc-negative-margin-options: ( + ( + dimension: quarter(-$wgc-bsu), + bem-modifier: 'one-quarter-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-negative-margins--one-quarter-bsu + ), + ( + dimension: halve(-$wgc-bsu), + bem-modifier: 'one-half-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-negative-margins--one-half-bsu + ), + ( + dimension: -$wgc-bsu, + bem-modifier: 'one-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-negative-margins--one-bsu + ), + ( + dimension: double(-$wgc-bsu), + bem-modifier: 'two-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-negative-margins--two-bsu + ), + ( + dimension: quadruple(-$wgc-bsu), + bem-modifier: 'four-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-negative-margins--four-bsu + ) +); + +@mixin wgc-paddings($dimension, $bem-modifier, $allowed-breakpoints) { + @each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @include wgc-media-query($breakpoint-scope) { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-paddings-all--#{$bem-modifier} { + padding: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-top--#{$bem-modifier} { + padding-top: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-right--#{$bem-modifier} { + padding-right: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-bottom--#{$bem-modifier} { + padding-bottom: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-left--#{$bem-modifier} { + padding-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-paddings-horizontal--#{$bem-modifier} { + padding-right: $dimension !important; + padding-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-paddings-vertical--#{$bem-modifier} { + padding-top: $dimension !important; + padding-bottom: $dimension !important; + } + } + } + } +} + +@mixin wgc-margins($dimension, $bem-modifier, $allowed-breakpoints) { + @each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @include wgc-media-query($breakpoint-scope) { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margins-all--#{$bem-modifier} { + margin: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-top--#{$bem-modifier} { + margin-top: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-right--#{$bem-modifier} { + margin-right: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-bottom--#{$bem-modifier} { + margin-bottom: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-left--#{$bem-modifier} { + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margins-horizontal--#{$bem-modifier} { + margin-right: $dimension !important; + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margins-vertical--#{$bem-modifier} { + margin-top: $dimension !important; + margin-bottom: $dimension !important; + } + } + } + } +} + +@mixin wgc-negative-margins($dimension, $bem-modifier, $allowed-breakpoints) { + @each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @include wgc-media-query($breakpoint-scope) { + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margins-all--#{$bem-modifier} { + margin: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-top--#{$bem-modifier} { + margin-top: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-right--#{$bem-modifier} { + margin-right: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-bottom--#{$bem-modifier} { + margin-bottom: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-left--#{$bem-modifier} { + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margins-horizontal--#{$bem-modifier} { + margin-right: $dimension !important; + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margins-vertical--#{$bem-modifier} { + margin-top: $dimension !important; + margin-bottom: $dimension !important; + } + } + } + } +} + +@each $option in $wgc-padding-options { + $dimension: map-get($option, dimension); + $bem-modifier: map-get($option, bem-modifier); + $allowed-breakpoints: map-get($option, allowed-breakpoints); + + @include wgc-paddings($dimension, $bem-modifier, $allowed-breakpoints); +} + +@each $option in $wgc-margin-options { + $dimension: map-get($option, dimension); + $bem-modifier: map-get($option, bem-modifier); + $allowed-breakpoints: map-get($option, allowed-breakpoints); + + @include wgc-margins($dimension, $bem-modifier, $allowed-breakpoints); +} + +@each $option in $wgc-negative-margin-options { + $dimension: map-get($option, dimension); + $bem-modifier: map-get($option, bem-modifier); + $allowed-breakpoints: map-get($option, allowed-breakpoints); + + @include wgc-negative-margins($dimension, $bem-modifier, $allowed-breakpoints); +} diff --git a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_breakpoints.scss b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_breakpoints.scss new file mode 100644 index 0000000..9e94d24 --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_breakpoints.scss @@ -0,0 +1,19 @@ +@mixin wgc-media-query($device-alias) { + $breakpoint-found: false; + + @each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + $breakpoint-condition: map-get($breakpoint, breakpoint-condition); + + @if ($device-alias == $breakpoint-scope) { + $breakpoint-found: true; + @media #{$breakpoint-condition} { + @content; + } + } + } + + @if $breakpoint-found == false { + @warn 'Oops! Breakpoint ‘#{$device-alias}’ does not exist.' + } +} diff --git a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss new file mode 100644 index 0000000..860d2b8 --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss @@ -0,0 +1,272 @@ +$wgc-column-groups: ( + ( + denominator: 1, + singular-form: 'whole', + plural-form: 'wholes', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-wholes + ), + ( + denominator: 2, + singular-form: 'half', + plural-form: 'halves', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-halves + ), + ( + denominator: 3, + singular-form: 'third', + plural-form: 'thirds', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-thirds + ), + ( + denominator: 4, + singular-form: 'quarter', + plural-form: 'quarters', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-quarters + ), + ( + denominator: 5, + singular-form: 'fifth', + plural-form: 'fifths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-fifths + ), + ( + denominator: 6, + singular-form: 'sixth', + plural-form: 'sixths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-sixths + ), + ( + denominator: 7, + singular-form: 'seventh', + plural-form: 'sevenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-sevenths + ), + ( + denominator: 8, + singular-form: 'eighth', + plural-form: 'eighths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-eighths + ), + ( + denominator: 9, + singular-form: 'ninth', + plural-form: 'ninths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-ninths + ), + ( + denominator: 10, + singular-form: 'tenth', + plural-form: 'tenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-tenths + ), + ( + denominator: 11, + singular-form: 'eleventh', + plural-form: 'elevenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-elevenths + ), + ( + denominator: 12, + singular-form: 'twelfth', + plural-form: 'twelfths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-twelfths + ), + ( + denominator: 13, + singular-form: 'thirteenth', + plural-form: 'thirteenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-thirteenths + ), + ( + denominator: 14, + singular-form: 'fourteenth', + plural-form: 'fourteenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-fourteenths + ), + ( denominator: 15, + singular-form: 'fifteenth', + plural-form: 'fifteenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-fifteenths + ), + ( + denominator: 16, + singular-form: 'sixteenth', + plural-form: 'sixteenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-sixteenths + ), + ( denominator: 17, + singular-form: 'seventeenth', + plural-form: 'seventeenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-seventeenths + ), + ( + denominator: 18, + singular-form: 'eighteenth', + plural-form: 'eighteenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-eighteenths + ), + ( + denominator: 19, + singular-form: 'nineteenth', + plural-form: 'nineteenths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-nineteenths + ), + ( + denominator: 20, + singular-form: 'twentieth', + plural-form: 'twentieths', + allowed-breakpoints: $wgc-allowed-breakpoints-for-column-group-twentieths + ) +) !default; + +$wgc-numerators: ( + ( + numeral: 1, + word: 'one' + ), + ( + numeral: 2, + word: 'two' + ), + ( + numeral: 3, + word: 'three' + ), + ( + numeral: 4, + word: 'four' + ), + ( + numeral: 5, + word: 'five' + ), + ( + numeral: 6, + word: 'six' + ), + ( + numeral: 7, + word: 'seven' + ), + ( + numeral: 8, + word: 'eight' + ), + ( + numeral: 9, + word: 'nine' + ), + ( + numeral: 10, + word: 'ten' + ), + ( numeral: 11, + word: 'eleven' + ), + ( + numeral: 12, + word: 'twelve' + ), + ( + numeral: 13, + word: 'thirteen' + ), + ( + numeral: 14, + word: 'fourteen' + ), + ( + numeral: 15, + word: 'fifteen' + ), + ( + numeral: 16, + word: 'sixteen' + ), + ( + numeral: 17, + word: 'seventeen' + ), + ( + numeral: 18, + word: 'eighteen' + ), + ( + numeral: 19, + word: 'nineteen' + ), + ( + numeral: 20, + word: 'twenty' + ) +); + +@function numerator-to-word($numerator) { + @each $word, $numeral in $wgc-numerators { + @if ($numerator == $numeral) { + @return $word; + } + } +} + +@function denominator-to-word($column-group, $numerator) { + @if ($numerator == 1) { + @return map-get($column-group, singular-form); + + } @else { + + @return map-get($column-group, plural-form); + } +} + +@mixin wgc-columns($column-group, $breakpoint-scope, $allowed-breakpoints) { + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @if (map-get($column-group, plural-form) == wholes) { + .#{$wgc-namespace}__#{$breakpoint-scope}-column-width--one-whole { + width: 100%; + } + + } @else { + + $denominator: map-get($column-group, denominator); + @for $numerator from 1 to $denominator { + $bem-modifier: "#{numerator-to-word($numerator)}-#{denominator-to-word($column-group, $numerator)}"; + + .#{$wgc-namespace}__#{$breakpoint-scope}-column-width--#{$bem-modifier} { + width: ($numerator / $denominator) * 100% !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-column-offset--#{$bem-modifier} { + margin-left: ($numerator / $denominator) * 100% !important; + } + } + } + } +} + +@mixin wgc-offsets($column-group, $breakpoint-scope, $allowed-breakpoints) { + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @if (map-get($column-group, plural-form) != wholes) { + + $denominator: map-get($column-group, denominator); + @for $numerator from 1 to $denominator { + $bem-modifier: "#{numerator-to-word($numerator)}-#{denominator-to-word($column-group, $numerator)}"; + + .#{$wgc-namespace}__#{$breakpoint-scope}-column-offset--#{$bem-modifier} { + margin-left: ($numerator / $denominator) * 100% !important; + } + } + } + } +} + +@each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + @include wgc-media-query($breakpoint-scope) { + @each $column-group in $wgc-column-groups { + $allowed-breakpoints: map-get($column-group, allowed-breakpoints); + @include wgc-columns($column-group, $breakpoint-scope, $allowed-breakpoints); + @include wgc-offsets($column-group, $breakpoint-scope, $allowed-breakpoints); + } + } +} diff --git a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_functions.scss b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_functions.scss new file mode 100644 index 0000000..d00eb56 --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_functions.scss @@ -0,0 +1,9 @@ +@function breakpoint-scope-is-allowed($breakpoint-scope, $permitted-list) { + @each $scope in $permitted-list { + @if ($breakpoint-scope == $scope) { + @return true; + } + } + + @return false; +} diff --git a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_layout_groups.scss b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_layout_groups.scss new file mode 100644 index 0000000..3332de7 --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_layout_groups.scss @@ -0,0 +1,69 @@ +$wgc-guttering-options: ( + ( + dimension: 0, + bem-modifier: 'flush', + allowed-breakpoints: $wgc-allowed-breakpoints-for-guttering-option--flush + ), + ( + dimension: quarter($wgc-bsu), + bem-modifier: 'one-quarter-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-guttering-option--one-quarter-bsu + ), + ( + dimension: halve($wgc-bsu), + bem-modifier: 'one-half-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-guttering-option--one-half-bsu + ), + ( + dimension: $wgc-bsu, + bem-modifier: 'one-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-guttering-option--one-bsu + ), + ( + dimension: double($wgc-bsu), + bem-modifier: 'two-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-guttering-option--two-bsu + ), + ( + dimension: quadruple($wgc-bsu), + bem-modifier: 'four-bsu', + allowed-breakpoints: $wgc-allowed-breakpoints-for-guttering-option--four-bsu + ) +) !default; + +@mixin wgc-layout-group($guttering-dimension, $bem-modifier, $breakpoint-scope, $allowed-breakpoints) { + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + + .#{$wgc-namespace}__#{$breakpoint-scope}-layout-group__container--#{$bem-modifier}, + %#{$wgc-namespace}__#{$breakpoint-scope}-layout-group__container--#{$bem-modifier} { + list-style: none; + margin: 0; + padding: 0; + + > .#{$wgc-namespace}__layout-group__member, + > %#{$wgc-namespace}__layout-group__member { + display: inline-block; + padding-left: 0; + padding-right: $guttering-dimension; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + } + } +} + +@each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + + @include wgc-media-query($breakpoint-scope) { + @each $option in $wgc-guttering-options { + $dimension: map-get($option, dimension); + $bem-modifier: map-get($option, bem-modifier); + $allowed-breakpoints: map-get($option, allowed-breakpoints); + + @include wgc-layout-group($dimension, $bem-modifier, $breakpoint-scope, $allowed-breakpoints) + } + } +} diff --git a/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_borders.scss b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_borders.scss new file mode 100644 index 0000000..5b25fcb --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_borders.scss @@ -0,0 +1,65 @@ +@each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + $allowed-breakpoints: $wgc-allowed-breakpoints-for-borders; + + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @include wgc-media-query($breakpoint-scope) { + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-radius { + border-radius: $wgc-border-radius; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-radius--top-right { + border-top-right-radius: $wgc-border-radius; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-radius--bottom-right { + border-bottom-right-radius: $wgc-border-radius; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-radius--top-left { + border-top-left-radius: $wgc-border-radius; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-radius--bottom-left { + border-bottom-left-radius: $wgc-border-radius; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-width--thin { + border-width: thin; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-width--medium { + border-width: medium; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-width--thick { + border-width: thick; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-style--none { + border-style: none; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-style--solid { + border-style: solid; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-top-style--solid { + border-top-style: solid; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-right-style--solid { + border-right-style: solid; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-left-style--solid { + border-left-style: solid; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-bottom-style--solid { + border-bottom-style: solid; + } + } + } +} diff --git a/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_colours.scss b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_colours.scss new file mode 100644 index 0000000..218d6ef --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_colours.scss @@ -0,0 +1,298 @@ +$aqua: #0B57A4; +$baby-blue: #B8D0E8; +$black: #000000; +$blue: #009CDF; +$blue-green: #148AA5; +$blue-violet: #3714A4; +$brown: #964B00; +$crimson: #A50516; +$dark-blue: #1172AE; +$dark-green: #09992A; +$dark-grey: #333333; +$dark-ruby: #870E14; +$dark-sand: #CE8600; +$deep-pink: #FB3C8F; +$fuschia: #A51497; +$field-grey: #C0C0C0; +$grey: #D2D2D2; +$green: #3AA03A; +$hot-pink: #FF0080; +$lemon: #FEE233; +$light-blue: #8BBDEB; +$light-brown: #3E3D37; +$light-green: #67AE11; +$light-grey: #EEEEEE; +$light-red: #FC6A6C; +$lilac: #BA9DE9; +$lime: #C1FD33; +$lime-green: #2BFD2F; +$magenta: #FC1CAD; +$medium-grey: #CCCCCC; +$midnight-blue: #000066; +$off-white: #FCFCFC; +$olive: #2B4726; +$orange: #FD7222; +$orange-red: #FC331C; +$orange-yellow: #FFCC00; +$peach: #FFE5B4; +$pink: #DF0043; +$purple: #AF31F2; +$red: #FC0D1B; +$red-orange: #D7462C; +$ruby: #CC342C; +$sea-blue: #33C4D3; +$salmon: #F69E94; +$shale: #21201B; +$tan: #F2DDBF; +$teal: #2B8A6D; +$violet: #6B28CE; +$violet-blue: #6041FA; +$white: #FFFFFF; +$yellow: #FEEE35; +$yellow-green: #DEFD35; +$yellow-orange: #FEC42E; + +$wgc-colours: ( + ( + name: 'aqua', + hex-code: $aqua + ), + ( + name: 'baby-blue', + hex-code: $baby-blue + ), + ( + name: 'black', + hex-code: $black + ), + ( + name: 'blue', + hex-code: $blue + ), + ( + name: 'blue-green', + hex-code: $blue-green + ), + ( + name: 'blue-violet', + hex-code: $blue-violet + ), + ( + name: 'brown', + hex-code: $brown + ), + ( + name: 'crimson', + hex-code: $crimson + ), + ( + name: 'dark-blue', + hex-code: $dark-blue + ), + ( + name: 'dark-green', + hex-code: $dark-green + ), + ( + name: 'dark-grey', + hex-code: $dark-grey + ), + ( + name: 'dark-ruby', + hex-code: $dark-ruby + ), + ( + name: 'dark-sand', + hex-code: $dark-sand + ), + ( + name: 'deep-pink', + hex-code: $deep-pink + ), + ( + name: 'fuschia', + hex-code: $fuschia + ), + ( + name: 'field-grey', + hex-code: $field-grey + ), + ( + name: 'grey', + hex-code: $grey + ), + ( + name: 'green', + hex-code: $green + ), + ( + name: 'hot-pink', + hex-code: $hot-pink + ), + ( + name: 'lemon', + hex-code: $lemon + ), + ( + name: 'light-blue', + hex-code: $light-blue + ), + ( + name: 'light-brown', + hex-code: $light-brown + ), + ( + name: 'light-green', + hex-code: $light-green + ), + ( + name: 'light-grey', + hex-code: $light-grey + ), + ( + name: 'light-red', + hex-code: $light-red + ), + ( + name: 'lilac', + hex-code: $lilac + ), + ( + name: 'lime', + hex-code: $lime + ), + ( + name: 'lime-green', + hex-code: $lime-green + ), + ( + name: 'magenta', + hex-code: $magenta + ), + ( + name: 'medium-grey', + hex-code: $medium-grey + ), + ( + name: 'midnight-blue', + hex-code: $midnight-blue + ), + ( + name: 'off-white', + hex-code: $off-white + ), + ( + name: 'olive', + hex-code: $olive + ), + ( + name: 'orange', + hex-code: $orange + ), + ( + name: 'orange-red', + hex-code: $orange-red + ), + ( + name: 'orange-yellow', + hex-code: $orange-yellow + ), + ( + name: 'peach', + hex-code: $peach + ), + ( + name: 'pink', + hex-code: $pink + ), + ( + name: 'purple', + hex-code: $purple + ), + ( + name: 'red', + hex-code: $red + ), + ( + name: 'red-orange', + hex-code: $red-orange + ), + ( + name: 'ruby', + hex-code: $ruby + ), + ( + name: 'sea-blue', + hex-code: $sea-blue + ), + ( + name: 'salmon', + hex-code: $salmon + ), + ( + name: 'shale', + hex-code: $shale + ), + ( + name: 'tan', + hex-code: $tan + ), + ( + name: 'teal', + hex-code: $teal + ), + ( + name: 'violet', + hex-code: $violet + ), + ( + name: 'violet-blue', + hex-code: $violet-blue + ), + ( + name: 'white', + hex-code: $white + ), + ( + name: 'yellow', + hex-code: $yellow + ), + ( + name: 'yellow-green', + hex-code: $yellow-green + ), + ( + name: 'yellow-orange', + hex-code: $yellow-orange + ) +) !default; + +@mixin wgc-colour-classes($name, $hex-code, $breakpoint-scope, $allowed-breakpoints) { + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + .#{$wgc-namespace}__#{$breakpoint-scope}-text-color--#{$name} { + color: $hex-code; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-background-color--#{$name} { + background-color: $hex-code; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-border-color--#{$name} { + border-color: $hex-code; + } + } +} + +@each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + $allowed-breakpoints: $wgc-allowed-breakpoints-for-colours; + + @include wgc-media-query($breakpoint-scope) { + @each $colour in $wgc-colours { + $name: map-get($colour, name); + $hex-code: map-get($colour, hex-code); + + @include wgc-colour-classes($name, $hex-code, $breakpoint-scope, $allowed-breakpoints) + } + } +} diff --git a/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_layout_helpers.scss b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_layout_helpers.scss new file mode 100644 index 0000000..48976d6 --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_layout_helpers.scss @@ -0,0 +1,72 @@ +@each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + $allowed-breakpoints: $wgc-allowed-breakpoints-for-layout-helpers; + + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @include wgc-media-query($breakpoint-scope) { + + // Box Sizing + .#{$wgc-namespace}__#{$breakpoint-scope}-box-sizing--border-box { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + // Float + .#{$wgc-namespace}__#{$breakpoint-scope}-float--left { + float: left; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-float--right { + float: right; + } + + // Clear + .#{$wgc-namespace}__#{$breakpoint-scope}-clear--left { + clear: left; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-clear--right { + clear: right; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-clear--both { + clear: both; + } + + // Display + .#{$wgc-namespace}__#{$breakpoint-scope}-display--inline-block { + display: inline-block; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-display--block { + display: block; + } + + // Overflow + .#{$wgc-namespace}__#{$breakpoint-scope}-overflow--hidden { + overflow: hidden; + } + + // Auto margin + .#{$wgc-namespace}__#{$breakpoint-scope}-margin--auto { + margin: auto; + } + + // Vertical align + + .#{$wgc-namespace}__#{$breakpoint-scope}-vertical-align--top { + vertical-align: top; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-vertical-align--middle { + vertical-align: middle; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-vertical-align--bottom { + vertical-align: bottom; + } + } + } +} + diff --git a/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_lists.scss b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_lists.scss new file mode 100644 index 0000000..1db64d5 --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_lists.scss @@ -0,0 +1,13 @@ +@each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + $allowed-breakpoints: $wgc-allowed-breakpoints-for-lists; + + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @include wgc-media-query($breakpoint-scope) { + + .#{$wgc-namespace}__#{$breakpoint-scope}-list-style--none { + list-style: none; + } + } + } +} diff --git a/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss new file mode 100644 index 0000000..6eaa9ba --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss @@ -0,0 +1,130 @@ +@each $breakpoint in $wgc-breakpoints { + $breakpoint-scope: map-get($breakpoint, breakpoint-scope); + $allowed-breakpoints: $wgc-allowed-breakpoints-for-typography; + + @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { + @include wgc-media-query($breakpoint-scope) { + + + .#{$wgc-namespace}__text-align--center { + text-align: center; + } + + .#{$wgc-namespace}__text-align--justify { + text-align: justify; + } + + .#{$wgc-namespace}__text-align--left { + text-align: left; + } + + .#{$wgc-namespace}__text-align--right { + text-align: right; + } + + .#{$wgc-namespace}__text-transform--uppercase { + text-transform: uppercase; + } + + .#{$wgc-namespace}__text-decoration--none { + text-decoration: none; + } + + .#{$wgc-namespace}__font-weight--bold { + font-weight: bold; + } + + $wgc-font-sizes: ( + ( + scale-factor: 'one-hundred-and-five-percent', + value: 105% + ), + ( + scale-factor: 'one-hundred-and-ten-percent', + value: 110% + ), + ( + scale-factor: 'one-hundred-and-fifteen-percent', + value: 115% + ), + ( + scale-factor: 'one-hundred-and-twenty-percent', + value: 120% + ), + ( + scale-factor: 'one-hundred-and-twenty-five-percent', + value: 125% + ), + ( + scale-factor: 'one-hundred-and-thirty-percent', + value: 130% + ), + ( + scale-factor: 'one-hundred-and-thirty-five-percent', + value: 135% + ), + ( + scale-factor: 'one-hundred-and-fourty-percent', + value: 140% + ), + ( + scale-factor: 'one-hundred-and-fourty-five-percent', + value: 145% + ), + ( + scale-factor: 'one-hundred-and-fifty-percent', + value: 150% + ), + ( + scale-factor: 'one-hundred-and-fifty-five-percent', + value: 155% + ), + ( + scale-factor: 'one-hundred-and-sixty-percent', + value: 160% + ), + ( + scale-factor: 'one-hundred-and-sixty-five-percent', + value: 165% + ), + ( + scale-factor: 'one-hundred-and-seventy-percent', + value: 170% + ), + ( + scale-factor: 'one-hundred-and-seventy-five-percent', + value: 175% + ), + ( + scale-factor: 'one-hundred-and-eighty-percent', + value: 180% + ), + ( + scale-factor: 'one-hundred-and-eighty-five-percent', + value: 185% + ), + ( + scale-factor: 'one-hundred-and-ninety-percent', + value: 190% + ), + ( + scale-factor: 'one-hundred-and-ninety-five-percent', + value: 195% + ), + ( + scale-factor: 'two-hundred-percent', + value: 200% + ) + ) !default; + + @each $font-size in $wgc-font-sizes { + $scale-factor: map-get($font-size, scale-factor); + $value: map-get($font-size, value); + + .#{$wgc-namespace}__scale-font-size--#{$scale-factor} { + font-size: $value; + } + } + } + } +} diff --git a/vendor/assets/stylesheets/wgc/_wgc_config.scss b/vendor/assets/stylesheets/wgc/_wgc_config.scss deleted file mode 100644 index 2714f75..0000000 --- a/vendor/assets/stylesheets/wgc/_wgc_config.scss +++ /dev/null @@ -1,33 +0,0 @@ -$wgc-bsu: 24px !default; // Base Spacing Unit -$wgc-base-text-color: #333 !default; -$wgc-base-background-color: #fff !default; -$wgc-namespace: "wgc" !default; - -$wgc-border-radius: 3px !default; - -$wgc-enable-layout--flush: false !default; -$wgc-enable-layout--gutter-one-quarter-bsu: false !default; -$wgc-enable-layout--gutter-one-half-bsu: false !default; -$wgc-enable-layout--gutter-one-bsu: false !default; -$wgc-enable-layout--gutter-two-bsu: false !default; -$wgc-enable-layout--gutter-four-bsu: false !default; -$wgc-enable-layout--center: false !default; - -$wgc-enable-paddings--one-quarter-bsu: false !default; -$wgc-enable-paddings--one-half-bsu: false !default; -$wgc-enable-paddings--one-bsu: false !default; -$wgc-enable-paddings--two-bsu: false !default; -$wgc-enable-paddings--four-bsu: false !default; -$wgc-enable-paddings--none: false !default; - -$wgc-enable-margins--one-quarter-bsu: false !default; -$wgc-enable-margins--one-half-bsu: false !default; -$wgc-enable-margins--one-bsu: false !default; -$wgc-enable-margins--two-bsu: false !default; -$wgc-enable-margins--four-bsu: false !default; -$wgc-enable-margins--none: false !default; -$wgc-enable-negative-margins--one-quarter-bsu: false !default; -$wgc-enable-negative-margins--one-half-bsu: false !default; -$wgc-enable-negative-margins--one-bsu: false !default; -$wgc-enable-negative-margins--two-bsu: false !default; -$wgc-enable-negative-margins--four-bsu: false !default; diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss deleted file mode 100644 index d002455..0000000 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_box_model.scss +++ /dev/null @@ -1,219 +0,0 @@ -@mixin wgc-generate-spacing() { - @each $wgc-breakpoint in $wgc-breakpoints { - - $wgc-generate-spacing-alias: nth($wgc-breakpoint, 1) !global; - $wgc-generate-spacing-condition: nth($wgc-breakpoint, 2); - - @if ($wgc-generate-spacing-alias != "retina-") { - @include wgc-media-query($wgc-generate-spacing-alias) { - @content; - } - } - - $wgc-generate-spacing-alias: null !global; - } -} - -@if ($wgc-enable-margins--one-quarter-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--one-quarter-bsu { margin: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--one-quarter-bsu { margin-top: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--one-quarter-bsu { margin-right: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--one-quarter-bsu { margin-bottom: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--one-quarter-bsu { margin-left: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--one-quarter-bsu { margin-right: quarter($wgc-bsu) !important; margin-left: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--one-quarter-bsu { margin-top: quarter($wgc-bsu) !important; margin-bottom: quarter($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-margins--one-half-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--one-half-bsu { margin: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--one-half-bsu { margin-top: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--one-half-bsu { margin-right: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--one-half-bsu { margin-bottom: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--one-half-bsu { margin-left: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--one-half-bsu { margin-right: halve($wgc-bsu) !important; margin-left: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--one-half-bsu { margin-top: halve($wgc-bsu) !important; margin-bottom: halve($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-margins--one-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--one-bsu { margin: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--one-bsu { margin-top: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--one-bsu { margin-right: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--one-bsu { margin-bottom: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--one-bsu { margin-left: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--one-bsu { margin-right: $wgc-bsu !important; margin-left: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--one-bsu { margin-top: $wgc-bsu !important; margin-bottom: $wgc-bsu !important; } - } -} - -@if ($wgc-enable-margins--two-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--two-bsu { margin: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--two-bsu { margin-top: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--two-bsu { margin-right: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--two-bsu { margin-bottom: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--two-bsu { margin-left: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--two-bsu { margin-right: double($wgc-bsu) !important; margin-left: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--two-bsu { margin-top: double($wgc-bsu) !important; margin-bottom: double($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-margins--four-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--four-bsu { margin: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--four-bsu { margin-top: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--four-bsu { margin-right: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--four-bsu { margin-bottom: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--four-bsu { margin-left: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--four-bsu { margin-right: quadruple($wgc-bsu) !important; margin-left: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--four-bsu { margin-top: quadruple($wgc-bsu) !important; margin-bottom: quadruple($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-margins--none == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-all--none { margin: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-top--none { margin-top: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-right--none { margin-right: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-bottom--none { margin-bottom: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margin-left--none { margin-left: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-horizontal--none { margin-right: 0 !important; margin-left: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}margins-vertical--none { margin-top: 0 !important; margin-bottom: 0 !important; } - } -} - -@if ($wgc-enable-negative-margins--one-quarter-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--one-quarter-bsu { margin: quarter(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--one-quarter-bsu { margin-top: quarter(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--one-quarter-bsu { margin-right: quarter(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--one-quarter-bsu { margin-bottom: quarter(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--one-quarter-bsu { margin-left: quarter(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--one-quarter-bsu { margin-right: quarter(-$wgc-bsu) !important; margin-left: quarter(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--one-quarter-bsu { margin-top: quarter(-$wgc-bsu) !important; margin-bottom: quarter(-$wgc-bsu) !important; } - } -} - -@if ($wgc-enable-negative-margins--one-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--one-bsu { margin: -$wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--one-bsu { margin-top: -$wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--one-bsu { margin-right: -$wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--one-bsu { margin-bottom: -$wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--one-bsu { margin-left: -$wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--one-bsu { margin-right: -$wgc-bsu !important; margin-left: -$wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--one-bsu { margin-top: -$wgc-bsu !important; margin-bottom: -$wgc-bsu !important; } - } -} - -@if ($wgc-enable-negative-margins--one-half-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--one-half-bsu { margin: halve(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--one-half-bsu { margin-top: halve(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--one-half-bsu { margin-right: halve(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--one-half-bsu { margin-bottom: halve(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--one-half-bsu { margin-left: halve(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--one-half-bsu { margin-right: halve(-$wgc-bsu) !important; margin-left: halve(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--one-half-bsu { margin-top: halve(-$wgc-bsu) !important; margin-bottom: halve(-$wgc-bsu) !important; } - } -} - -@if ($wgc-enable-negative-margins--two-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--two-bsu { margin: double(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--two-bsu { margin-top: double(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--two-bsu { margin-right: double(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--two-bsu { margin-bottom: double(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--two-bsu { margin-left: double(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--two-bsu { margin-right: double(-$wgc-bsu) !important; margin-left: double(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--two-bsu { margin-top: double(-$wgc-bsu) !important; margin-bottom: double(-$wgc-bsu) !important; } - } -} - -@if ($wgc-enable-negative-margins--four-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-all--four-bsu { margin: quadruple(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-top--four-bsu { margin-top: quadruple(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-right--four-bsu { margin-right: quadruple(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-bottom--four-bsu { margin-bottom: quadruple(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margin-left--four-bsu { margin-left: quadruple(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-horizontal--four-bsu { margin-right: quadruple(-$wgc-bsu) !important; margin-left: quadruple(-$wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}negative-margins-vertical--four-bsu { margin-top: quadruple(-$wgc-bsu) !important; margin-bottom: quadruple(-$wgc-bsu) !important; } - } -} - -@if ($wgc-enable-paddings--one-quarter-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--one-quarter-bsu { padding: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--one-quarter-bsu { padding-top: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--one-quarter-bsu { padding-right: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--one-quarter-bsu { padding-bottom: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--one-quarter-bsu { padding-left: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--one-quarter-bsu { padding-right: quarter($wgc-bsu) !important; padding-left: quarter($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--one-quarter-bsu { padding-top: quarter($wgc-bsu) !important; padding-bottom: quarter($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-paddings--one-half-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--one-half-bsu { padding: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--one-half-bsu { padding-top: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--one-half-bsu { padding-right: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--one-half-bsu { padding-bottom: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--one-half-bsu { padding-left: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--one-half-bsu { padding-right: halve($wgc-bsu) !important; padding-left: halve($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--one-half-bsu { padding-top: halve($wgc-bsu) !important; padding-bottom: halve($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-paddings--one-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--one-bsu { padding: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--one-bsu { padding-top: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--one-bsu { padding-right: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--one-bsu { padding-bottom: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--one-bsu { padding-left: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--one-bsu { padding-right: $wgc-bsu !important; padding-left: $wgc-bsu !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--one-bsu { padding-top: $wgc-bsu !important; padding-bottom: $wgc-bsu !important; } - } -} - -@if ($wgc-enable-paddings--two-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--two-bsu { padding: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--two-bsu { padding-top: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--two-bsu { padding-right: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--two-bsu { padding-bottom: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--two-bsu { padding-left: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--two-bsu { padding-right: double($wgc-bsu) !important; padding-left: double($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--two-bsu { padding-top: double($wgc-bsu) !important; padding-bottom: double($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-paddings--four-bsu == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--four-bsu { padding: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--four-bsu { padding-top: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--four-bsu { padding-right: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--four-bsu { padding-bottom: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--four-bsu { padding-left: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--four-bsu { padding-right: quadruple($wgc-bsu) !important; padding-left: quadruple($wgc-bsu) !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--four-bsu { padding-top: quadruple($wgc-bsu) !important; padding-bottom: quadruple($wgc-bsu) !important; } - } -} - -@if ($wgc-enable-paddings--none == true) { - @include wgc-generate-spacing() { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-all--none { padding: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-top--none { padding-top: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-right--none { padding-right: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-bottom--none { padding-bottom: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}padding-left--none { padding-left: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-horizontal--none { padding-right: 0 !important; padding-left: 0 !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}paddings-vertical--none { padding-top: 0 !important; padding-bottom: 0 !important; } - } -} diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss deleted file mode 100644 index c6cc175..0000000 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_breakpoints.scss +++ /dev/null @@ -1,29 +0,0 @@ -$wgc-breakpoints: ( - "" "screen and (min-width: 0em)", - "palm-" "screen and (max-width: 44.9375em)", - "lap-" "screen and (min-width: 45em) and (max-width: 63.9375em)", - "lap-and-up-" "screen and (min-width: 45em)", - "portable-" "screen and (max-width: 63.9375em)", - "desk-" "screen and (min-width: 64em)", - "retina-" "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)" -) !default; - -@mixin wgc-media-query($mq) { - $breakpoint-found: false; - - @each $wgc-breakpoint in $wgc-breakpoints { - $alias: nth($wgc-breakpoint, 1); - $condition: nth($wgc-breakpoint, 2); - - @if $mq == $alias and $condition { - $breakpoint-found: true; - @media #{$condition} { - @content; - } - } - } - - @if $breakpoint-found == false{ - @warn "Oops! Breakpoint ‘#{$mq}’ does not exist." - } -} diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss deleted file mode 100644 index aedf8ba..0000000 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_columns.scss +++ /dev/null @@ -1,74 +0,0 @@ -$wgc-columns: ( - 1 'one' 'whole' 'wholes', - 2 'two' 'half' 'halves', - 3 'three' 'third' 'thirds', - 4 'four' 'quarter' 'quarters', - 5 'five' 'fifth' 'fifths', - 6 'six' 'sixth' 'sixths', - 7 'seven' 'seventh' 'sevenths', - 8 'eight' 'eighth' 'eighths', - 9 'nine' 'ninth' 'ninths', - 10 'ten' 'tenth' 'tenths', - 11 'eleven' 'eleventh' 'elevenths', - 12 'twelve' 'twelfth' 'twelfths', - 13 'thirteen' 'thirteenth' 'thirteenths', - 14 'fourteen' 'fourteenth' 'fourteenths', - 15 'fifteen' 'fifteenth' 'fifteenths', - 16 'sixteen' 'sixteenth' 'sixteenths', - 17 'seventeen' 'seventeenth' 'seventeenths', - 18 'eighteen' 'eighteenth' 'eighteenths', - 19 'nineteen' 'nineteenth' 'nineteenths', - 20 'twenty' 'twentieth' 'twentieths' -) !default; - -@function numerator-to-word($index, $numerator) { - @each $row in $index { - @if (nth($row, 1) == $numerator) { - @return nth($row, 2); - } - } -} - -@function denominator-to-word($index, $numerator, $denominator) { - @each $row in $index { - @if nth($row, 1) == $denominator { - @if ($numerator == 1) { - @return nth($row, 3); - - } @else { - - @return nth($row, 4); - } - } - } -} - -@mixin wgc-widths($wgc-widths-denominator, $wgc-breakpoint: null) { - @if ($wgc-widths-denominator == 1) { - .#{$wgc-namespace}__#{$wgc-breakpoint}column-width--one-whole { - width: 100%; - } - - } @else { - - @for $wgc-widths-numerator from 1 to $wgc-widths-denominator { - .#{$wgc-namespace}__#{$wgc-breakpoint}column-width--#{numerator-to-word($wgc-columns, $wgc-widths-numerator)}-#{denominator-to-word($wgc-columns, $wgc-widths-numerator, $wgc-widths-denominator)} { - width: ($wgc-widths-numerator / $wgc-widths-denominator) * 100% !important; - } - - .#{$wgc-namespace}__#{$wgc-breakpoint}column-offset--#{numerator-to-word($wgc-columns, $wgc-widths-numerator)}-#{denominator-to-word($wgc-columns, $wgc-widths-numerator, $wgc-widths-denominator)} { - margin-left: ($wgc-widths-numerator / $wgc-widths-denominator) * 100% !important; - } - } - } -} - -@each $wgc-breakpoint in $wgc-breakpoints { - $alias: nth($wgc-breakpoint, 1); - - @include wgc-media-query($alias) { - @each $wgc-widths-column in $wgc-columns { - @include wgc-widths(nth($wgc-widths-column, 1), $alias); - } - } -} diff --git a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss b/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss deleted file mode 100644 index f10d29c..0000000 --- a/vendor/assets/stylesheets/wgc/modified_inuit_css/_layout_groups.scss +++ /dev/null @@ -1,59 +0,0 @@ -$wgc-layout-sizes: ( - $wgc-enable-layout--flush "--flush" 0, - $wgc-enable-layout--gutter-one-quarter-bsu "--gutter-one-quarter-bsu" quarter($wgc-bsu), - $wgc-enable-layout--gutter-one-half-bsu "--gutter-one-half-bsu" halve($wgc-bsu), - $wgc-enable-layout--gutter-one-bsu "--gutter-one-bsu" $wgc-bsu, - $wgc-enable-layout--gutter-two-bsu "--gutter-two-bsu" double($wgc-bsu), - $wgc-enable-layout--gutter-four-bsu "--gutter-four-bsu" quadruple($wgc-bsu) -) !default; - -@mixin wgc-layout-group($modifier, $modifier-value, $wgc-breakpoint) { - .#{$wgc-namespace}__#{$wgc-breakpoint}layout-group#{$modifier}, - %#{$wgc-namespace}__#{$wgc-breakpoint}layout-group#{$modifier} { - list-style: none; - margin: 0; - padding: 0; - - > .#{$wgc-namespace}__layout__item, - > %#{$wgc-namespace}__layout__item { - display: inline-block; - padding-left: 0; - padding-right: $modifier-value; - - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - > .#{$wgc-namespace}__#{$wgc-breakpoint}layout__item--center, - > %#{$wgc-namespace}__#{$wgc-breakpoint}layout__item--center { - padding-left: $modifier-value / 2; - padding-right: $modifier-value / 2; - } - } -} - -@each $wgc-breakpoint in $wgc-breakpoints { - $alias: nth($wgc-breakpoint, 1); - - @include wgc-media-query($alias) { - @each $wgc-layout-size in $wgc-layout-sizes { - $enabler: nth($wgc-layout-size, 1); - - @if ($enabler == true) { - - $modifier: nth($wgc-layout-size, 2); - $modifier-value: nth($wgc-layout-size, 3); - - @include wgc-layout-group($modifier, $modifier-value, $alias) - } - } - - @if ($wgc-enable-layout--center == true) { - .#{$wgc-namespace}__#{$alias}layout--center, - %#{$wgc-namespace}__#{$alias}layout--center { - margin: 0 auto; - } - } - } -} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss deleted file mode 100644 index 314a919..0000000 --- a/vendor/assets/stylesheets/wgc/wgc_add_ons/_borders.scss +++ /dev/null @@ -1,55 +0,0 @@ -.#{$wgc-namespace}__border-radius { - border-radius: $wgc-border-radius; -} - -.#{$wgc-namespace}__border-radius--top-right { - border-top-right-radius: $wgc-border-radius; -} - -.#{$wgc-namespace}__border-radius--bottom-right { - border-bottom-right-radius: $wgc-border-radius; -} - -.#{$wgc-namespace}__border-radius--top-left { - border-top-left-radius: $wgc-border-radius; -} - -.#{$wgc-namespace}__border-radius--bottom-left { - border-bottom-left-radius: $wgc-border-radius; -} - -.#{$wgc-namespace}__border-width--thin { - border-width: thin; -} - -.#{$wgc-namespace}__border-width--medium { - border-width: medium; -} - -.#{$wgc-namespace}__border-width--thick { - border-width: thick; -} - -.#{$wgc-namespace}__border-style--none { - border-style: none; -} - -.#{$wgc-namespace}__border-style--solid { - border-style: solid; -} - -.#{$wgc-namespace}__border-top-style--solid { - border-top-style: solid; -} - -.#{$wgc-namespace}__border-right-style--solid { - border-right-style: solid; -} - -.#{$wgc-namespace}__border-left-style--solid { - border-left-style: solid; -} - -.#{$wgc-namespace}__border-bottom-style--solid { - border-bottom-style: solid; -} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss deleted file mode 100644 index fe1617f..0000000 --- a/vendor/assets/stylesheets/wgc/wgc_add_ons/_colors.scss +++ /dev/null @@ -1,58 +0,0 @@ -$palette: ( - aqua: #0B57A4, - baby-blue: #B8D0E8, - black: #000000, - blue: #2A82D7, - blue-green: #148AA5, - blue-violet: #3714A4, - brown: #964B00, - crimson: #A50516, - deep-pink: #FB3C8F, - fuschia: #A51497, - gray: #686868, - green: #3AA03A, - hot-pink: #FF0080, - lemon: #FEE233, - light-blue: #8BBDEB, - light-red: #FC6A6C, - lime: #C1FD33, - lime-green: #2BFD2F, - magenta: #FC1CAD, - midnight-blue: #000066, - olive: #2B4726, - orange: #FD7222, - orange-red: #FC331C, - orange-yellow: #FFCC00, - peach: #FFE5B4, - pink: #FC5AB8, - purple: #AF31F2, - red: #FC0D1B, - red-orange: #D7462C, - salmon: #F69E94, - tan: #F2DDBF, - teal: #2B8A6D, - violet: #6B28CE, - violet-blue: #6041FA, - white: #FFFFFF, - yellow: #FEEE35, - yellow-green: #DEFD35, - yellow-orange: #FEC42E -); - -@each $name, $colour in $palette { - .#{$wgc-namespace}__text-color--#{$name} { - color: $colour; - }; - - .#{$wgc-namespace}__background-color--#{$name} { - background-color: $colour; - }; - - .#{$wgc-namespace}__border-color--#{$name} { - border-color: $colour; - }; -}; - -.#{$wgc-namespace}__background-transparent { - background-color: transparent; -} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss deleted file mode 100644 index 2845f15..0000000 --- a/vendor/assets/stylesheets/wgc/wgc_add_ons/_layout_helpers.scss +++ /dev/null @@ -1,61 +0,0 @@ -// Box Sizing -.#{$wgc-namespace}__box-sizing--border-box { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -// Float -.#{$wgc-namespace}__float--left { - float: left; -} - -.#{$wgc-namespace}__float--right { - float: right; -} - -// Clear -.#{$wgc-namespace}__clear--left { - clear: left; -} - -.#{$wgc-namespace}__clear--right { - clear: right; -} - -.#{$wgc-namespace}__clear--both { - clear: both; -} - -// Display -.#{$wgc-namespace}__display--inline-block { - display: inline-block; -} - -.#{$wgc-namespace}__display--block { - display: block; -} - -// Overflow -.#{$wgc-namespace}__overflow--hidden { - overflow: hidden; -} - -// Auto margin -.#{$wgc-namespace}__margin--auto { - margin: auto; -} - -// Vertical align - -.#{$wgc-namespace}__vertical-align--top { - vertical-align: top; -} - -.#{$wgc-namespace}__vertical-align--middle { - vertical-align: middle; -} - -.#{$wgc-namespace}__vertical-align--bottom { - vertical-align: bottom; -} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss deleted file mode 100644 index 038a95f..0000000 --- a/vendor/assets/stylesheets/wgc/wgc_add_ons/_lists.scss +++ /dev/null @@ -1,3 +0,0 @@ -.#{$wgc-namespace}__list-style--none { - list-style: none; -} diff --git a/vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss b/vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss deleted file mode 100644 index e86d9a1..0000000 --- a/vendor/assets/stylesheets/wgc/wgc_add_ons/_typography.scss +++ /dev/null @@ -1,27 +0,0 @@ -.#{$wgc-namespace}__text-align--center { - text-align: center; -} - -.#{$wgc-namespace}__text-align--justify { - text-align: justify; -} - -.#{$wgc-namespace}__text-align--left { - text-align: left; -} - -.#{$wgc-namespace}__text-align--right { - text-align: right; -} - -.#{$wgc-namespace}__text-transform--uppercase { - text-transform: uppercase; -} - -.#{$wgc-namespace}__text-decoration--none { - text-decoration: none; -} - -.#{$wgc-namespace}__font-weight--bold { - font-weight: bold; -} From 01bd08e9400f52b3555e0b6b9798732c546aef47 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 2 Apr 2016 12:17:41 +0100 Subject: [PATCH 14/22] updating version --- VERSION | 2 +- lib/inuit-rails/rails/engine.rb | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/VERSION b/VERSION index 4a36342..fcdb2e1 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -3.0.0 +4.0.0 diff --git a/lib/inuit-rails/rails/engine.rb b/lib/inuit-rails/rails/engine.rb index c2a42f0..bd8c791 100644 --- a/lib/inuit-rails/rails/engine.rb +++ b/lib/inuit-rails/rails/engine.rb @@ -4,5 +4,5 @@ class Engine < ::Rails::Engine end end - VERSION = '3.0.0'.freeze + VERSION = '4.0.0'.freeze end From 3e862c517251803d3fc98a6846ba4e85b09e90b5 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 2 Apr 2016 13:24:10 +0100 Subject: [PATCH 15/22] updating readme and example main.scss --- README.md | 20 ++--- example/main.scss | 203 ++++++++++++++++++++++++++++++++-------------- 2 files changed, 151 insertions(+), 72 deletions(-) diff --git a/README.md b/README.md index 00e93b8..7ebfecf 100644 --- a/README.md +++ b/README.md @@ -3,18 +3,12 @@ inuit-rails Compiling inuitcss with Rails Sprockets + some extra great stuff! -Using inuit-rails ------------------- - -For an example of this framework being used in anger take a look at our -[demo page](https://wegotcoders-inuit-rails-demo.herokuapp.com/). - -The corresponding set-up is located in `examples/main.scss` - Configuration -------------- -The 'vanilla inuit' modules within `vendor/app/stylesheets/inuit/` must be imported in the following order +For a working example take a look in `example/main.scss` + +The 'vanilla inuit' modules within `inuitcss/` and `csswizardry/` must be imported in the following order 1. Settings 2. Tools @@ -41,6 +35,8 @@ E.G. // Objects would go next... ``` +For help using the additional wegotcoders modules (recommended), please RTFM at https://wegotcoders.github.io/inuit-rails/ + About ----- @@ -49,14 +45,14 @@ This gem combines all of the repos on the new inuitcss github page A few of the files here have been included from the older inuitcss repo at [https://github.com/csswizardry/inuit.css/] since they are not yet covered by the -newest version. These are located in `/wgc/csswizardy`. +newest version. These are located in `/csswizardy`. -Some custom inuit-esque files are located in `wgc/modified_inuit_behaviour`. +Some custom inuit-esque files are located in `wegotcoders/modified_inuit_behaviour`. The syntax here has been adapted for improved 'guessability'. In addition each class has been coupled to all of the breakpoints. Some extra helper files, including a color palette, are located in -`wgc/additional_behaviour`. These can be useful +`wegotcoders/additional_behaviour`. These can be useful for customising elements beyond the basic macros of the inuitcss classes. diff --git a/example/main.scss b/example/main.scss index 6601b20..9a353df 100644 --- a/example/main.scss +++ b/example/main.scss @@ -1,62 +1,145 @@ -/* Set variables */ -$inuit-enable-btn--small: true; -$inuit-enable-btn--large: true; -$inuit-enable-btn--full: true; -$inuit-enable-btn--pill: true; - -$wgc-global-border-box: true; - -$wgc-enable-layout--flush: true; -$wgc-enable-layout--gutter-one-quarter-bsu: true; -$wgc-enable-layout--gutter-one-half-bsu: true; -$wgc-enable-layout--gutter-one-bsu: true; -$wgc-enable-layout--gutter-two-bsu: true; -$wgc-enable-layout--gutter-four-bsu: true; -$wgc-enable-layout--center: true; - -$wgc-enable-paddings--one-quarter-bsu: true; -$wgc-enable-paddings--one-half-bsu: true; -$wgc-enable-paddings--one-bsu: true; -$wgc-enable-paddings--two-bsu: true; -$wgc-enable-paddings--four-bsu: true; -$wgc-enable-paddings--none: true; - -$wgc-enable-margins--one-quarter-bsu: true; -$wgc-enable-margins--one-half-bsu: true; -$wgc-enable-margins--one-bsu: true; -$wgc-enable-margins--two-bsu: true; -$wgc-enable-margins--four-bsu: true; -$wgc-enable-margins--none: true; -$wgc-enable-negative-margins--one-quarter-bsu: true; -$wgc-enable-negative-margins--one-half-bsu: true; -$wgc-enable-negative-margins--one-bsu: true; -$wgc-enable-negative-margins--two-bsu: true; -$wgc-enable-negative-margins--four-bsu: true; - -/* Import desired files */ +/* *\ + Set vanilla inuitcss variables +\* */ + +$inuit-enable-btn--small: true; +$inuit-enable-btn--large: true; +$inuit-enable-btn--full: true; +$inuit-enable-btn--pill: true; + +/* *\ + Set wegotcoders variables +\* */ + +$wgc-breakpoints: ( + ( + breakpoint-scope: 'all-devices', + breakpoint-condition: 'screen and (min-width: 0em)' + ), + ( + breakpoint-scope: 'palm', + breakpoint-condition: 'screen and (max-width: 44.9375em)' + ), + ( + breakpoint-scope: 'lap', + breakpoint-condition: 'screen and (min-width: 45em) and (max-width: 63.9375em)' + ), + ( + breakpoint-scope: 'lap-and-up', + breakpoint-condition: 'screen and (min-width: 45em)' + ), + ( + breakpoint-scope: 'portable', + breakpoint-condition: 'screen and (max-width: 63.9375em)' + ), + ( + breakpoint-scope: 'desk', + breakpoint-condition: 'screen and (min-width: 64em)' + ) +) !default; + +$wgc-allowed-breakpoints-for-guttering-option--flush: (); +$wgc-allowed-breakpoints-for-guttering-option--one-quarter-bsu: (); +$wgc-allowed-breakpoints-for-guttering-option--one-half-bsu: (); +$wgc-allowed-breakpoints-for-guttering-option--one-bsu: (); +$wgc-allowed-breakpoints-for-guttering-option--two-bsu: (); +$wgc-allowed-breakpoints-for-guttering-option--four-bsu: (); + +$wgc-allowed-breakpoints-for-column-group-wholes: (); +$wgc-allowed-breakpoints-for-column-group-halves: (); +$wgc-allowed-breakpoints-for-column-group-thirds: (); +$wgc-allowed-breakpoints-for-column-group-quarters: (); +$wgc-allowed-breakpoints-for-column-group-fifths: (); +$wgc-allowed-breakpoints-for-column-group-sixths: (); +$wgc-allowed-breakpoints-for-column-group-sevenths: (); +$wgc-allowed-breakpoints-for-column-group-eighths: (); +$wgc-allowed-breakpoints-for-column-group-ninths: (); +$wgc-allowed-breakpoints-for-column-group-tenths: (); +$wgc-allowed-breakpoints-for-column-group-elevenths: (); +$wgc-allowed-breakpoints-for-column-group-twelfths: (); +$wgc-allowed-breakpoints-for-column-group-thirteenths: (); +$wgc-allowed-breakpoints-for-column-group-fourteenths: (); +$wgc-allowed-breakpoints-for-column-group-fifteenths: (); +$wgc-allowed-breakpoints-for-column-group-sixteenths: (); +$wgc-allowed-breakpoints-for-column-group-seventeenths: (); +$wgc-allowed-breakpoints-for-column-group-eighteenths: (); +$wgc-allowed-breakpoints-for-column-group-nineteenths: (); +$wgc-allowed-breakpoints-for-column-group-twentieths: (); + +$wgc-allowed-breakpoints-for-paddings--none: (); +$wgc-allowed-breakpoints-for-paddings--one-quarter-bsu: (); +$wgc-allowed-breakpoints-for-paddings--one-half-bsu: (); +$wgc-allowed-breakpoints-for-paddings--one-bsu: (); +$wgc-allowed-breakpoints-for-paddings--two-bsu: (); +$wgc-allowed-breakpoints-for-paddings--four-bsu: (); +$wgc-allowed-breakpoints-for-margins--none: (); +$wgc-allowed-breakpoints-for-margins--one-quarter-bsu: (); +$wgc-allowed-breakpoints-for-margins--one-half-bsu: (); +$wgc-allowed-breakpoints-for-margins--one-bsu: (); +$wgc-allowed-breakpoints-for-margins--two-bsu: (); +$wgc-allowed-breakpoints-for-margins--four-bsu: (); +$wgc-allowed-breakpoints-for-negative-margins--one-quarter-bsu: (); +$wgc-allowed-breakpoints-for-negative-margins--one-half-bsu: (); +$wgc-allowed-breakpoints-for-negative-margins--one-bsu: (); +$wgc-allowed-breakpoints-for-negative-margins--two-bsu: (); +$wgc-allowed-breakpoints-for-negative-margins--four-bsu: (); + +$wgc-allowed-breakpoints-for-layout-helpers: (); +$wgc-allowed-breakpoints-for-colours: (); +$wgc-allowed-breakpoints-for-borders: (); +$wgc-allowed-breakpoints-for-lists: (); +$wgc-allowed-breakpoints-for-typography: (); + +/* *\ + Import vanilla inuitcss modules +\* */ + +@import + 'inuitcss/inuit-defaults/settings.defaults', + 'inuitcss/inuit-mixins/tools.mixins', + 'inuitcss/inuit-functions/tools.functions', + 'inuitcss/inuit-normalize/generic.normalize', + 'inuitcss/inuit-box-sizing/generic.box-sizing', + 'inuitcss/inuit-list-inline/objects.list-inline', + 'inuitcss/inuit-buttons/objects.buttons', + 'inuitcss/inuit-clearfix/trumps.clearfix' +; + +/* *\ + Import css_wizardy modules +\* */ + @import - 'inuit/inuit-defaults/settings.defaults', - 'inuit/inuit-mixins/tools.mixins', - 'inuit/inuit-functions/tools.functions', - 'inuit/inuit-normalize/generic.normalize', - 'inuit/inuit-box-sizing/generic.box-sizing', - 'inuit/inuit-list-inline/objects.list-inline', - 'inuit/inuit-buttons/objects.buttons', - 'inuit/inuit-clearfix/trumps.clearfix', - - 'wgc/wgc_config', - - 'wgc/css_wizardy/generic.shared', - 'wgc/css_wizardy/base.forms', - 'wgc/css_wizardy/objects.flyout', - - 'wgc/modified_inuit_css/breakpoints', - 'wgc/modified_inuit_css/layout_groups', - 'wgc/modified_inuit_css/columns', - 'wgc/modified_inuit_css/box_model', - - 'wgc/wgc_add_ons/layout_helpers', - 'wgc/wgc_add_ons/borders', - 'wgc/wgc_add_ons/colors', - 'wgc/wgc_add_ons/typography' + 'css_wizardy/generic.shared', + 'css_wizardy/base.forms', + 'css_wizardy/objects.flyout' +; + +/* *\ + Import wegotcoders modules +\* */ + +/* The order here: + 'wegotcoders/wgc_config', + + 'wegotcoders/modified_inuit_css/breakpoints', + 'wegotcoders/modified_inuit_css/functions', + + is crucial! +*/ + +@import + 'wegotcoders/wgc_config', + + 'wegotcoders/modified_inuit_css/breakpoints', + 'wegotcoders/modified_inuit_css/functions', + 'wegotcoders/modified_inuit_css/layout_groups', + 'wegotcoders/modified_inuit_css/columns', + 'wegotcoders/modified_inuit_css/box_model', + + 'wegotcoders/wgc_add_ons/layout_helpers', + 'wegotcoders/wgc_add_ons/borders', + 'wegotcoders/wgc_add_ons/colours', + 'wegotcoders/wgc_add_ons/lists', + 'wegotcoders/wgc_add_ons/typography' ; From 88a7279ebf4c8499f8786cee83047ccecaf001da Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 2 Apr 2016 13:43:49 +0100 Subject: [PATCH 16/22] setting allowed breakpoints in example/main.scss --- example/main.scss | 104 +++++++++++++++++++++++----------------------- 1 file changed, 53 insertions(+), 51 deletions(-) diff --git a/example/main.scss b/example/main.scss index 9a353df..9bb5ab8 100644 --- a/example/main.scss +++ b/example/main.scss @@ -38,57 +38,59 @@ $wgc-breakpoints: ( ) ) !default; -$wgc-allowed-breakpoints-for-guttering-option--flush: (); -$wgc-allowed-breakpoints-for-guttering-option--one-quarter-bsu: (); -$wgc-allowed-breakpoints-for-guttering-option--one-half-bsu: (); -$wgc-allowed-breakpoints-for-guttering-option--one-bsu: (); -$wgc-allowed-breakpoints-for-guttering-option--two-bsu: (); -$wgc-allowed-breakpoints-for-guttering-option--four-bsu: (); - -$wgc-allowed-breakpoints-for-column-group-wholes: (); -$wgc-allowed-breakpoints-for-column-group-halves: (); -$wgc-allowed-breakpoints-for-column-group-thirds: (); -$wgc-allowed-breakpoints-for-column-group-quarters: (); -$wgc-allowed-breakpoints-for-column-group-fifths: (); -$wgc-allowed-breakpoints-for-column-group-sixths: (); -$wgc-allowed-breakpoints-for-column-group-sevenths: (); -$wgc-allowed-breakpoints-for-column-group-eighths: (); -$wgc-allowed-breakpoints-for-column-group-ninths: (); -$wgc-allowed-breakpoints-for-column-group-tenths: (); -$wgc-allowed-breakpoints-for-column-group-elevenths: (); -$wgc-allowed-breakpoints-for-column-group-twelfths: (); -$wgc-allowed-breakpoints-for-column-group-thirteenths: (); -$wgc-allowed-breakpoints-for-column-group-fourteenths: (); -$wgc-allowed-breakpoints-for-column-group-fifteenths: (); -$wgc-allowed-breakpoints-for-column-group-sixteenths: (); -$wgc-allowed-breakpoints-for-column-group-seventeenths: (); -$wgc-allowed-breakpoints-for-column-group-eighteenths: (); -$wgc-allowed-breakpoints-for-column-group-nineteenths: (); -$wgc-allowed-breakpoints-for-column-group-twentieths: (); - -$wgc-allowed-breakpoints-for-paddings--none: (); -$wgc-allowed-breakpoints-for-paddings--one-quarter-bsu: (); -$wgc-allowed-breakpoints-for-paddings--one-half-bsu: (); -$wgc-allowed-breakpoints-for-paddings--one-bsu: (); -$wgc-allowed-breakpoints-for-paddings--two-bsu: (); -$wgc-allowed-breakpoints-for-paddings--four-bsu: (); -$wgc-allowed-breakpoints-for-margins--none: (); -$wgc-allowed-breakpoints-for-margins--one-quarter-bsu: (); -$wgc-allowed-breakpoints-for-margins--one-half-bsu: (); -$wgc-allowed-breakpoints-for-margins--one-bsu: (); -$wgc-allowed-breakpoints-for-margins--two-bsu: (); -$wgc-allowed-breakpoints-for-margins--four-bsu: (); -$wgc-allowed-breakpoints-for-negative-margins--one-quarter-bsu: (); -$wgc-allowed-breakpoints-for-negative-margins--one-half-bsu: (); -$wgc-allowed-breakpoints-for-negative-margins--one-bsu: (); -$wgc-allowed-breakpoints-for-negative-margins--two-bsu: (); -$wgc-allowed-breakpoints-for-negative-margins--four-bsu: (); - -$wgc-allowed-breakpoints-for-layout-helpers: (); -$wgc-allowed-breakpoints-for-colours: (); -$wgc-allowed-breakpoints-for-borders: (); -$wgc-allowed-breakpoints-for-lists: (); -$wgc-allowed-breakpoints-for-typography: (); +$main-breakpoints: ('palm', 'lap-and-up', 'desk'); + +$wgc-allowed-breakpoints-for-guttering-option--flush: $main-breakpoints; +$wgc-allowed-breakpoints-for-guttering-option--one-quarter-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-guttering-option--one-half-bsu: ('lap-and-up'); +$wgc-allowed-breakpoints-for-guttering-option--one-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-guttering-option--two-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-guttering-option--four-bsu: ('desk'); + +$wgc-allowed-breakpoints-for-column-group-wholes: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-halves: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-thirds: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-quarters: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-fifths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-sixths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-sevenths: ('palm', 'lap-and-up'); +$wgc-allowed-breakpoints-for-column-group-eighths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-ninths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-tenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-elevenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-twelfths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-thirteenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-fourteenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-fifteenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-sixteenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-seventeenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-eighteenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-nineteenths: $main-breakpoints; +$wgc-allowed-breakpoints-for-column-group-twentieths: ('palm'); + +$wgc-allowed-breakpoints-for-paddings--none: $main-breakpoints; +$wgc-allowed-breakpoints-for-paddings--one-quarter-bsu: ('all-devices'); +$wgc-allowed-breakpoints-for-paddings--one-half-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-paddings--one-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-paddings--two-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-paddings--four-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-margins--none: $main-breakpoints; +$wgc-allowed-breakpoints-for-margins--one-quarter-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-margins--one-half-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-margins--one-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-margins--two-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-margins--four-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-negative-margins--one-quarter-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-negative-margins--one-half-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-negative-margins--one-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-negative-margins--two-bsu: $main-breakpoints; +$wgc-allowed-breakpoints-for-negative-margins--four-bsu: $main-breakpoints; + +$wgc-allowed-breakpoints-for-layout-helpers: $main-breakpoints; +$wgc-allowed-breakpoints-for-colours: $main-breakpoints; +$wgc-allowed-breakpoints-for-borders: $main-breakpoints; +$wgc-allowed-breakpoints-for-lists: $main-breakpoints; +$wgc-allowed-breakpoints-for-typography: $main-breakpoints; /* *\ Import vanilla inuitcss modules From 5217ce4a85696127889945b9f082277474baff10 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 2 Apr 2016 13:44:08 +0100 Subject: [PATCH 17/22] compiling with allowed breakpoints set --- .../modified_inuit_css/_box_model.scss | 42 +++++++++---------- .../modified_inuit_css/_columns.scss | 9 ++-- 2 files changed, 27 insertions(+), 24 deletions(-) diff --git a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss index 02a843f..639a935 100644 --- a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_box_model.scss @@ -98,32 +98,32 @@ $wgc-negative-margin-options: ( @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { @include wgc-media-query($breakpoint-scope) { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-paddings-all--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-paddings-all--#{$bem-modifier} { padding: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-top--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-top--#{$bem-modifier} { padding-top: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-right--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-right--#{$bem-modifier} { padding-right: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-bottom--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-bottom--#{$bem-modifier} { padding-bottom: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-padding-left--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-left--#{$bem-modifier} { padding-left: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-paddings-horizontal--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-paddings-horizontal--#{$bem-modifier} { padding-right: $dimension !important; padding-left: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-paddings-vertical--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-paddings-vertical--#{$bem-modifier} { padding-top: $dimension !important; padding-bottom: $dimension !important; } @@ -138,32 +138,32 @@ $wgc-negative-margin-options: ( @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { @include wgc-media-query($breakpoint-scope) { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margins-all--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-margins-all--#{$bem-modifier} { margin: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-top--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-top--#{$bem-modifier} { margin-top: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-right--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-right--#{$bem-modifier} { margin-right: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-bottom--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-bottom--#{$bem-modifier} { margin-bottom: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margin-left--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-left--#{$bem-modifier} { margin-left: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margins-horizontal--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-margins-horizontal--#{$bem-modifier} { margin-right: $dimension !important; margin-left: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-margins-vertical--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-margins-vertical--#{$bem-modifier} { margin-top: $dimension !important; margin-bottom: $dimension !important; } @@ -178,32 +178,32 @@ $wgc-negative-margin-options: ( @if (breakpoint-scope-is-allowed($breakpoint-scope, $allowed-breakpoints)) { @include wgc-media-query($breakpoint-scope) { - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margins-all--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margins-all--#{$bem-modifier} { margin: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-top--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-top--#{$bem-modifier} { margin-top: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-right--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-right--#{$bem-modifier} { margin-right: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-bottom--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-bottom--#{$bem-modifier} { margin-bottom: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margin-left--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-left--#{$bem-modifier} { margin-left: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margins-horizontal--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margins-horizontal--#{$bem-modifier} { margin-right: $dimension !important; margin-left: $dimension !important; } - .#{$wgc-namespace}__#{$wgc-generate-spacing-alias}-negative-margins-vertical--#{$bem-modifier} { + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margins-vertical--#{$bem-modifier} { margin-top: $dimension !important; margin-bottom: $dimension !important; } diff --git a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss index 860d2b8..1fb4d77 100644 --- a/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss @@ -201,9 +201,12 @@ $wgc-numerators: ( ) ); -@function numerator-to-word($numerator) { - @each $word, $numeral in $wgc-numerators { - @if ($numerator == $numeral) { +@function numerator-to-word($given-numerator) { + @each $numerator in $wgc-numerators { + $numeral: map-get($numerator, numeral); + $word: map-get($numerator, word); + + @if ($given-numerator == $numeral) { @return $word; } } From 9df506d49d3b3d0b610dbb6b4dfcfe897a446aff Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Sat, 2 Apr 2016 13:50:42 +0100 Subject: [PATCH 18/22] removing unnecessary square braces from hyperlinks in readme --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 7ebfecf..56258db 100644 --- a/README.md +++ b/README.md @@ -41,10 +41,10 @@ About ----- This gem combines all of the repos on the new inuitcss github page -[https://github.com/inuitcss]. +https://github.com/inuitcss. A few of the files here have been included from the older inuitcss repo at -[https://github.com/csswizardry/inuit.css/] since they are not yet covered by the +https://github.com/csswizardry/inuit.css/ since they are not yet covered by the newest version. These are located in `/csswizardy`. Some custom inuit-esque files are located in `wegotcoders/modified_inuit_behaviour`. From 12b716f1ae9fb03131c122fa0650f00c3c377554 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Wed, 6 Apr 2016 20:45:43 +0100 Subject: [PATCH 19/22] adding scoping to typography classes --- example/main.scss | 2 +- .../wegotcoders/wgc_add_ons/_typography.scss | 16 ++++++++-------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/example/main.scss b/example/main.scss index 9bb5ab8..1db7854 100644 --- a/example/main.scss +++ b/example/main.scss @@ -36,7 +36,7 @@ $wgc-breakpoints: ( breakpoint-scope: 'desk', breakpoint-condition: 'screen and (min-width: 64em)' ) -) !default; +); $main-breakpoints: ('palm', 'lap-and-up', 'desk'); diff --git a/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss index 6eaa9ba..8c3961c 100644 --- a/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss +++ b/vendor/assets/stylesheets/wegotcoders/wgc_add_ons/_typography.scss @@ -6,31 +6,31 @@ @include wgc-media-query($breakpoint-scope) { - .#{$wgc-namespace}__text-align--center { + .#{$wgc-namespace}__#{$breakpoint-scope}-text-align--center { text-align: center; } - .#{$wgc-namespace}__text-align--justify { + .#{$wgc-namespace}__#{$breakpoint-scope}-text-align--justify { text-align: justify; } - .#{$wgc-namespace}__text-align--left { + .#{$wgc-namespace}__#{$breakpoint-scope}-text-align--left { text-align: left; } - .#{$wgc-namespace}__text-align--right { + .#{$wgc-namespace}__#{$breakpoint-scope}-text-align--right { text-align: right; } - .#{$wgc-namespace}__text-transform--uppercase { + .#{$wgc-namespace}__#{$breakpoint-scope}-text-transform--uppercase { text-transform: uppercase; } - .#{$wgc-namespace}__text-decoration--none { + .#{$wgc-namespace}__#{$breakpoint-scope}-text-decoration--none { text-decoration: none; } - .#{$wgc-namespace}__font-weight--bold { + .#{$wgc-namespace}__#{$breakpoint-scope}-font-weight--bold { font-weight: bold; } @@ -121,7 +121,7 @@ $scale-factor: map-get($font-size, scale-factor); $value: map-get($font-size, value); - .#{$wgc-namespace}__scale-font-size--#{$scale-factor} { + .#{$wgc-namespace}__#{$breakpoint-scope}-scale-font-size--#{$scale-factor} { font-size: $value; } } From ef650f809d5cd0c7f33b2adb751c279d5f474708 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Thu, 7 Apr 2016 10:07:32 +0100 Subject: [PATCH 20/22] correcting file references in the readme --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 56258db..1267170 100644 --- a/README.md +++ b/README.md @@ -47,12 +47,12 @@ A few of the files here have been included from the older inuitcss repo at https://github.com/csswizardry/inuit.css/ since they are not yet covered by the newest version. These are located in `/csswizardy`. -Some custom inuit-esque files are located in `wegotcoders/modified_inuit_behaviour`. +Some custom inuit-esque files are located in `wegotcoders/modified_inuit_css`. The syntax here has been adapted for improved 'guessability'. In addition each class has been coupled to all of the breakpoints. Some extra helper files, including a color palette, are located in -`wegotcoders/additional_behaviour`. These can be useful +`wegotcoders/wgc_add_ons`. These can be useful for customising elements beyond the basic macros of the inuitcss classes. From 6be7f3532cb626fee2449c0608d5201d1b2fc7c5 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Thu, 7 Apr 2016 10:09:18 +0100 Subject: [PATCH 21/22] correcting syntax in file references in readme --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 1267170..1899a92 100644 --- a/README.md +++ b/README.md @@ -45,14 +45,14 @@ https://github.com/inuitcss. A few of the files here have been included from the older inuitcss repo at https://github.com/csswizardry/inuit.css/ since they are not yet covered by the -newest version. These are located in `/csswizardy`. +newest version. These are located in `csswizardy/`. -Some custom inuit-esque files are located in `wegotcoders/modified_inuit_css`. +Some custom inuit-esque files are located in `wegotcoders/modified_inuit_css/`. The syntax here has been adapted for improved 'guessability'. In addition each class has been coupled to all of the breakpoints. Some extra helper files, including a color palette, are located in -`wegotcoders/wgc_add_ons`. These can be useful +`wegotcoders/wgc_add_ons/`. These can be useful for customising elements beyond the basic macros of the inuitcss classes. From 9923859c511be81d864dad0237088426c6395b04 Mon Sep 17 00:00:00 2001 From: Alfred Oliver Willder Date: Thu, 7 Apr 2016 13:56:45 +0100 Subject: [PATCH 22/22] simplifying example/main.scss --- example/main.scss | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) diff --git a/example/main.scss b/example/main.scss index 1db7854..70af69a 100644 --- a/example/main.scss +++ b/example/main.scss @@ -12,26 +12,14 @@ $inuit-enable-btn--pill: true; \* */ $wgc-breakpoints: ( - ( - breakpoint-scope: 'all-devices', - breakpoint-condition: 'screen and (min-width: 0em)' - ), ( breakpoint-scope: 'palm', breakpoint-condition: 'screen and (max-width: 44.9375em)' ), - ( - breakpoint-scope: 'lap', - breakpoint-condition: 'screen and (min-width: 45em) and (max-width: 63.9375em)' - ), ( breakpoint-scope: 'lap-and-up', breakpoint-condition: 'screen and (min-width: 45em)' ), - ( - breakpoint-scope: 'portable', - breakpoint-condition: 'screen and (max-width: 63.9375em)' - ), ( breakpoint-scope: 'desk', breakpoint-condition: 'screen and (min-width: 64em)' @@ -69,7 +57,7 @@ $wgc-allowed-breakpoints-for-column-group-nineteenths: $main-breakpoint $wgc-allowed-breakpoints-for-column-group-twentieths: ('palm'); $wgc-allowed-breakpoints-for-paddings--none: $main-breakpoints; -$wgc-allowed-breakpoints-for-paddings--one-quarter-bsu: ('all-devices'); +$wgc-allowed-breakpoints-for-paddings--one-quarter-bsu: ('lap-and-up'); $wgc-allowed-breakpoints-for-paddings--one-half-bsu: $main-breakpoints; $wgc-allowed-breakpoints-for-paddings--one-bsu: $main-breakpoints; $wgc-allowed-breakpoints-for-paddings--two-bsu: $main-breakpoints;