#4125 : tile.scss

Source (100 premières lignes)

// Nom :            Tile
// Description :     Composant pour créer des boîtes en carreaux
//
// Composant :       `uk-tile`
//
// Modificateurs :   `uk-tile-xsmall`
//                   `uk-tile-small`
//                   `uk-tile-large`
//                   `uk-tile-xlarge`
//                   `uk-tile-default`
//                   `uk-tile-muted`
//                   `uk-tile-primary`
//                   `uk-tile-secondary`
//
// États :           `uk-preserve-color`
//
// ========================================================================


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

$tile-padding-horizontal:                       15px !default;
$tile-padding-horizontal-s:                     $global-gutter !default;
$tile-padding-horizontal-m:                     $global-medium-gutter !default;
$tile-padding-vertical:                         $global-medium-margin !default;
$tile-padding-vertical-m:                       $global-large-margin !default;

$tile-xsmall-padding-vertical:                  $global-margin !default;

$tile-small-padding-vertical:                   $global-medium-margin !default;

$tile-large-padding-vertical:                   $global-large-margin !default;
$tile-large-padding-vertical-m:                 $global-xlarge-margin !default;

$tile-xlarge-padding-vertical:                  $global-xlarge-margin !default;
$tile-xlarge-padding-vertical-m:                ($global-large-margin + $global-xlarge-margin) !default;

$tile-default-background:                       $global-background !default;

$tile-muted-background:                         $global-muted-background !default;

$tile-primary-background:                       $global-primary-background !default;
$tile-primary-color-mode:                       light !default;

$tile-secondary-background:                     $global-secondary-background !default;
$tile-secondary-color-mode:                     light !default;


/* ========================================================================
   Composant : Tile
 ========================================================================== */

.uk-tile {
    position: relative;
    box-sizing: border-box;
    padding-left: $tile-padding-horizontal;
    padding-right: $tile-padding-horizontal;
    padding-top: $tile-padding-vertical;
    padding-bottom: $tile-padding-vertical;
    @if(mixin-exists(hook-tile)) {@include hook-tile();}
}

/* Paysage téléphone et plus grand */
@media (min-width: $breakpoint-small) {

    .uk-tile {
        padding-left: $tile-padding-horizontal-s;
        padding-right: $tile-padding-horizontal-s;
    }

}

/* Paysage tablette et plus grand */
@media (min-width: $breakpoint-medium) {

    .uk-tile {
        padding-left: $tile-padding-horizontal-m;
        padding-right: $tile-padding-horizontal-m;
        padding-top: $tile-padding-vertical-m;
        padding-bottom: $tile-padding-vertical-m;
    }

}

/*
 * Micro clearfix
 */

.uk-tile::before,
.uk-tile::after {
    content: "";
    display: table;
}

.uk-tile::after { clear: both; }

/*
 * Supprimer la marge du dernier enfant
 */

Historique Git

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

ac75fabf3755bc7ae5f04560459cecf85a5851b6
diff --git a/site/_sass/uikit/components/tile.scss b/site/_sass/uikit/components/tile.scss
new file mode 100644
index 000000000..3a364bfb2
--- /dev/null
+++ b/site/_sass/uikit/components/tile.scss
@@ -0,0 +1,224 @@
+// Nom :            Tile
+// Description :     Composant pour créer des boîtes en carreaux
+//
+// Composant :       `uk-tile`
+//
+// Modificateurs :   `uk-tile-xsmall`
+//                   `uk-tile-small`
+//                   `uk-tile-large`
+//                   `uk-tile-xlarge`
+//                   `uk-tile-default`
+//                   `uk-tile-muted`
+//                   `uk-tile-primary`
+//                   `uk-tile-secondary`
+//
+// États :           `uk-preserve-color`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$tile-padding-horizontal:                       15px !default;
+$tile-padding-horizontal-s:                     $global-gutter !default;
+$tile-padding-horizontal-m:                     $global-medium-gutter !default;
+$tile-padding-vertical:                         $global-medium-margin !default;
+$tile-padding-vertical-m:                       $global-large-margin !default;
+
+$tile-xsmall-padding-vertical:                  $global-margin !default;
+
+$tile-small-padding-vertical:                   $global-medium-margin !default;
+
+$tile-large-padding-vertical:                   $global-large-margin !default;
+$tile-large-padding-vertical-m:                 $global-xlarge-margin !default;
+
+$tile-xlarge-padding-vertical:                  $global-xlarge-margin !default;
+$tile-xlarge-padding-vertical-m:                ($global-large-margin + $global-xlarge-margin) !default;
+
+$tile-default-background:                       $global-background !default;
+
+$tile-muted-background:                         $global-muted-background !default;
+
+$tile-primary-background:                       $global-primary-background !default;
+$tile-primary-color-mode:                       light !default;
+
+$tile-secondary-background:                     $global-secondary-background !default;
+$tile-secondary-color-mode:                     light !default;
+
+
+/* ========================================================================
+   Composant : Tile
+ ========================================================================== */