From 1f8f5aad31a7b4e25ee3ae83704727e549a41ef8 Mon Sep 17 00:00:00 2001
From: Kutzner <kevin.kutzner@hft-stuttgart.de>
Date: Tue, 23 Nov 2021 21:14:36 +0000
Subject: [PATCH] Add new file
---
public/assets/css/mobile.css | 91 ++++++++++++++++++++++++++++++++++++
1 file changed, 91 insertions(+)
create mode 100644 public/assets/css/mobile.css
diff --git a/public/assets/css/mobile.css b/public/assets/css/mobile.css
new file mode 100644
index 0000000..c018135
--- /dev/null
+++ b/public/assets/css/mobile.css
@@ -0,0 +1,91 @@
+@media only screen and (max-width : 800px) {
+
+ .content {
+ padding-left: 5%;
+ padding-right: 5%;
+ }
+
+ nav {
+ background-color: rgba(16, 16, 16, 0.8);
+ height: auto;
+ padding: 0;
+ position: absolute;
+ right: -40%;
+ top: 20px;
+ width: 40%;
+ margin: 0;
+ z-index: 1000;
+ transition: right 0.4s;
+ }
+
+ nav ul {
+ flex-direction: column;
+ }
+
+ nav li {
+ display: block;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ }
+
+ nav a {
+ font-size: 0.8em;
+ }
+
+ nav a:hover {
+ border-bottom: unset;
+ padding-bottom: unset;
+ }
+
+ .hamburger {
+ display: none;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 40px;
+ height: 40px;
+ background-color: rgba(16, 16, 16, 0.8);
+ margin-top: 20px;
+ padding: 8px;
+ transition: margin-right 0.4s;
+ }
+
+ .line {
+ background-color: white;
+ height: 2px;
+ }
+
+ .slide-nav {
+ right: 0;
+ }
+
+ .slide-hamburger {
+ margin-right: 40%;
+ }
+
+ .overflow-visible{
+ overflow: visible;
+ }
+
+ .logo{
+ width: 80px;
+ height: 80px;
+ margin-left: 8vw;
+ }
+
+
+}
+
+@media only screen and (max-width : 400px) {
+
+ #projectlogo img{
+ width: 50px;
+ }
+
+ #projectname {
+ font-size: 12px;
+ }
+
+
+}
--
GitLab