From 178c7159af429496ac5e14b59f0822febe408760 Mon Sep 17 00:00:00 2001
From: "Gabriel A. Giovanini" <mail@gabrielgio.me>
Date: Sat, 8 Feb 2025 22:06:54 +0100
Subject: ref: Format file

---
 scss/main.scss | 164 ++++++++++++++++++++++++++++++---------------------------
 1 file changed, 86 insertions(+), 78 deletions(-)

(limited to 'scss')

diff --git a/scss/main.scss b/scss/main.scss
index b25af7b..7a1fff2 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -35,57 +35,43 @@ $alert-border-radius: 0;
 
 // overwrite to reduce the ammount of css generated by loading all utilities
 $utilities: (
-  "order": (
-    responsive: true,
-    property: order,
-    values: (
-      first: -1,
-      0: 0,
-      1: 1,
-      2: 2,
-      3: 3,
-      4: 4,
-      5: 5,
-      last: 6,
+    "order": (responsive: true,
+        property: order,
+        values: (first: -1,
+            0: 0,
+            1: 1,
+            2: 2,
+            3: 3,
+            4: 4,
+            5: 5,
+            last: 6,
+        ),
     ),
-  ),
-  "float": (
-    responsive: true,
-    property: float,
-    values: (
-      start: left,
-      end: right,
-      none: none,
-    )
-  ),
-  "text-align": (
-    responsive: true,
-    property: text-align,
-    class: text,
-    values: (
-      start: left,
-      end: right,
-      center: center,
-    )
-  ),
-  "margin": (
-    responsive: true,
-    property: margin,
-    class: m,
-    values: map-merge($spacers, (auto: auto))
-  ),
-  "margin-end": (
-    responsive: true,
-    property: margin-right,
-    class: me,
-    values: map-merge($spacers, (auto: auto))
-  ),
-  "margin-start": (
-    responsive: true,
-    property: margin-left,
-    class: ms,
-    values: map-merge($spacers, (auto: auto))
-  ),
+    "float": (responsive: true,
+        property: float,
+        values: (start: left,
+            end: right,
+            none: none,
+        )),
+    "text-align": (responsive: true,
+        property: text-align,
+        class: text,
+        values: (start: left,
+            end: right,
+            center: center,
+        )),
+    "margin": (responsive: true,
+        property: margin,
+        class: m,
+        values: map-merge($spacers, (auto: auto))),
+    "margin-end": (responsive: true,
+        property: margin-right,
+        class: me,
+        values: map-merge($spacers, (auto: auto))),
+    "margin-start": (responsive: true,
+        property: margin-left,
+        class: ms,
+        values: map-merge($spacers, (auto: auto))),
 );
 
 @import "bootstrap/scss/utilities/_api.scss";
@@ -100,14 +86,14 @@ body {
 
 // prevert wierd input overflowing 100%
 input {
-     width: 100%; 
-     box-sizing: border-box;
-     -webkit-box-sizing:border-box;
-     -moz-box-sizing: border-box;
+    width: 100%;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
 }
 
 .navbar-nav {
-  margin-top: 0px
+    margin-top: 0px
 }
 
 .event-list {
@@ -126,29 +112,50 @@ input {
     background: #f8f9fa;
 }
 
+.event-commit {
+    background: #dadada;
+    padding: 5px;
+
+    a {
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+}
+
+.event-commit a:nth-child(3) {
+    text-align: end;
+
+    @include media-breakpoint-down(xl) {
+        text-align: start;
+    }
+}
+
+
 .selected {
-  text-decoration: underline;
+    text-decoration: underline;
 }
 
-.event > h4 {
-  margin: 0;
+.event>h4 {
+    margin: 0;
 }
-.event > p {
-  margin: 0.5rem 0;
+
+.event>p {
+    margin: 0.5rem 0;
 }
 
 .code-view {
     display: grid;
     overflow-x: auto;
 
-    > pre {
-      margin: 0;
+    >pre {
+        margin: 0;
     }
 }
 
-.pathing{
-  margin-left: $spacer;
-  display: inline-block
+.pathing {
+    margin-left: $spacer;
+    display: inline-block
 }
 
 pre {
@@ -157,21 +164,22 @@ pre {
 }
 
 #name {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  padding-left: $spacer;
-  max-width: calc(100% - calc(2 * #{$spacer}));
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    padding-left: $spacer;
+    max-width: calc(100% - calc(2 * #{$spacer}));
 }
 
 #about {
-  padding: 0 $spacer $spacer $spacer;
-  > p:first-child {
-    margin-top: 0
-  }
+    padding: 0 $spacer $spacer $spacer;
 
-  @include media-breakpoint-down(md) { 
-    padding: $spacer;
-    max-width: calc(100% - calc(2 * #{$spacer}));
-  }
+    >p:first-child {
+        margin-top: 0
+    }
+
+    @include media-breakpoint-down(md) {
+        padding: $spacer;
+        max-width: calc(100% - calc(2 * #{$spacer}));
+    }
 }
-- 
cgit v1.2.3