This commit is contained in:
Simon 2020-02-14 16:58:45 +01:00
parent 49a69633ba
commit e5bf745a9f
2 changed files with 28 additions and 12 deletions

21
assets/css/font.scss Normal file
View File

@ -0,0 +1,21 @@
// Choix de font
//
// https://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html
//
// Polices à empattements (serif)
//$font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif
//$font-family: Georgia, "DejaVu Serif", Norasi, serif
// Polices sans empattements (sans-serif)
//$font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif
//$font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
$font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif
//$font-family: Tahoma, Geneva, Kalimati, sans-serif
//$font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif
//$font-family: Impact, "Arial Black", sans-serif
// Polices à chasse fixe (monospace)
//$font-family: "Courier New", Courier, "Liberation Mono", monospace
//$font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace

View File

@ -1,15 +1,9 @@
// $primary-color: #4CB58E @import "./font"
// $light-color: #34495E
// $dark-color: #fff
// $bg-color: #303742
// $base-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace
//@import "node_modules/spectre.css/src/spectre"
//@import "node_modules/spectre.css/src/spectre-exp"
//@import "node_modules/spectre.css/src/spectre-icons"
//@import "node_modules/spectre.css/src/_variables"
@import "./grid" @import "./grid"
// Couleur
$primary-color: #e72520
// Responsive breakpoints // Responsive breakpoints
$size-xs: 480px $size-xs: 480px
$size-sm: 600px $size-sm: 600px
@ -20,13 +14,14 @@ $size-2x: 1440px
body body
margin: 0 margin: 0
font-family: $font-family
a a
color: black color: black
text-decoration-color: #e72520 text-decoration-color: $primary-color
&:hover &:hover
color: #e72520 color: $primary-color
@mixin container @mixin container
max-width: $size-lg max-width: $size-lg