buttons implemented

esrg-knights · Dec 16, 2023 · 50638cb · 50638cb
1 parent 20a759c
commit 50638cb
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 12 deletions.
diff --git a/kotkt.nl/themes/kotkt/assets/css/_button.scss b/kotkt.nl/themes/kotkt/assets/css/_button.scss
@@ -1,4 +1,4 @@
-.button {
+.button-ext {
     display: inline-block;
     border-radius: 4px;
     background-color: #0a9425;
@@ -20,11 +20,11 @@
     }
 }
 
-.button:hover {
+.button-ext:hover {
     background-color: #075b18
 }
 
-.button span:after {
+.button-ext span:after {
     content: '\00bb';
     position: absolute;
     opacity: 0;
@@ -33,11 +33,11 @@
     transition: 0.5s;
 }
 
-.button:hover span {
+.button-ext:hover span {
     padding-right: 25px;
 }
 
-.button:hover span:after {
+.button-ext:hover span:after {
     opacity: 1;
     right: 0;
 }
diff --git a/kotkt.nl/themes/kotkt/assets/css/_utilities.scss b/kotkt.nl/themes/kotkt/assets/css/_utilities.scss
@@ -5,12 +5,12 @@
   margin-left: -50vw;
 
   display: flex;
-  flex-direction: column;
   justify-content: flex-end;
-
-  .header-title {
+  
+  .header-horizontal {
     display: flex;
-    // justify-content: space-between;
+    flex-direction: column;
+    justify-content: space-between;
   }
 }
 

diff --git a/kotkt.nl/themes/kotkt/layouts/shortcodes/articleimage.html b/kotkt.nl/themes/kotkt/layouts/shortcodes/articleimage.html
@@ -1,7 +1,8 @@
 <div class="header header-full" style='
 background: #222222 url({{ .Get "url" }}) center/cover;
 '>
-    <div class="header-title">
+    <div class="header-horizontal">
+
         <div>
             <h1>{{ .Get "title" }}</h1>
             <h4>{{ .Get "subtitle" }}</h4>
@@ -11,4 +12,4 @@ <h4>{{ .Get "subtitle" }}</h4>
             {{ .Inner }}
         </div>
     </div>
-</div>
+</div>
diff --git a/kotkt.nl/themes/kotkt/layouts/shortcodes/button.html b/kotkt.nl/themes/kotkt/layouts/shortcodes/button.html
@@ -1,3 +1,3 @@
-<a href='{{ .Get "link" }}' target="_blank" class="button" style="vertical-align:middle">
+<a href='{{ .Get "link" }}' target="_blank" class="button-ext" style="vertical-align:middle">
     <span>{{ .Get "text" }} </span>
 </a>