Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added comments.

Browse Source
This commit is contained in:
Marcus Scholz 2020-09-05 22:27:18 +02:00
parent d3dfc4b0cd
commit 638c5d5510
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/main.scss
View File

@ -44,24 +44,28 @@
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/Montserrat/Montserrat-Bold.ttf) format('truetype'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
} }
// Define global color variables.
$-beige: #D7CEC7; $-beige: #D7CEC7;
$-grey: #565656; $-grey: #565656;
$-wine-red: #76323F; $-wine-red: #76323F;
$-light-brown: #C09F80; $-light-brown: #C09F80;
$-almost-white: #f9f9f9; $-almost-white: #f9f9f9;
$-primary-sans-serif-font: Montserrat, // Define global sand/serif font variables.
$-primary-sans-serif-font: 'Montserrat',
Helvetica, Helvetica,
sans-serif; sans-serif;
$-primary-serif-font: 'Crimson Text', $-primary-serif-font: 'Crimson Text',
Times, Times,
serif; serif;
// Define viewport sizes.
$-viewport-extra-small: 450px; $-viewport-extra-small: 450px;
$-viewport-small: 650px; $-viewport-small: 650px;
$-viewport-medium: 750px; $-viewport-medium: 750px;
$-viewport-normal: 1000px; $-viewport-normal: 1000px;
// Define when to hide the sidebar.
$-viewport-toggle-sidebar: $-viewport-small; $-viewport-toggle-sidebar: $-viewport-small;
$-sidebar-width: 250px; $-sidebar-width: 250px;
@ -113,6 +117,7 @@ body {
display: none; display: none;
} }
// Media queries
@media(max-width: $-viewport-normal) { @media(max-width: $-viewport-normal) {
.LP-Wrapper__Site { .LP-Wrapper__Site {
grid-template-columns: (0.75 * $-sidebar-width) 1fr; grid-template-columns: (0.75 * $-sidebar-width) 1fr;