summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/layout
diff options
context:
space:
mode:
Diffstat (limited to 'assets/sass/@primer/css/layout')
-rw-r--r--assets/sass/@primer/css/layout/README.md25
-rw-r--r--assets/sass/@primer/css/layout/container.scss30
-rw-r--r--assets/sass/@primer/css/layout/grid-offset.scss19
-rw-r--r--assets/sass/@primer/css/layout/grid.scss64
-rw-r--r--assets/sass/@primer/css/layout/index.scss4
5 files changed, 0 insertions, 142 deletions
diff --git a/assets/sass/@primer/css/layout/README.md b/assets/sass/@primer/css/layout/README.md
deleted file mode 100644
index 3d078ce..0000000
--- a/assets/sass/@primer/css/layout/README.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-bundle: "layout"
-generated: true
----
-
-# Primer CSS: `layout` bundle
-
-## Usage
-
-Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
-
-```scss
-@import "@primer/css/layout/index.scss";
-```
-
-## Build
-
-The `@primer/css` npm package includes a standalone CSS build of this module in `dist/layout.css`.
-
-## License
-
-[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
-
-
-[scss]: https://sass-lang.com/documentation/syntax#scss
diff --git a/assets/sass/@primer/css/layout/container.scss b/assets/sass/@primer/css/layout/container.scss
deleted file mode 100644
index 7e70a6b..0000000
--- a/assets/sass/@primer/css/layout/container.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-// Fixed-width, centered column for site content.
-// Handy container styles that match our breakpoints
-
-// 544px
-.container-sm {
- max-width: $width-sm;
- margin-right: auto;
- margin-left: auto;
-}
-
-// 768px
-.container-md {
- max-width: $container-md;
- margin-right: auto;
- margin-left: auto;
-}
-
-// 1004px - this matches the current fixed width: 980px + padding: px-3
-.container-lg {
- max-width: $container-lg;
- margin-right: auto;
- margin-left: auto;
-}
-
-// 1280px
-.container-xl {
- max-width: $container-xl;
- margin-right: auto;
- margin-left: auto;
-}
diff --git a/assets/sass/@primer/css/layout/grid-offset.scss b/assets/sass/@primer/css/layout/grid-offset.scss
deleted file mode 100644
index bc2115d..0000000
--- a/assets/sass/@primer/css/layout/grid-offset.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// Optional offset options to work with grid.scss
-
-// Offset Columns
-
-@each $breakpoint, $variant in $responsive-variants {
- @include breakpoint($breakpoint) {
- .offset#{$variant}-1 { margin-left: (1 / 12 * 100%) !important; }
- .offset#{$variant}-2 { margin-left: (2 / 12 * 100%) !important; }
- .offset#{$variant}-3 { margin-left: (3 / 12 * 100%) !important; }
- .offset#{$variant}-4 { margin-left: (4 / 12 * 100%) !important; }
- .offset#{$variant}-5 { margin-left: (5 / 12 * 100%) !important; }
- .offset#{$variant}-6 { margin-left: (6 / 12 * 100%) !important; }
- .offset#{$variant}-7 { margin-left: (7 / 12 * 100%) !important; }
- .offset#{$variant}-8 { margin-left: (8 / 12 * 100%) !important; }
- .offset#{$variant}-9 { margin-left: (9 / 12 * 100%) !important; }
- .offset#{$variant}-10 { margin-left: (10 / 12 * 100%) !important; }
- .offset#{$variant}-11 { margin-left: (11 / 12 * 100%) !important; }
- }
-}
diff --git a/assets/sass/@primer/css/layout/grid.scss b/assets/sass/@primer/css/layout/grid.scss
deleted file mode 100644
index 5126c6b..0000000
--- a/assets/sass/@primer/css/layout/grid.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-// GRID
-
-// Columns
-.col-1 { width: (1 / 12 * 100%); }
-.col-2 { width: (2 / 12 * 100%); }
-.col-3 { width: (3 / 12 * 100%); }
-.col-4 { width: (4 / 12 * 100%); }
-.col-5 { width: (5 / 12 * 100%); }
-.col-6 { width: (6 / 12 * 100%); }
-.col-7 { width: (7 / 12 * 100%); }
-.col-8 { width: (8 / 12 * 100%); }
-.col-9 { width: (9 / 12 * 100%); }
-.col-10 { width: (10 / 12 * 100%); }
-.col-11 { width: (11 / 12 * 100%); }
-.col-12 { width: 100%; }
-
-@each $breakpoint in map-keys($breakpoints) {
- @include breakpoint($breakpoint) {
- .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }
- .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }
- .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }
- .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }
- .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }
- .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }
- .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }
- .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }
- .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }
- .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }
- .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }
- .col-#{$breakpoint}-12 { width: 100%; }
- }
-}
-
-// Gutters
-// Apply padding and a negative margin to the outside of the container
-@mixin gutters ($gutter-width: $spacer-3) {
- margin-right: -$gutter-width;
- margin-left: -$gutter-width;
-
- > [class*="col-"] {
- padding-right: $gutter-width !important;
- padding-left: $gutter-width !important;
- }
-}
-
-.gutter {
- @include gutters($spacer-3);
-}
-
-.gutter-condensed {
- @include gutters($spacer-2);
-}
-
-.gutter-spacious {
- @include gutters($spacer-4);
-}
-
-@each $breakpoint in map-keys($breakpoints) {
- @include breakpoint($breakpoint) {
- .gutter-#{$breakpoint} { @include gutters($spacer-3); }
- .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }
- .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }
- }
-}
diff --git a/assets/sass/@primer/css/layout/index.scss b/assets/sass/@primer/css/layout/index.scss
deleted file mode 100644
index 5d1aa33..0000000
--- a/assets/sass/@primer/css/layout/index.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import "../support/index.scss";
-@import "./container.scss";
-@import "./grid.scss";
-@import "./grid-offset.scss";