TY Master CSS

This is generated using css inorder to reduce the effort of writing same code again and again

Installation

• For Angular
  • Run npm i ty-master-css command in your project
  • in angular.json in the styles array link the path node_modules/ty-master-css/css/ty-master.css

Font Styles

• For all the headings “Barlow Condensed” Font Family is used
• For all the paragraphs “Montserrat” Font Family is used
• The Font-weight of 500 is applied for the body

Tables

• Just Apply the class ty-table to the <table>
• For every <th> the background color of Test Yantra blue will be applied
• In order to center the text, apply the class text-center
• If a particular cell text needs to be centered use text-center class to the corresponding <td> or <th>

Cards

• Use ty-card class to wrap the ty-card-body class
• The content to be presented in a card can be enclosed inside the <div> with ty-card-body class
• If card label needs to be added, inside the <div> with ty-card-body add a <span> with class ty-card-label and ty-card-label-orange or ty-card-label-blue

Buttons

• Use the class “ty-btn” in the <button> or <input type=”submit”> or <a>