From c951ad09aece7fa9f7841b75094e8fb8b72b5191 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Mon, 16 Oct 2017 09:01:38 -0400 Subject: [PATCH] Working on alert examples --- docs/source/_assets/less/markdown.less | 2 +- docs/source/examples/alerts.blade.md | 60 ++++++++++++++++++++++---- 2 files changed, 52 insertions(+), 10 deletions(-) diff --git a/docs/source/_assets/less/markdown.less b/docs/source/_assets/less/markdown.less index 6cb26ce84..21cc173b2 100644 --- a/docs/source/_assets/less/markdown.less +++ b/docs/source/_assets/less/markdown.less @@ -91,7 +91,7 @@ @apply .text-dark-soft; } - > :not(pre) > code[class*="language-"], > pre[class*="language-"] { + > :not(pre) > code[class*="language-"], > pre[class*="language-"], pre[class*="language-"]& { @apply .bg-light-soft; @apply .text-sm; @apply .leading-loose; diff --git a/docs/source/examples/alerts.blade.md b/docs/source/examples/alerts.blade.md index 96476c29b..d63bee23c 100644 --- a/docs/source/examples/alerts.blade.md +++ b/docs/source/examples/alerts.blade.md @@ -5,15 +5,57 @@ title: "Alerts" # Alerts -We don't ship alert components because every app has it's own visual style, but they are easy af to make. +We don't ship alert components because every app has it's own visual style, and they are so easy to build out of utilities. -@foreach($page->colors as $color) -
-
- Alert message -
-
- Some additional text to explain what happened. +Here's a bunch of examples: + +### Bootstrap Style + +
+
+
+ Holy smokes! Something seriously bad happened.
+
+
+ 
{{
+'

+  Holy smokes! Something seriously bad happened.
+
'
+    }}
+
+
+ +### HelpScout Style + +
+
+
+ Something not ideal might be happening. +
+
+
+ 
{{
+'

+  Something not ideal might be happening.
+
'
+    }}
+
+
+ +### Heroku Style + +
+
+
+ Something happened that you should know about but is probably good or at least not bad. +
+
+
+ 
{{
+'

+  Something happened that you should know about but is probably good or at least not bad.
+
'
+    }}
+
-@endforeach