Styles wiki - cshub-yorku/merchStore GitHub Wiki

  1. Text
  2. Button
  3. Select
  4. Text filed

Text

Class name Details Screenshot
FONTS
customFontWeight(param) applys specified font weight
thin applys font weight of 100
normal applys font weight of 400
medium applys font weight of 500
semiBold applys font weight of 600
bold applys font weight of 700
heavy applys font weight of 900
fontIBM applies font family IBM
fontInter applies font family Inter
fontJura applies font family Jura
themeColor applies color specified in the theme as text
Text sizes

| variant h1| responsive h1| |
| h2| responsive h2 | | | h3| responsive h3 | | | h4| responsive h4 | | | h5| responsive h5 | | | h6| responsive h6 | | | body1| responsive body1 | |

Buttons

Class name Details Screenshot

| button_white | just a white button | |
| button_black | just a black button | | | button_theme(theme) | styles button | |
| toggle_button_black | Styles for button that has 2 states| |\

Select

Class name Details Screenshot

| select_black | Select component is slit into 2 parts: select and Menu item this one is for select| |
| select_menu_black | Style for Menu item element | |\

Text field

Class name Details Screenshot

| field_white | This was painful| Screenshot from 2023-03-18 22-37-44 |\