diff --git a/assets/css/font.scss b/assets/css/font.scss new file mode 100644 index 0000000..0ae01e6 --- /dev/null +++ b/assets/css/font.scss @@ -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 diff --git a/assets/css/main.sass b/assets/css/main.sass index 9e494c2..5a6ae47 100644 --- a/assets/css/main.sass +++ b/assets/css/main.sass @@ -1,15 +1,9 @@ -// $primary-color: #4CB58E -// $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 "./font" @import "./grid" +// Couleur +$primary-color: #e72520 + // Responsive breakpoints $size-xs: 480px $size-sm: 600px @@ -20,13 +14,14 @@ $size-2x: 1440px body margin: 0 + font-family: $font-family a color: black - text-decoration-color: #e72520 + text-decoration-color: $primary-color &:hover - color: #e72520 + color: $primary-color @mixin container max-width: $size-lg