content wide rm

pages/index.tsx

@@ -19,7 +19,6 @@ type Props = {
 const Index: NextPage<Props> = props => (
     <App
         showAuthor={true}
-        wide={false}
         menu={props.menu}
     >
         <Head>

src/components/App/index.tsx

@@ -16,13 +16,12 @@ const Navigation = dynamic(() => import('../Navigation').then(mod => mod.Navigat
 
 export interface IAppProps {
     showAuthor?: boolean
-    wide?: boolean
     contentStyle?: React.CSSProperties
     breadcrumbs?: IBreadcumbsPart[]
     menu: IMenu[]
 }
 
-export const App: React.FC<IAppProps> = ({ showAuthor = false, wide = false, menu, ...props }) => {
+export const App: React.FC<IAppProps> = ({ showAuthor = false, menu, ...props }) => {
     const hideBreadcrumbs = useMobile()
     const router = useRouter()
     const blockStyle = {
@@ -42,7 +41,7 @@ export const App: React.FC<IAppProps> = ({ showAuthor = false, wide = false, men
                         }} />
                         {hideBreadcrumbs || !props.breadcrumbs ? null : (
                             <Block direction={'horizontal'} style={blockStyle}>
-                                <Content wide={wide}>
+                                <Content>
                                     <Breadcrumbs
                                         items={props.breadcrumbs}
                                         path={router.asPath}
@@ -59,7 +58,7 @@ export const App: React.FC<IAppProps> = ({ showAuthor = false, wide = false, men
                 )}
             >
                 <Block direction={'horizontal'} style={blockStyle}>
-                    <Content wide={wide} style={props.contentStyle}>
+                    <Content style={props.contentStyle}>
                         {props.children}
                     </Content>
                 </Block>

src/components/Content/index.tsx

@@ -3,7 +3,6 @@ import { useReducedMotion } from 'src/hooks/useReducedMotion'
 
 export type ContentProps = {
     style?: React.CSSProperties
-    wide: boolean
 }
 
 export const Content: React.FC<ContentProps> = props => {
@@ -13,7 +12,6 @@ export const Content: React.FC<ContentProps> = props => {
         <div
             className={cx('content', {
                 'reduced-motion': motionDisabled,
-                'content_wide': props.wide,
             })}
             style={props.style}
         >

src/style/content.css

@@ -3,11 +3,6 @@
     margin: var(--content-margin);
 }
 
-.content_wide {
-    --content-width: var(--content-wide-width);
-    --content-margin: var(--content-wide-margin);
-}
-
 /* Animation on load */
 
 @keyframes smallSlideInFromTop {

src/style/style.css

@@ -48,8 +48,6 @@
     /* CONTENT */
     --content-width: 75%;
     --content-margin: 0;
-    --content-wide-width: 100%;
-    --content-wide-margin: var(--size-l) var(--size-xl);
 
     --text-max-width: 800px;