Search Results

.rps-skeleton-container {

affichage: grille;

bordure-radius: 3px;

largeur-max: 1200px;

écart-grille: 30px;

marge: 0 auto;

.rps-skeleton-results-page-header-wrapper {

affichage: grille;

hauteur: 73px;

arrière-plan: blanc;

modèle-de-colonnes-grille: 1fr max-content;

écart-grille: 20px;

alignement-des-éléments: centre;

bordure-radius: 3px;

bordure: 1px solide #e6e6e6;

remplissage: 10px 20px;

.rps-skeleton-filter-menu-container {

débordement: caché;

remplissage: 20px;

affichage: grille;

arrière-plan: blanc;

écart-grille: 20px;

bordure: 1px solide #e8e8e8;

bordure-radius: 3px;

hauteur: max-content;

.rps-skeleton-result-page-body-container {

affichage: grille;

écart-grille: 30px;

alignement-des-éléments: flex-start;

modèle-de-colonnes-grille: minmax(200px, 250px) 1fr;

.rps-skeleton-main-content-container {

affichage: grille;

écart-grille: 1px;

bordure: 1px solide #e6e6e6;

bordure-radius: 3px;

couleur-de-fond: #e6e6e6;

modèle-de-colonnes-grille: répétition(3, 1fr);

.rps-skeleton-product-container {

arrière-plan: blanc;

affichage: grille;

écart-grille: 10px;

hauteur: max-content;

remplissage: 20px;

.rps-skeleton-product-container .rps-skeleton-product-image {

hauteur: 200px;

largeur: 100%;

marge: 0 auto 10px;

bordure-radius: 5px;

couleur-de-fond: #ccc;

image-de-fond: dégradé-linéaire(

90deg,

#F4F4F4 0px,

rgba(229, 229, 229, 0.8) 40px,

#F4F4F4 80px

taille-de-fond: 600px;

animation: brillance-rps-skeleton-product-image 2s infini ease-out;

.rps-skeleton-results-page-header-wrapper .rps-skeleton-line {

largeur-max: 200px;

.rps-skeleton-results-page-header-wrapper .rps-skeleton-line ~ .rps-skeleton-line {

largeur: 200px;

.rps-skeleton-line {

hauteur: 16px;

bordure-radius: 7px;

image-de-fond: dégradé-linéaire(

90deg,

#F4F4F4 0px,

rgba(229, 229, 229, 0.8) 40px,

#F4F4F4 80px

taille-de-fond: 600px;

animation: brillance-lignes 2s infini ease-out;

.rps-skeleton-product-container .rps-skeleton-line ~ .rps-skeleton-line {

largeur: 100px;

@keyframes brillance-lignes {

position-de-fond: -100px;

position-de-fond: 140px;

@keyframes brillance-rps-skeleton-product-image {

position-de-fond: -32px;

position-de-fond: 208px;

@media tous et (largeur-max: 992px) {

.rps-skeleton-filter-menu-container {

affichage: aucun;

.rps-skeleton-result-page-body-container {

modèle-de-colonnes-grille: 1fr;

@media tous et (largeur-max: 768px) {

.rps-skeleton-main-content-container {

modèle-de-colonnes-grille: répétition(3, minmax(100px, 1fr));

@media tous et (largeur-max: 576px) {

.rps-skeleton-main-content-container {

modèle-de-colonnes-grille: répétition(2, minmax(100px, 1fr));

@media tous et (largeur-max: 400px) {

.rps-skeleton-main-content-container {

modèle-de-colonnes-grille: 1fr;