@nationalarchives/frontend 0.1.3-prerelease → 0.1.6-prerelease

package/nationalarchives/tools/_exports.scss

@@ -1,36 +0,0 @@
-////
-/// @group tools
-////
-
-/// List of modules which have already been exported
-///
-/// @type List
-/// @access private
-
-$_nationalarchives-imported-modules: () !default;
-
-/// Export module
-///
-/// Ensure that the modules of CSS that we define throughout Frontend are only
-/// included in the generated CSS once, no matter how many times they are
-/// imported across the individual components.
-///
-/// @param {String} $name - Name of module - must be unique within the codebase
-/// @content The passed content will only be outputted if a module of the same
-///   $name has not already been outputted
-/// @access public
-
-@mixin nationalarchives-exports($name) {
-  // If the mixin is not in the list of modules already exported...
-  @if not index($_nationalarchives-imported-modules, $name) {
-    // ... then add it to the list
-    $_nationalarchives-imported-modules: append(
-      $_nationalarchives-imported-modules,
-      $name
-    ) !global;
-    // ... and output the CSS for that module
-    @content;
-  }
-  // The next time exports is called for the module of the same name, it will be
-  // found in the list and so nothing will be outputted.
-}

package/nationalarchives/utilities/_grid.scss

@@ -1,131 +0,0 @@
-@import "../variables/all";
-
-@mixin columns-generator($count, $suffix: "") {
-  @for $i from 1 through $count - 1 {
-    $simplestFractionFound: false;
-
-    @for $j from math.div($count, 2) through 1 {
-      @if (
-        $count % $j == 0 and $i % $j == 0 and $simplestFractionFound != true
-      ) {
-        .tna-column--width-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {
-          width: math.div(100%, $count) * $i;
-        }
-
-        // .column--margin-right-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {
-        //   margin-right: math.div(100%, $count) * $i;
-        // }
-
-        // .column--margin-left-#{math.div($i, $j)}-#{math.div($count, $j)}#{$suffix} {
-        //   margin-left: math.div(100%, $count) * $i;
-        // }
-
-        $simplestFractionFound: true;
-      }
-    }
-
-    @if ($simplestFractionFound != true) {
-      .tna-column--width-#{$i}-#{$count}#{$suffix} {
-        width: math.div(100%, $count) * $i;
-      }
-
-      //   .column--margin-right-#{$i}-#{$count}#{$suffix} {
-      //     margin-right: math.div(100%, $count) * $i;
-      //   }
-
-      //   .column--margin-left-#{$i}-#{$count}#{$suffix} {
-      //     margin-left: math.div(100%, $count) * $i;
-      //   }
-    }
-  }
-}
-
-@mixin grid-medium {
-  .tna-column--width-full-medium {
-    width: 100%;
-  }
-
-  @for $i from 1 through 3 {
-    .tna-column--flex-#{$i}-medium {
-      flex: $i 0;
-    }
-  }
-
-  // @for $i from 1 through 3 {
-  //   .column--order-#{$i}-medium {
-  //     order: $i;
-  //   }
-  // }
-
-  @include columns-generator($column-count-medium, "-medium");
-}
-
-@mixin grid-mobile {
-  .tna-container {
-    padding-right: math.div($gutter-width-mobile, 2) + 0.75rem;
-    padding-left: math.div($gutter-width-mobile, 2) + 0.75rem;
-  }
-
-  .tna-column {
-    padding-right: math.div($gutter-width-mobile, 2);
-    padding-left: math.div($gutter-width-mobile, 2);
-  }
-
-  // .column--width-full-mobile {
-  //   width: 100%;
-  // }
-
-  // @for $i from 1 through 3 {
-  //   .column--flex-#{$i}-mobile {
-  //     flex: $i 0;
-  //   }
-  // }
-
-  //   @for $i from 1 through 3 {
-  //     .column--order-#{$i}-mobile {
-  //       order: $i;
-  //     }
-  //   }
-}
-
-@mixin grid-small {
-  .tna-column--width-full-small {
-    width: 100%;
-  }
-
-  @for $i from 1 through 3 {
-    .tna-column--flex-#{$i}-small {
-      flex: $i 0;
-    }
-  }
-
-  // @for $i from 1 through 3 {
-  //   .column--order-#{$i}-small {
-  //     order: $i;
-  //   }
-  // }
-
-  @include columns-generator($column-count-small, "-small");
-}
-
-@mixin grid-tiny {
-  .tna-column--width-full-tiny {
-    width: 100%;
-  }
-
-  @for $i from 1 through 3 {
-    .tna-column--flex-#{$i}-tiny {
-      width: auto;
-
-      flex: $i 0;
-    }
-  }
-
-  // @for $i from 1 through 3 {
-  //   .column--order-#{$i}-tiny {
-  //     order: $i;
-  //   }
-  // }
-
-  @include columns-generator($column-count-tiny, "-tiny");
-}