add font
This commit is contained in:
parent
49a69633ba
commit
e5bf745a9f
|
@ -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
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue