Design System
A section should โhave paddings of:
Desktop: right 5%, left 5%
Tab: right 2%, left 2%
Mobile: right 2%, left 2%
Section
Text Input
-
Text input elements should have the following widths:
-
Desktop: 50% if it's inside a cell which is a part of a two-column section
-
Tab: 100%
-
Mobile: 100%
-
Textbox
-
Textbox elements should have a fixed min-height of 200px for all breakpoints and the following widths while taking the full width of a one-column section
-
Desktop: 100%
-
Tab: 100%
-
Mobile: 100%
-
Button
Buttons should have (for all breakpoints)
- a fixed min-height of 40px
- a width of 140px and this width should be adjusted depending on the width of the text inside
Radio button
-
Radio buttons should have the following widths:
-
Desktop: 50% if it's inside a cell which is a part of a two-column section
-
Tab: 100%
-
Mobile: 100%โ
-
-
It should not have any fixed height because most of the time we would not know how many options are going to be in the radio button group
Date picker
kalke korbo
I will do it tomorrow.
Repeater (for all the listing pages)
- Repeaters should stretch to the container section. That means it would fill up the full width and full height of the section. To achieve the behaviour, use the 'stretch' option
- Repeater items should have a gap of 10px on all breakpoints
- Try to copy-paste this repeater for other usages on other pages
Ridoy Khan
Kali Linux Experiment Specialist
$135/hr
Bangladesh
Wix developer specializing in Wix Velo coding to develop custom features and advanced functionalities on Wix sites and helping businesses with Wix developer specializing in Wix Velo coding to develop custom features and advanced functionalities on Wix sites and helping businesses with
Dropdown
I think we should change the color of the dropdown from blue to black because it's just another element that takes inputs from users. So why should it be different from other input elements?
Talent Resume
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.