EN · DE · RU · FR · ES
← Index · ← Index des fichiers · ← Précédent · Suivant → · 📄 source

#4104 : overlay.scss

site/_sass/uikit/components/overlay.scss Type : Feuille de style SCSS · Source : site/_sass/uikit/components/overlay.scss 85 lignes · 28 code · 33 commentaires · 24 vides
Feuille de style SCSS définissant les styles visuels pour le frontend web de ProjectForge.

Contenu

// Nom :            Overlay
// Description :     Composant pour créer des zones de contenu superposées à une image
//
// Composant :       `uk-overlay`
//
// Adopté :         `uk-overlay-icon`
//
// Modificateur :   `uk-overlay-default`
//                  `uk-overlay-primary`
//
// ========================================================================


// Variables
// ========================================================================

$overlay-padding-horizontal:                     $global-gutter !default;
$overlay-padding-vertical:                       $global-gutter !default;

$overlay-default-background:                     rgba($global-background, 0.8) !default;

$overlay-primary-background:                     rgba($global-secondary-background, 0.8) !default;
$overlay-primary-color-mode:                     light !default;


/* ========================================================================
   Composant : Overlay
 ========================================================================== */

.uk-overlay {
    padding: $overlay-padding-vertical $overlay-padding-horizontal;
    @if(mixin-exists(hook-overlay)) {@include hook-overlay();}
}

/*
 * Supprimer la marge du dernier enfant
 */

.uk-overlay > :last-child { margin-bottom: 0; }


/* Icône
 ========================================================================== */

.uk-overlay-icon {
    @if(mixin-exists(hook-overlay-icon)) {@include hook-overlay-icon();}
}


/* Modificateurs de style
 ========================================================================== */

/*
 * Défaut
 */

.uk-overlay-default {
    background: $overlay-default-background;
    @if(mixin-exists(hook-overlay-default)) {@include hook-overlay-default();}
}

/*
 * Primaire
 */

.uk-overlay-primary {
    background: $overlay-primary-background;
    @if(mixin-exists(hook-overlay-primary)) {@include hook-overlay-primary();}
}

// Mode couleur
@if ( $overlay-primary-color-mode == light ) { .uk-overlay-primary { @extend .uk-light !optional;} }
@if ( $overlay-primary-color-mode == dark ) { .uk-overlay-primary { @extend .uk-dark !optional;} }


// Hooks
// ========================================================================

@if(mixin-exists(hook-overlay-misc)) {@include hook-overlay-misc();}

// @mixin hook-overlay(){}
// @mixin hook-overlay-icon(){}
// @mixin hook-overlay-default(){}
// @mixin hook-overlay-primary(){}
// @mixin hook-overlay-misc(){}

Historique Git

ac75fabf3 Pages GitHub migrées vers Asciidoc (actions GitHub requises).