move social css to scss

devopsdays · Feb 22, 2025 · da2065e · da2065e
1 parent 6e8a990
commit da2065e
Showing 1 changed file with 99 additions and 0 deletions.
diff --git a/themes/devopsdays-theme/static/scss/custom.scss b/themes/devopsdays-theme/static/scss/custom.scss
@@ -582,3 +582,102 @@ h3.program-page {
   font-size: 1.5em;
   font-weight: 300;
 }
+
+/* social badges */
+.social-bsky {
+  color: black;
+  height: 50px;
+  padding: 12px;
+  font-size: 30px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.social-bksy:hover {
+  color: rgb(17, 134, 243);
+  text-decoration: none;
+}
+
+.social-li {
+  color: black;
+  height: 50px;
+  padding: 12px;
+  font-size: 30px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.social-li:hover {
+  color: rgb(29, 96, 196);
+  text-decoration: none;
+}
+
+.social-envelope {
+  color: black;
+  height: 50px;
+  padding: 12px;
+  font-size: 30px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.social-envelope:hover {
+  color: rgb(46, 124, 43);
+  text-decoration: none;
+}
+
+.social-mstd {
+  color: black;
+  height: 50px;
+  padding: 12px;
+  font-size: 30px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.social-mstd:hover {
+  color: rgb(110, 99, 218);
+  text-decoration: none;
+}
+
+.social-slack {
+  color: black;
+  height: 50px;
+  padding: 12px;
+  font-size: 30px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.social-slack:hover {
+  color: rgb(223, 180, 42);
+  text-decoration: none;
+}
+
+.social-x {
+  color: black;
+  height: 50px;
+  padding: 12px;
+  font-size: 30px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.social-x:hover {
+  color: rgb(95, 92, 92);
+  text-decoration: none;
+}
+
+.social-yt {
+  color: black;
+  height: 50px;
+  padding: 12px;
+  font-size: 30px;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.social-yt:hover {
+  color: rgb(224, 52, 52);
+  text-decoration: none;
+}