Compare commits

...

2 Commits

Author SHA1 Message Date
Thom Dickson a3ba9e5064
CSS tweaks 2022-03-25 11:32:15 -04:00
Thom Dickson b54c92a4d0
Fix 404 css path 2022-03-25 11:13:33 -04:00
2 changed files with 7 additions and 6 deletions

View File

@ -1,6 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap');
$sidebar_width: 15%; $sidebar_width: 20%;
$sidebar_background: rgba(45, 45, 45, 1); $sidebar_background: rgba(45, 45, 45, 1);
$body_background: rgba(30, 30, 30, 1); $body_background: rgba(30, 30, 30, 1);
$content_background: rgb(35, 35, 35); $content_background: rgb(35, 35, 35);
@ -8,6 +8,7 @@ $content_background: rgb(35, 35, 35);
body { body {
margin: 0; margin: 0;
font-family: 'Fira Code', monospace; font-family: 'Fira Code', monospace;
background: $body_background;
// Sidebar // Sidebar
nav { nav {
@ -27,7 +28,8 @@ body {
} }
img { img {
width: auto; width: 100%;
max-width: 500px;
} }
// Refrence to the tab interface // Refrence to the tab interface
@ -48,8 +50,7 @@ body {
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-left: $sidebar_width; margin-left: $sidebar_width;
background: $body_background; padding-top: 50px;
padding-top: 32px;
color: white; color: white;
article { article {
@ -57,12 +58,12 @@ body {
border: 1px solid white; border: 1px solid white;
border-radius: 3px; border-radius: 3px;
padding: 13px; padding: 13px;
max-width: 1500px; max-width: 1000px;
background: $content_background; background: $content_background;
} }
} }
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1300px) {
@import "mobile.scss"; @import "mobile.scss";
} }