[DOC-589] Button shortcode (#259)

* first button shortcode implemenetation

* button able to be put in middle of text

* deactivated class if no link in button

* open new tab if link, finish styling

* delete text and position keys

* nikhil requested changes

* no deactivated

* revert test 3.11 index content

* new button html and css

* delete old css

* revert button example usage

* revert button example usage cut extra newline

---------

Co-authored-by: dandimeo <[email protected]>
Co-authored-by: Paula Mihu <[email protected]>

Author: 3 people

site/themes/arangodb-docs-theme/layouts/shortcodes/button.html

@@ -0,0 +1,4 @@
+{{ $link := .Get "link" | default "" }}
+{{ $color := .Get "color" | default "green" }}
+
+<a href="{{ $link }}" target="_blank" rel="noopener noreferrer"><button class="{{ $color }}">{{ .Inner | safeHTML }}</button></a>

site/themes/arangodb-docs-theme/static/css/theme.css

@@ -144,6 +144,24 @@ button, input, optgroup, select, textarea {
     margin-bottom: 15px;
 }
 
+button {
+    border-radius: 4px;
+    font-weight: 700;
+    line-height: 16px;
+    min-height: 16px;
+    font-size: 14px;
+    padding: 12px 24px;
+    color: white;
+    margin-bottom: 28px;
+}
+
+button.green {
+    background-color: var(--HEADERS-COLOR);
+}
+
+button.grey {
+    background-color: var(--gray-600);
+}
 
 ul, ol {
     margin-bottom: 20px;