Studio Web
B
C
Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T
Switch theme mode
Light / Dark
Shortcut : MAJ + D
Components
Account
Here is the design pattern of the scope account.
CSS components : Universes/_account/_common/_css/_components/_my_account/**/*.scss
Global structure
Header + Content
Information Sint enim mollit velit eu.
Title Sint magna laboris
Text Consequat nisi tempor quis aliqua. Ex officia et id laborum excepteur officia aliqua do sit. Sit excepteur aliquip mollit ea minim.
Title Incididunt consectetur
Text Lorem commodo deserunt id irure. Esse elit eu aliquip laboris qui eiusmod ipsum. Exercitation commodo in officia velit irure reprehenderit anim adipisicing.
Titles text and link outside a box
Title Id esse nostrud
Text dolor velit mollit sint duis laborum. Aliqua culpa nulla esse Lorem veniam aliqua id ullamco incididunt et officia. Sit exercitation sit in ipsum sit et non aliquip aute nisi aliquip. Magna occaecat est amet exercitation voluptate dolore aliquip laborum cillum nostrud. Cillum mollit enim proident ad deserunt.
Boxes
Box with title, separator and text
Title Ipsum ad irure
Text dolor velit mollit sint duis laborum. Aliqua culpa nulla esse Lorem veniam aliqua id ullamco incididunt et officia. Sit exercitation sit in ipsum sit et non aliquip aute nisi aliquip. Magna occaecat est amet exercitation voluptate dolore aliquip laborum cillum nostrud. Cillum mollit enim proident ad deserunt.
Non quis laborum culpa eiusmod sint ea.
Title Ipsum ad irure
Text dolor velit mollit sint duis laborum. Aliqua culpa nulla esse Lorem veniam aliqua id ullamco incididunt et officia. Sit exercitation sit in ipsum sit et non aliquip aute nisi aliquip. Magna occaecat est amet exercitation voluptate dolore aliquip laborum cillum nostrud. Cillum mollit enim proident ad deserunt.
Box with title, special case text (label and value) and buttons
Dolor velit mollit sint duis laborum. Aliqua culpa nulla esse Lorem veniam aliqua id ullamco incididunt et officia. Sit exercitation sit in ipsum sit et non aliquip aute nisi aliquip. Magna occaecat est amet exercitation voluptate dolore aliquip laborum cillum nostrud. Cillum mollit enim proident ad deserunt.
Label cupidatat occaecat :
Value ad aute tempor
Box with Personal information list
-
TitleTitle
-
Title Consectetur exercitation ad est qui consectetur ullamco excepteur aute ipsum id Lorem do irureTitle Excepteur mollit esse sit fugiat tempor excepteur aliqua et consectetur proident tempor aute voluptate
Box with menu list
Box with complex list 1
-
LabelValue
-
Label Lorem ipsum dolor sit amet consectetur, adipisicing elitValue Et ea enim dolor reprehenderit aliqua
Box with complex list 2
-
TitleSub titleTag adipisicingTitleError Deserunt minim cupidatat amet tempor anim enim eu esse.
-
Title Deserunt labore adipisicing culpa aliqua fugiat anim in elit ut velit elitSub title Reprehenderit anim ad tempor officia ametTag reprehenderitTitle Deserunt laboreError Est in excepteur consequat non.
-
Title Deserunt labore adipisicing culpa aliqua fugiat anim in elit ut velit elitSub title Reprehenderit anim ad tempor officia ametTag reprehenderit
Box with mailbox list
-
Veniam cupidatat laboris et labore consequat ipsum ea proident ad exAd quis ut id do anim minim enim commodo ullamco nisi
-
Ullamco nulla pariatur consequat magna fugiat sint deserunt amet proident esse proident sint deserunt deseruntLabore mollit cillum consectetur cillum cupidatat
Box with button aspect items in list
Box with separator and with big button aspect in list
Box with basic list
Veniam cupidatat laboris et labore consequat ipsum ea proident ad ex
Box with switch
Box with input field
Title Anim nisi sint aliqua
Error nulla voluptate et nisi dolore elit quis sint sint ullamco laboris
Error aliqua est proident duis laboris mollit consectetur ut labore
Information Fugiat incididunt nostrud laborum ea qui
Label minim non eu quis pariatur
Title Anim nisi sint aliqua
Error minim et labore labore quis veniam
Label minim non eu quis pariatur
Error Qui enim est culpa laborum sit sint laboris ipsum