EN · DE · RU · FR · ES

#4107: placeholder.scss

site/_sass/uikit/components/placeholder.scss Тип: SCSS/CSS · Роль: Компонент · Источник: site/_sass/uikit/components/placeholder.scss 45 строк · 14 кода · 18 комментариев · 13 пустых
Файл исходного кода в site/_sass/uikit/components/placeholder.scss, содержащий SCSS/CSS код для слоя компонента.

Структура кода

CSS-правила (2): .uk-placeholder, .uk-placeholder

SCSS-переменные (4): $placeholder-margin-vertical, $placeholder-padding-vertical, $placeholder-padding-horizontal, $placeholder-background

Миксины: hook, hook

Использование включений: hook, hook

Исходный код (сокращённый)


// Переменные
// ========================================================================

$placeholder-margin-vertical:                    $global-margin !default;
$placeholder-padding-vertical:                   $global-gutter !default;
$placeholder-padding-horizontal:                 $global-gutter !default;
$placeholder-background:                         $global-muted-background !default;


/* ========================================================================
   Компонент: Placeholder
 ========================================================================== */

.uk-placeholder {
    margin-bottom: $placeholder-margin-vertical;
    padding: $placeholder-padding-vertical $placeholder-padding-horizontal;
    background: $placeholder-background;
    @if(mixin-exists(hook-placeholder)) {@include hook-placeholder();}
}

/* Добавить отступ, если соседний элемент */
* + .uk-placeholder { margin-top: $placeholder-margin-vertical; }

/*
 * Убрать отступ у последнего дочернего элемента
 */

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


// Хуки
// ========================================================================

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

// @mixin hook-placeholder(){}
// @mixin hook-placeholder-misc(){}

История Git

ac75fabf3 Миграция страниц Github на Asciidoc (требуется Github actions).