From a469653f7575ae604ec3e979768f4ddfecf5e2b5 Mon Sep 17 00:00:00 2001
From: meleu <meleu.dev@gmail.com>
Date: Sat, 02 Apr 2022 21:50:58 +0000
Subject: [PATCH] separate contact links semantically
---
assets/styles/base.scss | 32 +++++++++++++++++++++++++++++---
1 files changed, 29 insertions(+), 3 deletions(-)
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index a462a33..a8f2f2c 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -112,6 +112,10 @@
gap: 1.5em;
justify-content: center;
+ .disabled {
+ opacity: 0.2;
+ }
+
& > li {
text-align: center;
display: inline-block;
@@ -183,6 +187,10 @@
border-radius: 3px;
}
}
+
+ & p {
+ overflow-wrap: anywhere;
+ }
}
.backlinks a {
@@ -238,7 +246,9 @@
margin: 0;
height: 100vh;
width: 100vw;
- overflow-x: hidden;
+ //overflow-x: hidden;
+ max-width: 100%;
+ box-sizing: border-box;
background-color: var(--light);
}
@@ -268,10 +278,10 @@
}
.singlePage {
- margin: 4em 30vw;
+ padding: 4em 30vw;
@media all and (max-width: 1200px) {
- margin: 25px 5vw;
+ padding: 25px 5vw;
}
}
@@ -484,6 +494,10 @@
transition-delay: 0.3s;
user-select: none;
+ @media all and (max-width: 600px) {
+ display: none;
+ }
+
&.visible {
opacity: 1;
visibility: visible;
@@ -506,3 +520,15 @@
user-select: none;
}
}
+
+#contact_buttons ul {
+ list-style-type: none;
+
+ li {
+ display: inline-block;
+ }
+
+ li a {
+ padding: 5px 20px;
+ }
+}
\ No newline at end of file
--
Gitblit v1.10.0