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

@@ -61,17 +61,17 @@ class SettingsLayout extends React.PureComponent {
const { menuItems } = this
const mainBlockClasses = CX({
default: 1,
width1015PX: 1,
_: 1,
w1015PX: 1,
flexRow: 1,
justifyContentEnd: 1,
jcEnd: 1,
py15: 1,
mlAuto: !me,
mrAuto: !me,
})
return (
<div className={[_s.default, _s.width100PC, _s.heightMin100VH, _s.bgPrimary].join(' ')}>
<div className={[_s._, _s.w100PC, _s.minH100VH, _s.bgPrimary].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={SidebarXS} />
@@ -86,31 +86,31 @@ class SettingsLayout extends React.PureComponent {
<LoggedOutNavigationBar />
}
<div className={[_s.default, _s.flexRow, _s.width100PC].join(' ')}>
<div className={[_s._, _s.flexRow, _s.w100PC].join(' ')}>
<Responsive min={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={AboutSidebar} componentParams={{ title, items: menuItems }} />
</Responsive>
<ResponsiveClassesComponent
classNames={[_s.default, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s.default, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s.default, _s.width100PC].join(' ')}
classNames={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesSmall={[_s._, _s.flexShrink1, _s.flexGrow1].join(' ')}
classNamesXS={[_s._, _s.w100PC].join(' ')}
>
<main role='main'>
<ResponsiveClassesComponent
classNames={mainBlockClasses}
classNamesXS={[_s.default, _s.width1015PX, _s.justifyContentEnd, _s.pb15].join(' ')}
classNamesXS={[_s._, _s.w1015PX, _s.jcEnd, _s.pb15].join(' ')}
>
<div className={[_s.default, _s.width1015PX, _s.z1].join(' ')}>
<div className={[_s._, _s.w1015PX, _s.z1].join(' ')}>
<Responsive max={BREAKPOINT_EXTRA_SMALL}>
<WrappedBundle component={AboutSidebar} componentParams={{ title, items: menuItems }} />
</Responsive>
<div className={_s.default}>
<div className={_s._}>
{children}
</div>
</div>