Merge pull request #143 from ember-learn/upgrade-ec-tailwind

Upgrade Ember CLI Tailwind

Author: samselikoff

addon/tailwind/components/.gitkeep

@@ -0,0 +1,9 @@
+.docs-btn {
+  @apply bg-grey-light border-b-2 border-grey-dark py-2 px-4 outline-none;
+}
+.docs-btn:hover {
+  @apply bg-grey;
+}
+.docs-btn:focus {
+  @apply outline-none;
+}

addon/tailwind/components/docs-btn.css

@@ -0,0 +1,3 @@
+.docs-container {
+  @apply px-4 max-w-3xl mx-auto;
+}

addon/tailwind/components/docs-container.css

@@ -0,0 +1,58 @@
+.docs-md {
+  -webkit-font-smoothing: antialiased;
+}
+
+.docs-md__h1,
+.docs-h1 {
+  @apply mb-6 text-grey-darkest text-4xl font-extrabold leading-tight;
+}
+.docs-md__h2,
+.docs-h2 {
+  @apply mt-8 mb-4 text-grey-darkest leading-tight;
+}
+.docs-md__h3,
+.docs-h3 {
+  @apply mb-2 text-grey-darkest leading-tight;
+}
+.docs-md p {
+  @apply mb-4;
+}
+.docs-md ul {
+  @apply mb-4;
+}
+.docs-md ol {
+  @apply mb-4;
+}
+.docs-md li {
+  @apply mb-2;
+}
+.docs-md aside {
+  @apply mb-4 mt-6 bg-grey-lightest italic px-4 py-3 text-sm;
+}
+
+/* mb-4 on pre interferes with docs-snippet and others, really want Renderer
+to generate its own class...
+pre {
+  @apply .mb-4;
+} */
+
+.docs-md__blockquote {
+  @apply pl-4 text-grey-dark border-l-4;
+}
+
+/* Applied to fenced code in compiled markdown */
+.docs-md__code {
+  @apply bg-grey-lightest my-8 p-6 overflow-x-scroll text-sm;
+}
+
+.docs-md__a {
+  @apply no-underline border-b border-grey text-inherit;
+}
+.docs-md__a:hover,
+.docs-md__a:focus {
+  @apply border-grey-dark;
+}
+
+.docs-md__hr {
+  @apply py-0 my-8 h-px border-b;
+}