fix some shortcuts css

6 files changed, 77 insertions, 33 deletions

diff --git a/exampleSite/content/shortcodes/alert/_index.md b/exampleSite/content/shortcodes/alert/_index.md
index 91025ee..1a3e217 100644
--- a/exampleSite/content/shortcodes/alert/_index.md
+++ b/exampleSite/content/shortcodes/alert/_index.md
@@ -10,7 +10,7 @@ The `alert` shortcode allow you to highlight information in your page. They crea
 
 | Parameter | Default | Description |
 |:--|:--|:--|
-| theme | `info` | `success`, `info`,`warning`,`danger` |
+| theme | `info` | `primary`,`success`, `info`,`warning`,`danger`,`dark`,`light`,`secondary` |
 
 {{%alert info%}}
 **Tips :** setting only the theme as argument works too : 
@@ -20,12 +20,20 @@ The `alert` shortcode allow you to highlight information in your page. They crea
 ## Basic examples
 
 ```
+	{{%/* alert primary */%}}**this** is a primary{{%/* /alert */%}}
 	{{%/* alert theme="info" */%}}**this** is a text{{%/* /alert */%}}
 	{{%/* alert theme="success" */%}}**Yeahhh !** is a text{{%/* /alert */%}}
 	{{%/* alert theme="warning" */%}}**Be carefull** is a text{{%/* /alert */%}}
-	{{%/* alert theme="danger" */%}}**Beware !** is a text{{%/* /alert */%}}
+	{{%/* alert danger */%}}**Beware !** is a text{{%/* /alert */%}}
+	{{%/* alert dark */%}}**Dark !** is a dark{{%/* /alert */%}}
+	{{%/* alert light */%}}**oooh !** is a light{{%/* /alert */%}}
+	{{%/* alert secondary */%}}**Wait !** is a secondary{{%/* /alert */%}}
 ```
+{{% alert primary %}}**this** is an primary{{% /alert %}}
 {{% alert theme="info"%}}**this** is an info{{% /alert %}}
-{{% alert theme="success" %}}**Yeahhh !** is an success{{% /alert %}}
+{{% alert theme="success" %}}**Yeahhh !** is a success{{% /alert %}}
 {{% alert theme="warning" %}}**Be carefull** is a warning{{% /alert %}}
-{{% alert theme="danger" %}}**Beware !** is a danger{{% /alert %}}
\ No newline at end of file
+{{% alert danger %}}**Beware !** is a danger{{% /alert %}}
+{{% alert dark %}}**Dark !** is a dark{{% /alert %}}
+{{% alert light %}}**oooh !** is a light{{% /alert %}}
+{{% alert secondary %}}**Wait !** is a secondary{{% /alert %}}
\ No newline at end of file
diff --git a/exampleSite/content/shortcodes/button/_index.md b/exampleSite/content/shortcodes/button/_index.md
index 5ed2cc2..2d781cd 100644
--- a/exampleSite/content/shortcodes/button/_index.md
+++ b/exampleSite/content/shortcodes/button/_index.md
@@ -24,7 +24,9 @@ The inner text you place in short code will be displayed as the _button text_
 	{{</* button href="https://google.com" theme="info" */>}} Info {{</* /button */>}}
 	{{</* button href="https://google.com" theme="warning" */>}} Warning {{</* /button */>}}
 	{{</* button href="https://google.com" theme="danger" */>}} Danger ! {{</* /button */>}}
-	{{</* button href="https://google.com" theme="default" */>}} Danger ! {{</* /button */>}}
+	{{</* button href="https://google.com" theme="dark" */>}} Dark ! {{</* /button */>}}
+	{{</* button href="https://google.com" theme="light" */>}} Light ! {{</* /button */>}}
+	{{</* button href="https://google.com" theme="secondary" */>}} Secondary{{</*/button*/>}}
 ``` 
 
 {{<button href="https://google.com" >}} go to google {{< /button >}}
@@ -32,7 +34,11 @@ The inner text you place in short code will be displayed as the _button text_
 {{<button href="https://google.com" theme="info">}} Info {{< /button >}}
 {{<button href="https://google.com" theme="warning">}} Warning {{< /button >}}
 {{<button href="https://google.com" theme="danger">}} Danger ! {{< /button >}}
-{{<button href="https://google.com" theme="default">}} Danger ! {{< /button >}}
+
+{{<button href="https://google.com" theme="dark">}} Dark ! {{< /button >}}
+{{<button href="https://google.com" theme="light">}} Light ! {{< /button >}}
+{{<button href="https://google.com" theme="secondary">}} Secondary ! {{< /button >}}
+
 
 
 
diff --git a/exampleSite/content/shortcodes/notice/_index.md b/exampleSite/content/shortcodes/notice/_index.md
index 89f85bd..bca8795 100644
--- a/exampleSite/content/shortcodes/notice/_index.md
+++ b/exampleSite/content/shortcodes/notice/_index.md
@@ -22,16 +22,18 @@ You may add a label to your notice which will be displayed on top of it.
 ## Examples
 
 {{% notice success %}}Lorem ipsum dolor sit amet, consectetur.{{% /notice %}}
-{{% notice %}}Lorem ipsum dolor sit amet, consectetur.{{% /notice %}}
-{{% notice warning %}}Lorem ipsum dolor sit amet, consectetur{{% /notice %}}
-{{% notice danger Attention %}}Lorem ipsum dolor sit amet, consectetur{{% /notice %}}
+{{% notice %}}**Lorem !**\
+ ipsum dolor sit amet, consectetur.{{% /notice %}}
+{{% notice warning %}}**Lorem** ipsum dolor sit amet, consectetur{{% /notice %}}
+{{% notice danger Attention %}}ipsum dolor sit amet{{% /notice %}}
 
 {{% expand "Show shortcode markups..." %}}
 ```
 	{{%/* notice success %}}Lorem ipsum dolor sit amet, consectetur{{% /notice %}}
-	{{% notice  %}}Lorem ipsum dolor sit amet, consectetur{{% /notice %}}
-	{{% notice warning %}}Lorem ipsum dolor sit amet, consectetur{{% /notice %}}
-	{{% notice danger Attention %}}Lorem ipsum dolor sit amet, consectetur{{% /notice */%}}
+	{{% notice  %}}**Lorem !**\
+ ipsum dolor sit amet, consectetur.{{% /notice %}}
+	{{% notice warning Warning%}}**Lorem** ipsum dolor sit amet, consectetur{{% /notice %}}
+	{{% notice danger Attention %}}ipsum dolor sit amet{{% /notice{{% /notice */%}}
 ```
 {{% /expand %}}
 
@@ -56,7 +58,7 @@ You may add a label to your notice which will be displayed on top of it.
 | Type | code |
 |:--|--:|
 | {{% notice primary %}}This is a notice without label.{{% /notice %}} | <small>{{%/* notice primary %}}This is a notice without label.{{% /notice */%}}</small> |
-| {{% notice primary toto %}}This is a notice with "toto" label.{{% /notice %}} | <small>{{%/* notice primary toto %}}This is a notice with "toto" label.{{% /notice */%}}</small> |
-| {{% notice primary "my label" %}}This is a with "my label".{{% /notice %}} | <small>{{%/* notice primary "my label" %}}This is a with "my label".{{% /notice */%}}</small> |
+| {{% notice primary toto %}}This is a notice with "toto" label.{{% /notice %}} | <small>{{%/* notice primary **toto** %}}This is a notice with "toto" label.{{% /notice */%}}</small> |
+| {{% notice primary "my label" %}}This is a with "my label".{{% /notice %}} | <small>{{%/* notice primary **"my label"** %}}This is a with "my label".{{% /notice */%}}</small> |
 
 
diff --git a/exampleSite/resources/_gen/assets/scss/sass/main.scss_9fd32d87d247ca96761d3cae485087fe.content b/exampleSite/resources/_gen/assets/scss/sass/main.scss_9fd32d87d247ca96761d3cae485087fe.content
index 8966181..f27e0d3 100644
--- a/exampleSite/resources/_gen/assets/scss/sass/main.scss_9fd32d87d247ca96761d3cae485087fe.content
+++ b/exampleSite/resources/_gen/assets/scss/sass/main.scss_9fd32d87d247ca96761d3cae485087fe.content
@@ -281,6 +281,10 @@ article section.page div.content {
       display: inline !important;
       vertical-align: bottom; }
   article section.page div.content code {
+    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+    font-size: 85%;
+    color: #e83e8c;
+    word-wrap: break-word;
     padding: 0.5px;
     font-weight: 600;
     white-space: pre-wrap; }
@@ -288,6 +292,8 @@ article section.page div.content {
     display: block;
     white-space: pre-wrap; }
     article section.page div.content div.highlight pre code {
+      color: inherit !important;
+      font-size: 75%;
       display: block;
       margin-left: -1.5rem;
       margin-right: -1.5rem;
diff --git a/exampleSite/resources/_gen/assets/scss/sass/shortcodes/alert.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/sass/shortcodes/alert.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index 0e9ed3b..8b2a934 100644
--- a/exampleSite/resources/_gen/assets/scss/sass/shortcodes/alert.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/exampleSite/resources/_gen/assets/scss/sass/shortcodes/alert.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -3,33 +3,41 @@ div.alert {
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: .25rem; }
+  div.alert a {
+    color: inherit !important; }
   div.alert.primary {
     color: white;
     background-color: #007bff;
     border-color: #007bff; }
-    div.alert.primary a {
-      color: white; }
   div.alert.info {
     color: white;
     background-color: #17a2b8;
     border-color: #17a2b8; }
-    div.alert.info a {
-      color: white; }
   div.alert.success {
     color: white;
     background-color: #28a745;
     border-color: #28a745; }
-    div.alert.success a {
-      color: white; }
   div.alert.warning {
     color: black;
     background-color: #ffc107;
     border-color: #ffc107; }
-    div.alert.warning a {
-      color: black; }
   div.alert.danger {
     color: white;
     background-color: #dc3545;
     border-color: #dc3545; }
-    div.alert.danger a {
-      color: white; }
+  div.alert.danger {
+    color: white;
+    background-color: #dc3545;
+    border-color: #dc3545; }
+  div.alert.secondary {
+    color: white;
+    background-color: #6c757d;
+    border-color: #6c757d; }
+  div.alert.light {
+    color: black;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+  div.alert.dark {
+    color: white;
+    background-color: #343a40;
+    border-color: #343a40; }
diff --git a/exampleSite/resources/_gen/assets/scss/sass/shortcodes/button.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/sass/shortcodes/button.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index 735f34b..b1d0537 100644
--- a/exampleSite/resources/_gen/assets/scss/sass/shortcodes/button.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/exampleSite/resources/_gen/assets/scss/sass/shortcodes/button.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -8,27 +8,41 @@ button.btn {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff; }
-  button.btn.info {
+  button.btn a {
+    color: inherit !important; }
+  button.btn.primary {
     color: white;
     background-color: #007bff;
     border-color: #007bff; }
-    button.btn.info a {
-      color: white; }
+  button.btn.info {
+    color: white;
+    background-color: #17a2b8;
+    border-color: #17a2b8; }
   button.btn.success {
     color: white;
     background-color: #28a745;
     border-color: #28a745; }
-    button.btn.success a {
-      color: white; }
   button.btn.warning {
     color: black;
     background-color: #ffc107;
     border-color: #ffc107; }
-    button.btn.warning a {
-      color: black; }
   button.btn.danger {
     color: white;
     background-color: #dc3545;
     border-color: #dc3545; }
-    button.btn.danger a {
-      color: white; }
+  button.btn.danger {
+    color: white;
+    background-color: #dc3545;
+    border-color: #dc3545; }
+  button.btn.secondary {
+    color: white;
+    background-color: #6c757d;
+    border-color: #6c757d; }
+  button.btn.light {
+    color: black;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+  button.btn.dark {
+    color: white;
+    background-color: #343a40;
+    border-color: #343a40; }