andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Most features done

Browse source
This commit is contained in:
Schmelczer András 2019-12-23 11:31:53 +01:00
parent cdaa423b8a
commit c8679b77bf
43 changed files with 803 additions and 648 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/style/fonts.scss
View file

@ -21,28 +21,29 @@
format("svg"); /* Legacy iOS */
}
/* open-sans-300italic - latin_latin-ext */
/* open-sans-italic - latin-ext_latin */
@font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 300;
src: url("../static/fonts/open_sans/open-sans-v17-latin_latin-ext-300italic.eot"); /* IE9 Compat Modes */
src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"),
url("../static/fonts/open_sans/open-sans-v17-latin_latin-ext-300italic.eot?#iefix")
font-weight: 400;
src: url("../static/fonts/open_sans_italic/open-sans-v17-latin-ext_latin-italic.eot"); /* IE9 Compat Modes */
src: local("Open Sans Italic"), local("OpenSans-Italic"),
url("../static/fonts/open_sans_italic/open-sans-v17-latin-ext_latin-italic.eot?#iefix")
format("embedded-opentype"),
/* IE6-IE8 */
url("../static/fonts/open_sans/open-sans-v17-latin_latin-ext-300italic.woff2")
url("../static/fonts/open_sans_italic/open-sans-v17-latin-ext_latin-italic.woff2")
format("woff2"),
/* Super Modern Browsers */
url("../static/fonts/open_sans/open-sans-v17-latin_latin-ext-300italic.woff")
url("../static/fonts/open_sans_italic/open-sans-v17-latin-ext_latin-italic.woff")
format("woff"),
/* Modern Browsers */
url("../static/fonts/open_sans/open-sans-v17-latin_latin-ext-300italic.ttf")
url("../static/fonts/open_sans_italic/open-sans-v17-latin-ext_latin-italic.ttf")
format("truetype"),
/* Safari, Android, iOS */
url("../static/fonts/open_sans/open-sans-v17-latin_latin-ext-300italic.svg#OpenSans")
url("../static/fonts/open_sans_italic/open-sans-v17-latin-ext_latin-italic.svg#OpenSans")
format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin_latin-ext */
@font-face {
font-family: "Open Sans";

20
src/style/mixins.scss
View file

@ -15,7 +15,7 @@
@media (max-width: $breakpoint-width) {
& {
transition: box-shadow $transition-time;
transition: box-shadow $fast-transition-time;
&:hover {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
@ -28,3 +28,21 @@
width: $size;
height: $size;
}
@mixin title-font() {
font: 400 3.33rem "Raleway", serif;
}
@mixin sub-title-font() {
font: 400 2rem "Raleway", serif;
}
@mixin main-font() {
font: 400 18px "Open sans", sans-serif;
line-height: 1.5;
}
@mixin insignificant-font() {
font: 400 16px "Open sans", sans-serif;
font-style: italic;
}

16
src/style/vars.scss
View file

@ -1,31 +1,29 @@
@import "fonts";
$background: linear-gradient(90deg, #fff9e0 0, #ffd6d6 100vw);
$background-start: #fff9e0;
$background-end: #ffd6d6;
$background: linear-gradient(90deg, $background-start 0, $background-end 100vw);
$normal-text-color: #31343f;
$light-text-color: #7a7d8e;
$inverse-text-color: #ffffff;
$card-color: #ffffff;
$accent-color: #5264bf;
$light-accent-color: #e5e5ff;
$accent-color: #aa4465;
$scrollbar-color: #ffd6d6;
$transition-time: 220ms;
$fast-transition-time: 220ms;
$slow-transition-time: 350ms;
$line-width: 3px;
$border-radius: 5px;
$breakpoint-width: 900px;
$normal-margin: 35px;
$small-margin: 25px;
$line-height: 2ch;
$icon-size: 25px;
$body-width: 765px;
$title-font: 400 3.33rem "Raleway", sans-serif;
$sub-title-font: 400 2rem "Raleway", sans-serif;
$text-font: 400 18px "Open sans", sans-serif;
@media (max-width: $breakpoint-width) {
$line-width: 2px;
$normal-margin: 25px;