logo
T
H
E
 
S
T
Y
L
E
G
U
I
D
E
 
O
F
 
T
E
S
 
G
L
O
B
A
L
GuidelinesWIP
  • Design principles
  • Button alignment
  • Form Validation
  • Left Nav Column
  • Date & Time format
  • Use of undo
Styles
  • Borders
  • Colors
  • Flex
  • Icons
  • Layout
  • Spacing
  • Typography
  • Visibility
Elements
  • Autocomplete
  • Button
  • Input
  • Input group
  • Checkbox / radio
  • Click stars
  • Datalist group
  • Error
  • Fieldset
  • Form control row
  • Form control column
  • Form group
  • Help
  • Label
  • Pill
  • Popover
  • Profile avatar
  • Rating
  • Select
  • Select Group
  • Simple date
  • Tabs
  • Textarea
  • Toggle
Components
  • BreadcrumbTrail
  • Collapsible
  • Container
  • Feedback Capture
  • Mobile Browse
  • Modal
  • Modal Error
  • Multiselect
  • Notification
  • Pagination
  • Panel
  • Profile card
  • Radio group
  • Ride
  • Smart nav
  • Uploader

Styles

To develop our web pages, using mainly React and Sass, we can rely on some helper/utilities classes and variables/mixins. They are available via the base css file available on every page via service-site-assets.
Moreover we can rely on the shared sass variables/mixins via tes-sass

The list of all the different type of styles helpers/utilities:

BordersColorsFlexIconsLayoutSpacingTypographyVisibility

Copyright @ Tes 2019   |    v. 1.0.0 - Repository