From 3e32818d3bae62847f5089f24dc38f0240c5ec3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Mon, 16 Sep 2019 13:08:43 +0200
Subject: [PATCH] Add icon link style

---
 .../Private/Assets/scss/_buttons.scss         |  9 +++
 .../Resources/Private/Assets/scss/rte.scss    | 67 +++++++++++++++++++
 2 files changed, 76 insertions(+)

diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_buttons.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_buttons.scss
index 5d36fd2b..3bf7a830 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_buttons.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_buttons.scss
@@ -63,4 +63,13 @@
     &--full {
         width: 100%;
     }
+
+    &--icon {
+        background-color: $color-brand-primary;
+        color: white;
+        @include size(16px);
+        border-radius: 8px;
+        line-height: 16px;
+        font-size: 14px;
+    }
 }
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/rte.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/rte.scss
index f01fe130..9cb44ed2 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/rte.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/rte.scss
@@ -224,3 +224,70 @@ h3 {
   height: auto;
   padding-right: 16px;
 }
+
+.button {
+  display: inline-block;
+  font-weight: 700;
+  text-decoration: none;
+
+  &--default {
+    display: inline-block;
+    background-color: $color-brand-primary;
+    color: white;
+    padding: 4px 16px;
+  }
+
+  &--page-header {
+    display: block;
+    min-width: 186px;
+    background-color: $color-brand-primary;
+    color: white;
+    font-size: 18px;
+    padding: 0 32px 0 24px;
+    line-height: 80px;
+    box-shadow: 8px 8px 8px rgba(black, 0.2);
+  }
+
+  &--herounit,
+  &--configurator {
+    display: block;
+    min-width: 220px;
+    text-align: center;
+    background-color: $color-brand-primary;
+    @include sectionBackgroundsFromParent();
+    color: white;
+    line-height: 48px;
+    border: none;
+    outline: none;
+  }
+
+  &--configurator {
+    width: 100%;
+    display: inline-block;
+  }
+
+  &--transparent {
+    padding: 8px 16px;
+    text-align: center;
+    border: 1px solid white;
+    color: white;
+
+    &:hover {
+      background: white;
+      color: $color-font-main;
+    }
+  }
+
+  &--full {
+    width: 100%;
+  }
+
+  &--icon {
+    background-color: $color-brand-primary;
+    color: white;
+    @include size(16px);
+    border-radius: 8px;
+    line-height: 16px;
+    font-size: 14px;
+  }
+}