CSS tweaks
This commit is contained in:
parent
b54c92a4d0
commit
a3ba9e5064
|
@ -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";
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue