[SPIP Zone] Galactic : identifier les @media du responsive

Archives Zone
1

Bonjour,

Je personnalise un squelette sur base Galactic dans galactic_theme.scss

Quels sont les différents @media pris en compte, et comment les utiliser ?

J'ai relevé dans quelques fichiers qqchose qui me guiderait vers :

@include media($bp-small) {
}
@include media($bp-medium-up) {
}
@include media($bp-large-up) {
}
@include media($bp-largeplus-up) {
}

@media (max-width: em(640px)) {
}
@media only screen and (max-width: 760px) {
}

Est-ce que ce sont les références de ce squelette ? Sont-elles exclusives ?

Merci
--
Stéphane

Les Voisins Spipeurs : http://www.voisins-spipeurs.net

2

Le 12/12/2017 à 09:13, Stéphane Santon a écrit :

Bonjour,

Je personnalise un squelette sur base Galactic dans galactic_theme.scss

Quels sont les différents @media pris en compte, et comment les utiliser ?

J'ai relevé dans quelques fichiers qqchose qui me guiderait vers :

@include media($bp-small) {
}
@include media($bp-medium-up) {
}
@include media($bp-large-up) {
}
@include media($bp-largeplus-up) {
}

@media (max-width: em(640px)) {
}
@media only screen and (max-width: 760px) {
}

Est-ce que ce sont les références de ce squelette ? Sont-elles exclusives ?

Il t'en manque :slight_smile:

Les dimensions (toutes en em) et les breakpoints des media queries sont définis dans scss/utils/variables.scss :

--
nicod_