inuit-rails 6.0.0.beta.4

data/vendor/assets/stylesheets/inuitcss/objects/_objects.pack.scss

@@ -0,0 +1,90 @@
+/* ==========================================================================
+   #PACK
+   ========================================================================== */
+
+/**
+ * The pack object simply causes any number of elements pack up horizontally to
+ * automatically fill an equal, fluid width of their parent.
+ *
+ * 1. Fill all available space.
+ * 2. Remove any leftover styling from lists.
+ * 3. Cause children to be automatically equally sized.
+ */
+
+.o-pack {
+  width: 100%; /* [1] */
+  margin-left: 0; /* [2] */
+  display: table;
+  table-layout: fixed; /* [3] */
+}
+
+
+  /**
+   * 1. Cause children to adopt table-like structure.
+   */
+  .o-pack__item {
+    display: table-cell; /* [1] */
+
+
+    /* Vertical alignment variants.
+       ====================================================================== */
+
+    .o-pack--middle > & {
+      vertical-align: middle;
+    }
+
+    .o-pack--bottom > & {
+      vertical-align: bottom;
+    }
+
+  }
+
+
+
+
+
+/* Unequal-width items.
+   ========================================================================== */
+
+.o-pack--auto {
+  table-layout: auto;
+}
+
+
+
+
+
+/* Size variants.
+   ========================================================================== */
+
+.o-pack--tiny {
+  border-spacing: $inuit-global-spacing-unit-tiny;
+}
+
+.o-pack--small {
+  border-spacing: $inuit-global-spacing-unit-small;
+}
+
+.o-pack--large {
+  border-spacing: $inuit-global-spacing-unit-large;
+}
+
+.o-pack--huge {
+  border-spacing: $inuit-global-spacing-unit-huge;
+}
+
+
+
+
+
+/* Reversed order packs
+   ========================================================================== */
+
+.o-pack--rev {
+  direction: rtl;
+
+  > .o-pack__item {
+    direction: ltr;
+  }
+
+}

data/vendor/assets/stylesheets/inuitcss/objects/_objects.ratio.scss

@@ -0,0 +1,85 @@
+/* ==========================================================================
+   #RATIO
+   ========================================================================== */
+
+// A list of aspect ratios that get generated as modifier classes.
+
+$inuit-ratios: (
+  (2:1),
+  (4:3),
+  (16:9),
+) !default;
+
+
+
+/**
+ * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
+ * their correct aspect ratios.
+ *
+ * http://alistapart.com/article/creating-intrinsic-ratios-for-video
+ *
+ * 1. Default cropping is a 1:1 ratio (i.e. a perfect square).
+ */
+
+.o-ratio {
+  position: relative;
+  display: block;
+  overflow: hidden;
+
+  &:before {
+    content: "";
+    display: block;
+    width: 100%;
+    padding-bottom: 100%; /* [1] */
+  }
+
+}
+
+
+  .o-ratio__content,
+  .o-ratio > iframe,
+  .o-ratio > embed,
+  .o-ratio > object {
+    position: absolute;
+    top:    0;
+    bottom: 0;
+    left:   0;
+    height: 100%;
+    width:  100%;
+  }
+
+
+
+/* stylelint-disable */
+
+/* Ratio variants.
+   ========================================================================== */
+
+/**
+ * Generate a series of ratio classes to be used like so:
+ *
+ *   <div class="o-ratio  o-ratio--16:9">
+ *
+ */
+
+@each $ratio in $inuit-ratios {
+
+  @each $antecedent, $consequent in $ratio {
+
+    @if (type-of($antecedent) != number) {
+      @error "`#{$antecedent}` needs to be a number."
+    }
+
+    @if (type-of($consequent) != number) {
+      @error "`#{$consequent}` needs to be a number."
+    }
+
+    .o-ratio--#{$antecedent}\:#{$consequent}:before {
+      padding-bottom: ($consequent/$antecedent) * 100%;
+    }
+
+  }
+
+}
+
+/* stylelint-enable */

data/vendor/assets/stylesheets/inuitcss/objects/_objects.tables.scss

@@ -0,0 +1,74 @@
+/* ==========================================================================
+   #TABLES
+   ========================================================================== */
+
+/**
+ * A simple object for manipulating the structure of HTML `table`s.
+ */
+
+.o-table {
+  width: 100%;
+}
+
+
+
+
+
+
+/* Equal-width table cells.
+   ========================================================================== */
+
+/**
+ * `table-layout: fixed` forces all cells within a table to occupy the same
+ * width as each other. This also has performance benefits: because the browser
+ * does not need to (re)calculate cell dimensions based on content it discovers,
+ * the table can be rendered very quickly. Further reading:
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
+ */
+
+.o-table--fixed {
+  table-layout: fixed;
+}
+
+
+
+
+
+/* Size variants.
+   ========================================================================== */
+
+.o-table--tiny {
+
+  th,
+  td {
+    padding: $inuit-global-spacing-unit-tiny;
+  }
+
+}
+
+.o-table--small {
+
+  th,
+  td {
+    padding: $inuit-global-spacing-unit-small;
+  }
+
+}
+
+.o-table--large {
+
+  th,
+  td {
+    padding: $inuit-global-spacing-unit-large;
+  }
+
+}
+
+.o-table--huge {
+
+  th,
+  td {
+    padding: $inuit-global-spacing-unit-huge;
+  }
+
+}

data/vendor/assets/stylesheets/inuitcss/objects/_objects.wrapper.scss

@@ -0,0 +1,51 @@
+/* ==========================================================================
+   #WRAPPERS
+   ========================================================================== */
+
+/**
+ * Page-level constraining and wrapping elements.
+ */
+
+$inuit-wrapper-width: 1200px !default;
+
+/* stylelint-disable */
+@if (type-of($inuit-wrapper-width) != number) {
+  @error "`#{$inuit-wrapper-width}` needs to be a number."
+}
+/* stylelint-enable */
+
+.o-wrapper {
+  @include inuit-clearfix();
+  padding-right: $inuit-global-spacing-unit;
+  padding-left:  $inuit-global-spacing-unit;
+  margin-right: auto;
+  margin-left:  auto;
+  max-width: $inuit-wrapper-width;
+}
+
+
+
+
+
+/* Size variants.
+   ========================================================================== */
+
+.o-wrapper--tiny {
+  padding-right: $inuit-global-spacing-unit-tiny;
+  padding-left:  $inuit-global-spacing-unit-tiny;
+}
+
+.o-wrapper--small {
+  padding-right: $inuit-global-spacing-unit-small;
+  padding-left:  $inuit-global-spacing-unit-small;
+}
+
+.o-wrapper--large {
+  padding-right: $inuit-global-spacing-unit-large;
+  padding-left:  $inuit-global-spacing-unit-large;
+}
+
+.o-wrapper--huge {
+  padding-right: $inuit-global-spacing-unit-huge;
+  padding-left:  $inuit-global-spacing-unit-huge;
+}

data/vendor/assets/stylesheets/inuitcss/settings/_example.settings.config.scss

@@ -0,0 +1,24 @@
+///* ========================================================================
+//   #CONFIG
+//   ======================================================================== */
+
+// A map of global config settings. Define any project-level configuration,
+// feature switches, etc. in here.
+
+$inuit-config: (
+  env: dev,
+  healthcheck: false,
+  debug: true,
+);
+
+// You can access data in this map using the following function:
+//
+// inuit-config(<key>)
+//
+// Example usage:
+//
+// @if (inuit-config(debug) == true) { ...  }
+
+@function inuit-config($key) {
+  @return map-get($inuit-config, $key);
+}

data/vendor/assets/stylesheets/inuitcss/settings/_example.settings.global.scss

@@ -0,0 +1,9 @@
+///* ========================================================================
+//   #GLOBAL
+//   ======================================================================== */
+// The global settings file contains any project-wide variables; things that
+// need to be made available to the entire codebase.
+
+// Standardise some UI treatments.
+$global-radius: 3px !default;
+$global-transition: (1/3) + s !default;

data/vendor/assets/stylesheets/inuitcss/settings/_settings.core.scss

@@ -0,0 +1,93 @@
+///* ========================================================================
+//   #CORE
+//   ======================================================================== */
+
+// This core file sets up inuitcss’ most important setup variables. They
+// underpin a lot of how the framework functions and should be modified and
+// preconfigured with caution.
+
+
+// Base typographical styles and baseline grid. You need to define these values
+// in pixels: inuitcss will convert them to more appropriate units.
+
+$inuit-global-font-size:    16px !default;
+$inuit-global-line-height:  24px !default;
+
+
+
+
+
+// Spacing values are determined based on your project’s global line height (i.e
+// your baseline grid). It is not recommended that you modify these following
+// variables (it can break your vertical rhythm), but if you need to, you can.
+
+$inuit-global-spacing-unit: round($inuit-global-line-height) !default;
+
+
+// How many times larger/smaller than the default should our spacing unit
+// variants be?
+
+$inuit-global-spacing-unit-factor-tiny:   0.25 !default;
+$inuit-global-spacing-unit-factor-small:  0.5  !default;
+$inuit-global-spacing-unit-factor-large:  2    !default;
+$inuit-global-spacing-unit-factor-huge:   4    !default;
+
+
+
+
+
+////////////////////////////////////////////////////////////////////////////////
+//                                                                            //
+//                               W A R N I N G                                //
+//                                                                            //
+//                  DO NOT MODIFY ANYTHING BEYOND THIS POINT                  //
+//                                                                            //
+////////////////////////////////////////////////////////////////////////////////
+
+
+// Check that the chosen font rules are pixel numbers.
+
+@each $_inuit-font-globals in
+      $inuit-global-font-size
+      $inuit-global-line-height {
+
+  @if (type-of($_inuit-font-globals) == number) {
+
+    @if (unit($_inuit-font-globals) != "px") {
+      @error "`#{$_inuit-font-globals}` needs to be a pixel value.";
+    }
+
+  } @else {
+    @error "`#{$_inuit-font-globals}` needs to be a number.";
+  }
+
+}
+
+
+// Check that the chosen size factors are unitless numbers.
+
+@each $_inuit-spacing-unit in
+      $inuit-global-spacing-unit-factor-tiny
+      $inuit-global-spacing-unit-factor-small
+      $inuit-global-spacing-unit-factor-large
+      $inuit-global-spacing-unit-factor-huge {
+
+  @if (type-of($_inuit-spacing-unit) == number) {
+
+    @if (unitless($_inuit-spacing-unit) == false) {
+      @error "`#{$_inuit-spacing-unit}` needs to be unitless.";
+    }
+
+  } @else {
+    @error "`#{$_inuit-spacing-unit}` needs to be a number.";
+  }
+
+}
+
+
+// Private/framework-only reassignment. Do not alter anything below.
+
+$inuit-global-spacing-unit-tiny:  round($inuit-global-spacing-unit * $inuit-global-spacing-unit-factor-tiny);
+$inuit-global-spacing-unit-small: round($inuit-global-spacing-unit * $inuit-global-spacing-unit-factor-small);
+$inuit-global-spacing-unit-large: round($inuit-global-spacing-unit * $inuit-global-spacing-unit-factor-large);
+$inuit-global-spacing-unit-huge:  round($inuit-global-spacing-unit * $inuit-global-spacing-unit-factor-huge);

data/vendor/assets/stylesheets/inuitcss/tools/_tools.clearfix.scss

@@ -0,0 +1,19 @@
+///* ========================================================================
+//   #CLEARFIX
+//   ======================================================================== */
+
+// Mixin to drop micro clearfix into a selector. Further reading:
+// http://www.cssmojo.com/the-very-latest-clearfix-reloaded/
+//
+// .usage {
+//   @include inuit-clearfix();
+// }
+@mixin inuit-clearfix() {
+
+  &:after {
+    content: "" !important;
+    display: block !important;
+    clear: both !important;
+  }
+
+}