diff --git a/README.md b/README.md index a0011cb..1899a92 100644 --- a/README.md +++ b/README.md @@ -1,20 +1,26 @@ inuit-rails =========== -An attempt to get inuit css framework to play nicely with rails. +Compiling inuitcss with Rails Sprockets + some extra great stuff! -It is strategy #2 in this useful blog post: http://www.codefellows.org/blog/five-ways-to-manage-front-end-assets-in-rails +Configuration +-------------- -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. +For a working example take a look in `example/main.scss` -Using inuit-rails ------------------ +The 'vanilla inuit' modules within `inuitcss/` and `csswizardry/` must be imported in the following order -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. +1. Settings +2. Tools +3. Generic +4. Base +5. Objects +6. Components +7. Trumps -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. +E.G. -``` +```scss @import "inuit-defaults/settings.defaults"; @import "inuit-functions/tools.functions"; @@ -29,12 +35,26 @@ 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. +For help using the additional wegotcoders modules (recommended), please RTFM at https://wegotcoders.github.io/inuit-rails/ -``` - $inuit-btn-background: #09992a; - @import "inuit-buttons/objects.buttons"; -``` +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 `csswizardy/`. + +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 +for customising elements beyond the basic macros of the inuitcss +classes. Contributing to inuit-rails --------------------------- @@ -44,5 +64,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/VERSION b/VERSION index 0ea3a94..fcdb2e1 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -0.2.0 +4.0.0 diff --git a/example/main.scss b/example/main.scss new file mode 100644 index 0000000..70af69a --- /dev/null +++ b/example/main.scss @@ -0,0 +1,135 @@ +/* *\ + 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: 'palm', + breakpoint-condition: 'screen and (max-width: 44.9375em)' + ), + ( + breakpoint-scope: 'lap-and-up', + breakpoint-condition: 'screen and (min-width: 45em)' + ), + ( + breakpoint-scope: 'desk', + breakpoint-condition: 'screen and (min-width: 64em)' + ) +); + +$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: ('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; +$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 +\* */ + +@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 + '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' +; diff --git a/lib/inuit-rails/rails/engine.rb b/lib/inuit-rails/rails/engine.rb index 8daae4a..bd8c791 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 = '4.0.0'.freeze +end diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_base.forms.scss b/vendor/assets/stylesheets/css_wizardy/_base.forms.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/inuit-overrides/_base.forms.scss rename to vendor/assets/stylesheets/css_wizardy/_base.forms.scss diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_generic.shared.scss b/vendor/assets/stylesheets/css_wizardy/_generic.shared.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/inuit-overrides/_generic.shared.scss rename to vendor/assets/stylesheets/css_wizardy/_generic.shared.scss diff --git a/vendor/assets/stylesheets/wgc/inuit-overrides/_objects.flyout.scss b/vendor/assets/stylesheets/css_wizardy/_objects.flyout.scss similarity index 100% rename from vendor/assets/stylesheets/wgc/inuit-overrides/_objects.flyout.scss rename to vendor/assets/stylesheets/css_wizardy/_objects.flyout.scss diff --git a/vendor/assets/stylesheets/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-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-box/_objects.box.scss b/vendor/assets/stylesheets/inuitcss/inuit-box/_objects.box.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-box/_objects.box.scss rename to vendor/assets/stylesheets/inuitcss/inuit-box/_objects.box.scss diff --git a/vendor/assets/stylesheets/inuit-buttons/_objects.buttons.scss b/vendor/assets/stylesheets/inuitcss/inuit-buttons/_objects.buttons.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-buttons/_objects.buttons.scss rename to vendor/assets/stylesheets/inuitcss/inuit-buttons/_objects.buttons.scss diff --git a/vendor/assets/stylesheets/inuit-clearfix/_trumps.clearfix.scss b/vendor/assets/stylesheets/inuitcss/inuit-clearfix/_trumps.clearfix.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-clearfix/_trumps.clearfix.scss rename to vendor/assets/stylesheets/inuitcss/inuit-clearfix/_trumps.clearfix.scss diff --git a/vendor/assets/stylesheets/inuit-defaults/_settings.defaults.scss b/vendor/assets/stylesheets/inuitcss/inuit-defaults/_settings.defaults.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-defaults/_settings.defaults.scss rename to vendor/assets/stylesheets/inuitcss/inuit-defaults/_settings.defaults.scss diff --git a/vendor/assets/stylesheets/inuit-flag/_objects.flag.scss b/vendor/assets/stylesheets/inuitcss/inuit-flag/_objects.flag.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-flag/_objects.flag.scss rename to vendor/assets/stylesheets/inuitcss/inuit-flag/_objects.flag.scss diff --git a/vendor/assets/stylesheets/inuit-functions/_tools.functions.scss b/vendor/assets/stylesheets/inuitcss/inuit-functions/_tools.functions.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-functions/_tools.functions.scss rename to vendor/assets/stylesheets/inuitcss/inuit-functions/_tools.functions.scss diff --git a/vendor/assets/stylesheets/inuit-headings/_base.headings.scss b/vendor/assets/stylesheets/inuitcss/inuit-headings/_base.headings.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-headings/_base.headings.scss rename to vendor/assets/stylesheets/inuitcss/inuit-headings/_base.headings.scss diff --git a/vendor/assets/stylesheets/inuit-images/_base.images.scss b/vendor/assets/stylesheets/inuitcss/inuit-images/_base.images.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-images/_base.images.scss rename to vendor/assets/stylesheets/inuitcss/inuit-images/_base.images.scss diff --git a/vendor/assets/stylesheets/inuit-layout/_objects.layout.scss b/vendor/assets/stylesheets/inuitcss/inuit-layout/_objects.layout.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-layout/_objects.layout.scss rename to vendor/assets/stylesheets/inuitcss/inuit-layout/_objects.layout.scss diff --git a/vendor/assets/stylesheets/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-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-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-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-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-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-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-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-lists/_base.lists.scss b/vendor/assets/stylesheets/inuitcss/inuit-lists/_base.lists.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-lists/_base.lists.scss rename to vendor/assets/stylesheets/inuitcss/inuit-lists/_base.lists.scss diff --git a/vendor/assets/stylesheets/inuit-media/_objects.media.scss b/vendor/assets/stylesheets/inuitcss/inuit-media/_objects.media.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-media/_objects.media.scss rename to vendor/assets/stylesheets/inuitcss/inuit-media/_objects.media.scss diff --git a/vendor/assets/stylesheets/inuit-mixins/_tools.mixins.scss b/vendor/assets/stylesheets/inuitcss/inuit-mixins/_tools.mixins.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-mixins/_tools.mixins.scss rename to vendor/assets/stylesheets/inuitcss/inuit-mixins/_tools.mixins.scss diff --git a/vendor/assets/stylesheets/inuit-normalize/_generic.normalize.scss b/vendor/assets/stylesheets/inuitcss/inuit-normalize/_generic.normalize.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-normalize/_generic.normalize.scss rename to vendor/assets/stylesheets/inuitcss/inuit-normalize/_generic.normalize.scss diff --git a/vendor/assets/stylesheets/inuit-page/_base.page.scss b/vendor/assets/stylesheets/inuitcss/inuit-page/_base.page.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-page/_base.page.scss rename to vendor/assets/stylesheets/inuitcss/inuit-page/_base.page.scss diff --git a/vendor/assets/stylesheets/inuit-paragraphs/_base.paragraphs.scss b/vendor/assets/stylesheets/inuitcss/inuit-paragraphs/_base.paragraphs.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-paragraphs/_base.paragraphs.scss rename to vendor/assets/stylesheets/inuitcss/inuit-paragraphs/_base.paragraphs.scss diff --git a/vendor/assets/stylesheets/inuit-print/_trumps.print.scss b/vendor/assets/stylesheets/inuitcss/inuit-print/_trumps.print.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-print/_trumps.print.scss rename to vendor/assets/stylesheets/inuitcss/inuit-print/_trumps.print.scss diff --git a/vendor/assets/stylesheets/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-responsive-settings/_settings.responsive.scss rename to vendor/assets/stylesheets/inuitcss/inuit-responsive-settings/_settings.responsive.scss diff --git a/vendor/assets/stylesheets/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-responsive-tools/_tools.responsive.scss rename to vendor/assets/stylesheets/inuitcss/inuit-responsive-tools/_tools.responsive.scss diff --git a/vendor/assets/stylesheets/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-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-spacing/_trumps.spacing.scss b/vendor/assets/stylesheets/inuitcss/inuit-spacing/_trumps.spacing.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-spacing/_trumps.spacing.scss rename to vendor/assets/stylesheets/inuitcss/inuit-spacing/_trumps.spacing.scss diff --git a/vendor/assets/stylesheets/inuit-tables/_objects.tables.scss b/vendor/assets/stylesheets/inuitcss/inuit-tables/_objects.tables.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-tables/_objects.tables.scss rename to vendor/assets/stylesheets/inuitcss/inuit-tables/_objects.tables.scss diff --git a/vendor/assets/stylesheets/inuit-tabs/_objects.tabs.scss b/vendor/assets/stylesheets/inuitcss/inuit-tabs/_objects.tabs.scss similarity index 100% rename from vendor/assets/stylesheets/inuit-tabs/_objects.tabs.scss rename to vendor/assets/stylesheets/inuitcss/inuit-tabs/_objects.tabs.scss diff --git a/vendor/assets/stylesheets/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-tools-widths/_tools.widths.scss rename to vendor/assets/stylesheets/inuitcss/inuit-tools-widths/_tools.widths.scss diff --git a/vendor/assets/stylesheets/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-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-widths/_trumps.widths.scss b/vendor/assets/stylesheets/inuitcss/inuit-widths/_trumps.widths.scss similarity index 100% rename from vendor/assets/stylesheets/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..639a935 --- /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}__#{$breakpoint-scope}-paddings-all--#{$bem-modifier} { + padding: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-top--#{$bem-modifier} { + padding-top: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-right--#{$bem-modifier} { + padding-right: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-bottom--#{$bem-modifier} { + padding-bottom: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-padding-left--#{$bem-modifier} { + padding-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-paddings-horizontal--#{$bem-modifier} { + padding-right: $dimension !important; + padding-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-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}__#{$breakpoint-scope}-margins-all--#{$bem-modifier} { + margin: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-top--#{$bem-modifier} { + margin-top: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-right--#{$bem-modifier} { + margin-right: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-bottom--#{$bem-modifier} { + margin-bottom: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-margin-left--#{$bem-modifier} { + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-margins-horizontal--#{$bem-modifier} { + margin-right: $dimension !important; + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-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}__#{$breakpoint-scope}-negative-margins-all--#{$bem-modifier} { + margin: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-top--#{$bem-modifier} { + margin-top: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-right--#{$bem-modifier} { + margin-right: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-bottom--#{$bem-modifier} { + margin-bottom: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margin-left--#{$bem-modifier} { + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-negative-margins-horizontal--#{$bem-modifier} { + margin-right: $dimension !important; + margin-left: $dimension !important; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-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..1fb4d77 --- /dev/null +++ b/vendor/assets/stylesheets/wegotcoders/modified_inuit_css/_columns.scss @@ -0,0 +1,275 @@ +$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($given-numerator) { + @each $numerator in $wgc-numerators { + $numeral: map-get($numerator, numeral); + $word: map-get($numerator, word); + + @if ($given-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..8c3961c --- /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}__#{$breakpoint-scope}-text-align--center { + text-align: center; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-text-align--justify { + text-align: justify; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-text-align--left { + text-align: left; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-text-align--right { + text-align: right; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-text-transform--uppercase { + text-transform: uppercase; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-text-decoration--none { + text-decoration: none; + } + + .#{$wgc-namespace}__#{$breakpoint-scope}-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}__#{$breakpoint-scope}-scale-font-size--#{$scale-factor} { + font-size: $value; + } + } + } + } +} diff --git a/vendor/assets/stylesheets/wgc/_borders.scss b/vendor/assets/stylesheets/wgc/_borders.scss deleted file mode 100644 index d049d6b..0000000 --- a/vendor/assets/stylesheets/wgc/_borders.scss +++ /dev/null @@ -1,55 +0,0 @@ -.b-radius { - border-radius: $wgc-border-radius; -} - -.b-radius--tr { - border-top-right-radius: $wgc-border-radius; -} - -.b-radius--br { - border-bottom-right-radius: $wgc-border-radius; -} - -.b-radius--tl { - border-top-left-radius: $wgc-border-radius; -} - -.b-radius--bl { - border-bottom-left-radius: $wgc-border-radius; -} - -.b--thin { - border-width: thin; -} - -.b--medium { - border-width: medium; -} - -.b--thick { - border-width: thick; -} - -.b-none { - border-style: none; -} - -.b--solid { - border-style: solid; -} - -.bt--solid { - border-top-style: solid; -} - -.br--solid { - border-right-style: solid; -} - -.bl--solid { - border-left-style: solid; -} - -.bb--solid { - border-bottom-style: solid; -} diff --git a/vendor/assets/stylesheets/wgc/_colours.scss b/vendor/assets/stylesheets/wgc/_colours.scss deleted file mode 100644 index c0549d5..0000000 --- a/vendor/assets/stylesheets/wgc/_colours.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 { - .c-#{ $name } { - color: $colour; - }; - - .bg-#{ $name } { - background-color: $colour; - }; - - .b-#{ $name } { - border-color: $colour; - }; -}; - -.bg-transparent { - background-color: transparent; -} diff --git a/vendor/assets/stylesheets/wgc/_layout.scss b/vendor/assets/stylesheets/wgc/_layout.scss deleted file mode 100644 index 86bfac9..0000000 --- a/vendor/assets/stylesheets/wgc/_layout.scss +++ /dev/null @@ -1,35 +0,0 @@ -.l-fl { - float: left; -} - -.l-fr { - float: right; -} - -.l-cb { - clear: both; -} - -.l-cr { - clear: right; -} - -.l-cl { - clear: left; -} - -.l-inline-block { - display: inline-block; -} - -.l-block { - display: block; -} - -.l-o-hidden { - overflow: hidden; -} - -.l-centered { - margin: 0 auto; -} diff --git a/vendor/assets/stylesheets/wgc/_typography.scss b/vendor/assets/stylesheets/wgc/_typography.scss deleted file mode 100644 index 5e732c3..0000000 --- a/vendor/assets/stylesheets/wgc/_typography.scss +++ /dev/null @@ -1,27 +0,0 @@ -.t-center { - text-align: center; -} - -.t-justify { - text-align: justify; -} - -.t-left { - text-align: left; -} - -.t-right { - text-align: right; -} - -.t-uppercase { - text-transform: uppercase; -} - -.t-dec-none { - text-decoration: none; -} - -.t-bold { - font-weight: bold; -} 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); - } - } -}