added or updated base style and 640px, 768px, 1024px, 1280px, 1536px, 1920px breakpoints
introduced 3 x-spacing variables xSm xMd xLg and 4 y-spacing variables ySm yMd yLg yXl, the "Md" variants are the ones that used to be named "Standard"
changed a lot of paddings, margins, gaps to these new variables
created a plugin for auto dynamic width and height mostly for icons: new classes dw- (dynamic width) and dh- (dynamic height), those classes only accept arbitrary values (only the ones in [] like [48px]), we input the value for 3xl screen and it gets automatically resized according to the var(--icon-size-factor) on other screen sizes
xSm xMd xLgand 4 y-spacing variablesySm yMd yLg yXl, the "Md" variants are the ones that used to be named "Standard"widthandheightmostly for icons: new classesdw-(dynamic width) anddh-(dynamic height), those classes only accept arbitrary values (only the ones in[]like[48px]), we input the value for 3xl screen and it gets automatically resized according to thevar(--icon-size-factor)on other screen sizes