113 lines
2.3 KiB
Text
113 lines
2.3 KiB
Text
.patron
|
||
.container
|
||
%h1 Formulaires
|
||
|
||
%form.form
|
||
%label Nom
|
||
%input{ type: "text" }
|
||
%input{ type: "text", placeholder: "Prénom: Ivan" }
|
||
%label Mot de passe
|
||
%input{ type: "password", value: "12345678" }
|
||
%input.button{ type: "submit", value: "Envoyer" }
|
||
|
||
%h1 Boutons
|
||
|
||
%p
|
||
= link_to ".button", "#", class: "button"
|
||
|
||
= link_to ".button.primary", "#", class: "button primary"
|
||
|
||
= link_to ".button.secondary", "#", class: "button secondary"
|
||
|
||
= link_to ".button.large", "#", class: "button large"
|
||
|
||
= link_to ".button.large.primary", "#", class: "button large primary"
|
||
|
||
%p
|
||
= link_to "#", class: "button" do
|
||
%i.follow
|
||
= "%i.follow"
|
||
= link_to "#", class: "button" do
|
||
%i.unfollow
|
||
= "%i.unfollow"
|
||
= link_to "#", class: "button" do
|
||
%i.archive
|
||
= "%i.archive"
|
||
= link_to "#", class: "button" do
|
||
%i.unarchive
|
||
= "%i.unarchive"
|
||
%p
|
||
= link_to ".button.primary.expand", "#", class: "button primary expand"
|
||
|
||
%h1 Onglets
|
||
|
||
%ul.tabs
|
||
%li
|
||
= link_to "Onglet 1", "#", class: "selected"
|
||
%li
|
||
= link_to "Onglet 2", "#"
|
||
%li
|
||
= link_to "Onglet 3", "#"
|
||
|
||
%h1 Labels
|
||
|
||
%span.label .label
|
||
|
||
%h1 Cards
|
||
|
||
.card
|
||
.card-title
|
||
Titre de la carte
|
||
Et voici le contenu de la carte
|
||
|
||
.card.featured
|
||
.card-title
|
||
Titre de la carte mise en avant
|
||
Et voici le contenu de la carte
|
||
|
||
%h1 Table
|
||
|
||
%table.table
|
||
%tbody
|
||
%tr
|
||
%th Header 1
|
||
%td Table Data 1
|
||
%tr
|
||
%th Header 2
|
||
%td Table Data 2
|
||
%tr
|
||
%th.header-section{ colspan: 2 } Header section
|
||
%tr
|
||
%th Header 3
|
||
%td Table Data 3
|
||
|
||
%h1 Header
|
||
.backoffice-header
|
||
.container
|
||
Titre
|
||
%ul.tabs
|
||
%li
|
||
= link_to "Onglet 1", "#", class: "selected"
|
||
%li
|
||
= link_to "Onglet 2", "#"
|
||
%li
|
||
= link_to "Onglet 3", "#"
|
||
|
||
.container
|
||
%h1 Breadcrumbs
|
||
|
||
%ul.breadcrumbs
|
||
%li
|
||
= link_to "Procédure 123", "#"
|
||
%li
|
||
= "Dossier n° 38"
|
||
|
||
|
||
%h1 Layout deux colonnes
|
||
|
||
.two-columns
|
||
.columns-container
|
||
.column
|
||
Insérer ici le contenu de la colonne 1
|
||
.column
|
||
Insérer ici le contenu de la colonne 2
|