Refinitiv - Digital Commons

UI Style Guide
Global CSS

Core

Breakpoints
Colors
Fonts
Grid
Icons
Layout

Typography

Eyebrow
Heading
Paragraph
Text

Elements

Button
Checkbox
Dropdown
Form
Input
Input (file download)
Label
Link
List
Radio
Table
Textarea
Toggle

Components

Accordion
Badge
Banner
Cloud / Tags
Content Card
Breadcrumbs
Detailed Listing
Dialog
Global Header
Global Footer
Help Footer
Lazy Load
List (container)
List (item)
Notification
Modal
Page Header
Pagination
Popover
Sticky Footer
Tabs
Toolbar
Tooltip

Utilities

Overflow
Print
Spacing
Visibility

Lazyload

Example

Show 10 more

Usage

<!-- Lazyload -->
<div class="ui-lazyload">
  <div class="ui-btn ui-btn--secondary">...</div>
</div>

Refinitiv © 2020