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