GDL - Global Design Language
Installation and Usage
Installation
Install
npm
and
gulp4.0
globally
Clone repository on your computer (e.g.
/projects/
)
Run
npm install
in project folder to install project dependencies from package.json
If needed, install gulp locally too
Terminal Commands
gulp fractal:dev
to start local development enviroment
gulp build --env prod
to build assets for production
Search
documentation
Overview
Installation
How To Use
Design Tokens
Library
Components
Accordion
Default
Checkbox
Alphindex
Animation
Atomictypos
Attachments
Default
Gallery
Avatar
Badge
Boxcta
Brand
Default
Small
Large
Inverse
Europe
Breadcrumb
Button
Default
Link
Primary
Secondary
Special
Approfondimento
Sizes
States
Styles
Tags
Card
Eventi
Cinema
Ristoranti
Shopping
Carousel
Decoration
Details
Dropdown
Default
Filter
Network
Footer
Forms
Action
action -- default
action -- wide
action -- small
Capcha
Checkbox
Input
Default
Subject
Password
Avatar
Code
Date
File
Sizes
States
Radio
Select
Select -- default
Select -- small
Step Controls
Switch
Textarea
Header
Default
Slim
Slim Inverted
Wide
Local
Icons
Intro
Default
Blog
Local
Js
Default
Form
Lightbox
Loader
Logo Europa
Menu
Modal
Default
Media
Global
Orientation
Modetoggle
Pager
Pagination
Paywall
Default
Gt
Ds 20
Ds 20
Poll
Default
Results
Error
Post
Text
Image
Promo
Default
Weekend
Rating
Readingbar
Searchbar
Share
Slider
Stepper
Default
Numberless
Story
Stack -- big
Cover
Stack -- compact
Stack -- narrow
Stack -- tiny
Stack -- square
Stack -- squaresmall
Inline Large
Inline Small
Inline -- big
Inline -- compact
Inline -- narrow
Inline -- tiny
Inset -- big
Inset -- compact
Square -- dark
Card
Overlay -- vertical
Overlay -- horizontal
Editorial
Number
Search
Live
Subheader
Default
Sponsor
Navbar
Navbar Only
Navbar Large
Purple
Amber
Teal
Approfondimento
Sport
Tab
Table
Default
Flotted
Tag
Title
Title line
Title multiline
Title multiline small
Title featured
Title featured multiline
Toolbar
Typography
Pages
Channel
Default
Child
Cover
Dossier
Cover
Dossier
Video
Tag
Foto
Parent
Opinioni
Diretta
Eventi
Cinema
Ristoranti
Shopping
Local Opinioni
Branded
Branded
Sponsored
Sport
Homepage
Cover
Preview
Apertura
Fullpage
Item
Article
Event
Cinema
Short
Approfondimento
Branded
Sponsor Event
Video
Gallery
Blog
Amp
Local Blog
Sport
Landing
Search
Segnalazioni
User
Default
Login
Logout
Signup
Buysignup
Activate
Recovery
Delete
Edit
Profile
Subscriptions
Arguments
Notifications
View
Buy
Wide
Zone
Templates
Adv
Adv Duo Column
Adv Three
Cpc Template
Native
Native Desktop Article
Native Desktop Home
Native M
Native S
Focus
Big
Double
Small
Video Big
Video Grid
Cover
Single Default
Single Light
Single Dark
Channels
Channels Cover
Dossier
Gallery
Form
Default
Avatar
Login
Logout
Delete
Recovery
Activate
Signup
Buysignup
Buysignupshort
Signup Social
Edit
Edit Profile
Edit Subscriptions
Edit Payments
Edit Arguments
Edit Notifications
Lead
Buy
Subscription
Headlines
Headlines Apertura
Headlines Apertura Ad
Headlines Card
Headlines Cover
Headlines Featured
Headlines Preview
Headlines Sponsored
Headlines Trio
Items
Grid Medium
Grid Small
Grid Large
Grid Big
Grid Double
Grid Trio
Grid Compact
Cards
Channels
List
Duo
Five
Alternated
Editorial
Grid Duo
Grid Trisome
List Headlines
Legals
Default
Cookie Policy
Privacy Policy
Termini Condizioni
User
Activate
Arguments
Buy
Buysignup
Buysignupshort
Delete
Edit
Lead
Login
Logout
Notifications
Profile
Recovery
Signup
Subscription
View
Information
Version:
v1.0
Built on:
9/7/2022