Add final snippets

Author: abias

snippets/builtin/README.md

@@ -0,0 +1,67 @@
+/**
+ * Snippet Title: Rainbow navbar for anti-homophobia day
+ * Domain:        theme_boost_union
+ * Scope:         global
+ * Goal:          eyecandy
+ * Description:   17 May is a special day for the queer community - the International Day against Homophobia, Biphobia and Transphobia. This CSS changes the background of the primary navbar to rainbow colors to commemorate and support the special day.<br /><em>Please note: To make this CSS snippet work, you have to set the 'theme_boost_union | navbarcolor' setting to 'Dark navbar with light font color' as well.</em>
+ *
+ * @package    theme_boost_union
+ * @copyright  2024 University of Applied Science Hamburg
+ * @author     Nils Promer <[email protected]>, Alexander Brehm <[email protected]
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+.navbar {
+  box-sizing: unset;
+}
+
+.navbar {
+  background: linear-gradient(90deg,
+    hsl(217, 100%, 31%) 0%,
+    hsl(240, 100%, 50%) 13%,
+    hsl(270, 100%, 63%) 23%,
+    hsl(300, 100%, 43%) 31%,
+    hsl(330, 100%, 59%) 37%,
+    hsl(360, 100%, 63%) 45%,
+    hsl(30, 100%, 48%) 51%,
+    hsl(60, 100%, 37%) 58%,
+    hsl(90, 100%, 34%) 68%,
+    hsl(120, 100%, 35%) 73%,
+    hsl(240, 100%, 63%) 88%,
+    hsl(240, 100%, 50%) 93%,
+    hsl(217, 100%, 31%) 100%
+  );
+  border-bottom: 1px solid #158d25;
+}
+
+.navbar .navbar-brand {
+  display: none;
+}
+
+.primary-navigation .navigation {
+  height: 61px;
+}
+
+.primary-navigation .nav-item .nav-link {
+  position: relative;
+  text-transform: uppercase;
+  font-weight: bold;
+  color: #fff;
+  height: 61px;
+}
+
+.primary-navigation .navigation .nav-link.active,
+.navbar.navbar-dark.bg-primary .nav-link.active {
+  border-bottom: none;
+}
+
+.primary-navigation li.nav-item a.nav-link.active::after {
+  content: "";
+  position: absolute;
+  bottom: 14px;
+  height: 2px;
+  left: 0;
+  right: 0;
+  margin: 0 0.5em;
+  background-color: #fff;
+}