Init

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["env", "stage-2"]
+}

.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+.cache/
+.DS_Store

CONTRIBUTING.md

@@ -0,0 +1,44 @@
+### Snippet name
+
+Brief description
+
+#### HTML
+
+```html
+
+```
+
+#### CSS
+
+```css
+
+```
+
+#### Demo
+
+<!-- You must create a `snippet-demo` parent block and use it as a namespace with BEM syntax. -->
+
+<div class="snippet-demo">
+  <some-element class="snippet-demo__snippet-name"></some-element>
+</div>
+
+<!-- Add your style rules here. -->
+
+<style>
+
+</style>
+
+#### Explanation
+
+<!-- Use a step-by-step (ordered) list if possible. Keep it concise. -->
+
+#### Browser support
+
+<!-- Use the checkmark or the warning emoji, see the existing snippets. -->
+
+<span class="snippet__support-note">✅ No caveats.</span>
+
+<!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed.
+If no link is provided, it defaults to 99+%. -->
+
+* https://caniuse.com/#feat=some-feature

README.md

@@ -0,0 +1,12 @@
+# 30 Seconds of CSS
+
+A curated collection of useful CSS snippets you can understand in 30 seconds or less.
+Inspired by [30 seconds of code](https://github.com/Chalarangelo/30-seconds-of-code).
+
+## View online
+
+https://github.io/atomiks/30-seconds-of-css
+
+## Contributing
+
+See CONTRIBUTING.md for the snippet template.