update burger menu for social acc.s

move responsive.scss to main.scss to fix different acting @media

add social media account links to burger menu for; x.com and nitter

update CSS formating
This commit is contained in:
HardenedSteel 2024-06-08 01:33:22 +03:00
parent 7cb7fc7b02
commit b2da0a9288
No known key found for this signature in database
GPG key ID: 0EAF39EDDC2F3265
7 changed files with 40 additions and 25 deletions

View file

@ -3,7 +3,7 @@
---
//Import
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss", "responsive.scss";
@import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss";
// Default Style (Dark)
:root {
@ -110,6 +110,19 @@
#menu-toggle:checked~#nav {
width: 30%;
}
/* Sets burger menu for small screens */
#header {
.action-container {
display: flex !important;
}
}
#nav-list {
.nav-actions-flex {
display: none !important;
}
}
}
// END menu toggle
@ -163,7 +176,7 @@ p.by-line-post {
}
align-items: center;
display: flex;
display: none;
flex-direction: row;
gap: 12px;
height: 36px;
@ -177,4 +190,4 @@ p.by-line-post {
display: block;
padding-bottom: 0;
}
}
}