source: spip-zone/_galaxie_/galactic/galactic/scss/base/_typo.scss @ 105541

Last change on this file since 105541 was 105541, checked in by nicolas.dorigny@…, 3 years ago

Un squelette basé sur le design créé par Jordan
cf la capture écran sur l'article https://contrib.spip.net/Refonte-de-l-identite-graphique

Ce squelette Z et SCSS est conçu pour être surchargé par des thèmes spécialisé, sous la forme d'autres plugins à installer.

Ce ne sont pas des thèmes au sens de ceux qui existent pour la dist ou pour Spipr, ces thèmes là peuvent déclarer des dépendances, des configurations, des options etc.
Ils s'installent donc comme des plugins et pas avec Zen-Garden.

Deux thèmes pour l'instant : programmer.spip.net, et spip.net

C'est un travail en cours, j'uploade tout ça sur la zone pour le partager et en discuter.

TODO : une documentation du squelette et de la façon de créer un thème (surcharges).

File size: 2.4 KB
Line 
1/*
2
3Correspondance entre les valeurs numériques et les noms communément utilisés
4
5100
6    Thin (Hairline)
7200
8    Extra Light (Ultra Light)
9300
10    Light
11400
12    Normal
13500
14    Medium
15600
16    Semi Bold (Demi Bold)
17700
18    Bold
19800
20    Extra Bold (Ultra Bold)
21900
22    Black (Heavy)
23   
24 */
25
26@font-face {
27  font-family: 'montserrat';
28  src:         url('../webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../webfonts/montserrat/montserrat-bold-webfont.woff') format('woff');
29  font-weight: 900;
30  font-style:  normal;
31}
32
33@font-face {
34  font-family: 'montserrat';
35  src:         url('../webfonts/montserrat/montserrat-semibold-webfont.woff2') format('woff2'), url('../webfonts/montserrat/montserrat-semibold-webfont.woff') format('woff');
36  font-weight: bold;
37  font-style:  normal;
38}
39
40@font-face {
41  font-family: 'montserrat';
42  src:         url('../webfonts/montserrat/montserrat-medium-webfont.woff2') format('woff2'), url('../webfonts/montserrat/montserrat-medium-webfont.woff') format('woff');
43  font-weight: 500;
44  font-style:  normal;
45}
46
47@font-face {
48  font-family: 'montserrat';
49  src:         url('../webfonts/montserrat/montserrat-light-webfont.woff2') format('woff2'), url('../webfonts/montserrat/montserrat-light-webfont.woff') format('woff');
50  font-weight: normal;
51  font-style:  normal;
52}
53
54body {
55  font-family:    'montserrat', Helvetica, Arial, sans-serif;
56  font-size:      em($body-font-size, $_base-font-size)*0.9;
57  @include media($bp-medium-up) {
58        font-size: em($body-font-size, $_base-font-size)*0.95;
59  }
60  @include media($bp-large-up) {
61        font-size: em($body-font-size, $_base-font-size);
62  }
63  font-weight:    normal;
64  line-height:    $typo-line-height;
65  color:          $couleur-texte;
66  text-rendering: geometricPrecision;
67}
68
69h1, .h1,
70h2, .h2,
71h3, .h3 {
72  font-weight: 900;
73  line-height: 1.1;
74  font-style:  italic;
75  color:       $couleur-gris1;
76}
77
78h1, .h1 {
79  font-size: $body-font-size*2;
80}
81
82h2, .h2 {
83  font-size: $body-font-size*1.5;
84}
85
86h3, .h3 {
87  font-size: $body-font-size*1.25;
88}
89
90h4, .h4 {
91  font-size: $body-font-size*1.125;
92}
93
94h5, .h5,
95h6, .h6 {
96  font-size: $body-font-size;
97}
98
99a {
100  text-decoration: none;
101  color:           $couleur-lien;
102  &:visited {
103        color: $couleur-lien;
104  }
105  &:focus,
106  &:hover {
107        text-decoration: underline;
108        color:           $couleur-lien-hover;
109        border-color:    $couleur-lien-hover;
110        outline:         0;
111  }
112}
113
114tt {
115 
116}
Note: See TracBrowser for help on using the repository browser.