janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-29 21:02:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

sidebar nav

Browse Source
This commit is contained in:
Janis
2022-12-19 01:24:25 +01:00
parent 8ac23deb65
commit 26f8683f69
7 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
styles/Nav.module.scss Normal file
View File

@@ -0,0 +1,5 @@
.nav {
background-color: rgb(12, 12, 14);
height: 60px;
margin-bottom: 50px;
}

7
styles/Sidebar.module.scss Normal file
View File

@@ -0,0 +1,7 @@
@import "variables.scss";
.sidebar {
.stickyContainer {
position: sticky;
top: $grid-sticky-top;
}
}

8
styles/Tutorial.module.scss
View File

@@ -1,10 +1,10 @@
@import "variables.scss";
.tutorial {
display: grid;
gap: 20px;
gap: 70px;
grid-template-columns: 200px minmax(0px, 1fr) 200px;
margin: 0px auto;
max-width: 1500px;
max-width: 1800px;
padding: 0px 24px;
.tutorialContent {
@@ -28,6 +28,10 @@
img {
max-width: 100%;
}
p {
margin-top: 1em;
line-height: 1.5;
}
}
}
}

3
styles/TutorialContentTable.module.scss
View File

@@ -3,7 +3,8 @@
.tutorialContentTable {
.stickyContainer {
position: sticky;
top: 60px;
top: $grid-sticky-top;
.list {
align-items: flex-start;
display: flex;

3
styles/variables.scss
View File

@@ -9,3 +9,6 @@ $color-font-link: #2294ff;
$md-color-font: mix($color-overlay-mix, $color-font, 5%);
$md-color-headline: mix($color-overlay-mix, $color-font, 20%);
$md-color-hr: mix($color-overlay-mix, $color-background-body, 20%);
/* Grid */
$grid-sticky-top: 60px;