Initial commit

3 files changed, 95 insertions, 0 deletions

diff --git a/assets/sass/@primer/css/blankslate/README.md b/assets/sass/@primer/css/blankslate/README.md
new file mode 100644
index 0000000..65962ed
--- /dev/null
+++ b/assets/sass/@primer/css/blankslate/README.md
@@ -0,0 +1,25 @@
+---
+bundle: "blankslate"
+generated: true
+---
+
+# Primer CSS: `blankslate` 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/blankslate/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/blankslate.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/blankslate/blankslate.scss b/assets/sass/@primer/css/blankslate/blankslate.scss
new file mode 100644
index 0000000..e352daa
--- /dev/null
+++ b/assets/sass/@primer/css/blankslate/blankslate.scss
@@ -0,0 +1,67 @@
+// stylelint-disable selector-max-type
+.blankslate {
+  position: relative;
+  padding: $spacer-5;
+  text-align: center;
+
+  code {
+    // stylelint-disable-next-line primer/spacing
+    padding: 2px 5px 3px;
+    font-size: $h5-size;
+    background: $bg-white;
+    border: $border-width $border-style $border-gray-light;
+    border-radius: $border-radius;
+  }
+
+  img {
+    width: 56px;
+    height: 56px;
+  }
+}
+
+.blankslate-icon {
+  margin-right: $spacer-1;
+  margin-bottom: $spacer-2;
+  margin-left: $spacer-1;
+  // stylelint-disable-next-line primer/colors
+  color: lighten($gray-400, 5%);
+}
+
+.blankslate-capped {
+  border-radius: 0 0 $border-radius $border-radius;
+}
+
+.blankslate-spacious {
+  // stylelint-disable-next-line primer/spacing
+  padding: ($spacer-6 * 2) $spacer-6;
+}
+
+.blankslate-narrow {
+  max-width: 485px;
+  margin: 0 auto;
+}
+
+// was .large-format
+// QUESTION: should we deprecate this?
+.blankslate-large {
+  img {
+    width: 80px;
+    height: 80px;
+  }
+
+  h3 {
+    margin: $spacer-3 0;
+    //font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size?
+    font-size: $h2-size;
+  }
+
+  p {
+    font-size: $h4-size;
+  }
+}
+
+// was .clean-background
+// TO DO: deprecate this and use utility instead
+.blankslate-clean-background {
+  border: 0;
+}
diff --git a/assets/sass/@primer/css/blankslate/index.scss b/assets/sass/@primer/css/blankslate/index.scss
new file mode 100644
index 0000000..9fda17f
--- /dev/null
+++ b/assets/sass/@primer/css/blankslate/index.scss
@@ -0,0 +1,3 @@
+@import "../support/index.scss";
+
+@import "./blankslate.scss";