Infrastructure SCSS

Les tableaux ci-dessous reprennent les différents paramètres permettant de modifier le rendu général des pages. La première colonne reprend le nom du paramètre, la deuxième sa description et la troisième la valeur par défaut.

Généralités

$font-color

Couleur du texte

#333

$link-color

Couleur des liens

#028

$font-family

Famille de police du texte

sans-serif

$width

Largeur maximale de la page

1000px

$footer-background

Couleur de fond du pied de page

#666666

$footer-color

Couleur du texte du pied de page

white

$top-logo-width

Largeur du logo

0

$border-radius

Taille de l'arrondi à appliquer à différents éléments

0

$sidebar-position

Position de la barre latérale (left/right)

left

$sidebar-width

Largeur de la barre latérale

300px

Titres

$title-background

Couleur de fond des titres

white

$title-color

Couleur du texte des titres

black

$title-transform

Transformation des caractères des titres

none

$title-font-family

Famille de police pour les titres

$font-family

$title-font-size

Taille de la police des titres

$font-size * 1.1

$title-font-style

Style de la police des titres

normal

$title-padding

Padding des titres

1ex

$title-weight

Graisse de la police des titres

normal

$title-border-bottom

Bordure pour le bas des tites

0

Navigation

Ces paramètres contrôlent l'apparence de la barre de navigation.

$nav-background

Couleur de fond

white

$nav-color

Couleur du texte

black

$nav-active-color

Couleur "active", utilisée comme valeur par défaut pour des éléments ci-dessous

#005EA9

$nav-border-color

Couleur des bordures

$nav-active-color

$nav-height

Hauteur

3em

$nav-item-background

Couleur de fond des éléments

transparent

$nav-item-selected-background

Couleur de fond de la page active

$nav-active-color

$nav-item-selected-color

Couleur du texte de la page active

$nav-menu-color

$nav-item-hover-background

Couleur de fond d'un élément au survol

$nav-item-selected-background

$nav-item-hover-color

Couleur du texte d'un élément au survol

$nav-item-selected-color

$nav-item-spacing

Espace entre les éléments

0px

$nav-mobile-menu-background

Couleur de fond du menu en mode mobile

#eee

$nav-item-selected-mode

Mode d'affichage du menu sélectionné, soit background pour en changer la couleur du fond, soit bottom-border pour ajouter une bordure sous lui.

background

$nav-item-selected-border

Style de la bordure de l'élément sélectionné.

2px solid $nav-active-color

$nav-item-hover-mode

Mode d'affichage du menu survolé, soit background pour en changer la couleur du fond, soit bottom-border pour ajouter une bordure sous lui.

background

$nav-item-hover-border

Style de la bordure de l'élément survolé.

$nav-item-selected-border

Mode responsive

Ces paramètres contrôlent l'apparence de différents éléments quand la largeur de la fenêtre est sous une certaine taille.

$mobile-limit

Largeur sous laquelle adopter le style "mobile"

800px

$responsive-menu

Apparence du menu de navigation responsive, soit top-to-bottom, soit left-to-right

top-to-bottom

$nav-button-background

Couleur de fond du bouton de navigation (menu hamburger)

$nav-active-color

$nav-button-color

Couleur des traits du bouton de navigation (menu hamburger)

$nav-menu-color

$nav-menu-side

Taille d'un bord du bouton de navigation

50px

$nav-menu-color

Couleur des lignes dans le menu de navigation

white

Formulaires

$button-background

Couleur de fond des boutons

#37a7da

$button-color

Couleur du texte des boutons

blanc/noir selon $button-background

$button-border

Style de bordure des boutons

1px solid transparent

$button-hover-background

Couleur de fond des boutons au survol

$button-background

$button-color-background

Couleur du texte des boutons au survol

$button-color

Cellules

$cell-background

Couleur de fond des cellules

white

$cell-border

Bordure des cellules

1px solid #ccc

$cell-border-radius

Taille de l'arrondi des cellules

$border-radius

$cell-color

Couleur du texte des cellules

inherit

$cell-entry-border-color

Couleur de la bordure des éléments de cellule

#ccc

$cell-entry-color

Couleur du texte (lien) d'un élément

$link-color

$cell-entry-hover-background

Couleur de fond d'un élément survolé

inherit

$cell-entry-hover-color

Couleur du texte d'un élément survolé

inherit

$cell-entry-hover-effect

Effet au survol des éléments dans les cellules, none pour un fond directement uni, left-to-right pour faire apparaître celui-ci de gauche à droit, right-to-left de droite à gauche, top-to-bottom de haut en bas, bottom-to-top de bas en haut et middle-to-edges, horizontalement du milieu vers les bords.

none

$cell-title-cover-border

Détermine si le titre des cellules doit couvrir la bordure

true