Updated all long style names to be more compact

• Updated:
- all long style names to be more compact
This commit is contained in:
mgabdev
2020-08-18 15:43:06 -05:00
parent e5f4e12b7b
commit d5ad398d53
177 changed files with 1052 additions and 1052 deletions

View File

@@ -11,30 +11,30 @@ export default class GlobalFooter extends React.PureComponent {
render() {
return (
<div className={[_s.default, _s.z4, _s.width100PC].join(' ')}>
<div className={[_s.default, _s.left0, _s.right0, _s.bottom0, _s.width100PC, _s.bgSubtle, _s.borderTop1PX, _s.alignItemsCenter, _s.borderColorSecondary].join(' ')}>
<div className={[_s._, _s.z4, _s.w100PC].join(' ')}>
<div className={[_s._, _s.left0, _s.right0, _s.bottom0, _s.w100PC, _s.bgSubtle, _s.borderTop1PX, _s.aiCenter, _s.borderColorSecondary].join(' ')}>
<div className={[_s.default, _s.mt15, _s.mb15].join(' ')}>
<div className={[_s._, _s.mt15, _s.mb15].join(' ')}>
<ResponsiveClassesComponent
classNames={[_s.default, _s.width1255PX, _s.flexRow, _s.py15, _s.mt15, _s.mb15].join(' ')}
classNamesSmall={[_s.default, _s.width1255PX, _s.alignItemsCenter, _s.pt15, _s.px15, _s.mt15].join(' ')}
classNames={[_s._, _s.w1255PX, _s.flexRow, _s.py15, _s.mt15, _s.mb15].join(' ')}
classNamesSmall={[_s._, _s.w1255PX, _s.aiCenter, _s.pt15, _s.px15, _s.mt15].join(' ')}
>
<ResponsiveClassesComponent
classNames={[_s.default, _s.width330PX].join(' ')}
classNamesSmall={[_s.default, _s.alignItemsCenter].join(' ')}
classNames={[_s._, _s.w330PX].join(' ')}
classNamesSmall={[_s._, _s.aiCenter].join(' ')}
>
<div className={[_s.default, _s.mb10].join(' ')}>
<div className={[_s._, _s.mb10].join(' ')}>
<Icon id='logo' />
</div>
<div className={[_s.default, _s.pr15, _s.maxWidth640PX].join(' ')}>
<div className={[_s._, _s.pr15, _s.maxW640PX].join(' ')}>
<Text size='medium'>We build Freedom Of Speech Software. We champion free speech, individual liberty and the free flow of information online. All are welcome.</Text>
</div>
</ResponsiveClassesComponent>
<ResponsiveClassesComponent
classNames={[_s.default, _s.flexRow, _s.flexGrow1, _s.pl15].join(' ')}
classNamesSmall={[_s.default, _s.py15, _s.width100PC, _s.px15].join(' ')}
classNames={[_s._, _s.flexRow, _s.flexGrow1, _s.pl15].join(' ')}
classNamesSmall={[_s._, _s.py15, _s.w100PC, _s.px15].join(' ')}
>
<GlobalFooterColumn
@@ -117,13 +117,13 @@ export default class GlobalFooter extends React.PureComponent {
</ResponsiveClassesComponent>
</div>
<div className={[_s.default, _s.alignItemsCenter, _s.bgSecondary, _s.height100PC, _s.heightMin58PX, _s.width100PC, _s.saveAreaInsetPB, _s.justifyContentSpaceAround].join(' ')}>
<div className={[_s._, _s.aiCenter, _s.bgSecondary, _s.h100PC, _s.minH58PX, _s.w100PC, _s.saveAreaInsetPB, _s.jcSpaceAround].join(' ')}>
<ResponsiveClassesComponent
classNames={[_s.default, _s.width1255PX, _s.flexRow, _s.alignItemsCenter].join(' ')}
classNamesXS={[_s.default, _s.width1255PX, _s.alignItemsCenter, _s.px15, _s.pt15].join(' ')}
classNames={[_s._, _s.w1255PX, _s.flexRow, _s.aiCenter].join(' ')}
classNamesXS={[_s._, _s.w1255PX, _s.aiCenter, _s.px15, _s.pt15].join(' ')}
>
<div classNames={[_s.default, _s.flexRow, _s.alignItemsCenter].join(' ')}>
<div classNames={[_s._, _s.flexRow, _s.aiCenter].join(' ')}>
<Text weight='bold'>
© 2020
</Text>
@@ -142,8 +142,8 @@ export default class GlobalFooter extends React.PureComponent {
</div>
<ResponsiveClassesComponent
classNames={[_s.default, _s.alignItemsCenter, _s.mlAuto].join(' ')}
classNamesXS={[_s.default, _s.alignItemsCenter, _s.py15].join(' ')}
classNames={[_s._, _s.aiCenter, _s.mlAuto].join(' ')}
classNamesXS={[_s._, _s.aiCenter, _s.py15].join(' ')}
>
<Text>
Made in USA 🇺🇸
@@ -181,8 +181,8 @@ class GlobalFooterColumn extends React.PureComponent {
return (
<ResponsiveClassesComponent
classNames={[_s.default, _s.flexNormal].join(' ')}
classNamesSmall={[_s.default, _s.width100PC, _s.alignItemsCenter, _s.mt15, _s.mb5, _s.pt15, _s.borderTop1PX, _s.borderColorSecondary].join(' ')}
classNames={[_s._, _s.flexNormal].join(' ')}
classNamesSmall={[_s._, _s.w100PC, _s.aiCenter, _s.mt15, _s.mb5, _s.pt15, _s.borderTop1PX, _s.borderColorSecondary].join(' ')}
>
<div className={_s.mb10}>
<Heading size='h3'>{title}</Heading>