Styleguide

Titles | _titles.scss

@mixin title($level: 1, $color: inherit, $uppercase: false)

Heading 1 Heading 1 Heading 1

Heading 2 Heading 2 Heading 2

Heading 3 Heading 3

Heading 4

Heading 5

Stickers | _sticker.scss

@mixin sticker($type: "normal", $color: inherit, $background: inherit)

Explorer Explorer

manger

comme
un

chtimi

sortir

nuit

divertir

chtite

canaille

vivre

dans
le

nord

que faire à lille

include('components.title-section', [ 'title' => 'que faire', 'titleframed' => 'à lille', ])

Mixins used (no need to call them, just include component)

@mixin title($level: "2-classic", $uppercase: true)

@mixin title($level: "2-framed", $uppercase: true)

        include('components.card', [
          'class'       => 'styleguide-card-place',
          'type'        => 'place-huge',
          'context'     => 'manger',
          'object'      => \App\Models\Place::first()[0]
        ])

        include('components.card', [
          'class'       => 'styleguide-card-place',
          'type'        => 'place',
          'context'     => 'manger',
          'object'      => \App\Models\Place::first()[0]
        ])

Paragraphs | _paragraphs.scss

@mixin paragraph($type: "body-normal", $color: inherit)

Body

Caption

Button

Testimony

Buttons | _buttons.scss

@mixin button($type: "cta-primary-normal", $color: $grey-darker, $background: none, $hover: none, $iconFill: none, $iconStroke: $grey-darker, $iconBackground: $grey);

que faire à lille

Lire L'article