From 2be00d53a4b0cc11270d945d6f9beaa23c80b71b Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Wed, 22 Sep 2021 16:05:46 +0300
Subject: [PATCH] content wide rm

---
 pages/index.tsx                  | 1 -
 src/components/App/index.tsx     | 7 +++----
 src/components/Content/index.tsx | 2 --
 src/style/content.css            | 5 -----
 src/style/style.css              | 2 --
 5 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 9401666b..895a310d 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -19,7 +19,6 @@ type Props = {
 const Index: NextPage<Props> = props => (
     <App
         showAuthor={true}
-        wide={false}
         menu={props.menu}
     >
         <Head>
diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index db527401..929b85fe 100644
--- a/src/components/App/index.tsx
+++ b/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>
diff --git a/src/components/Content/index.tsx b/src/components/Content/index.tsx
index 7eeee98c..d7846627 100644
--- a/src/components/Content/index.tsx
+++ b/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}
         >
diff --git a/src/style/content.css b/src/style/content.css
index c50b21b7..334b04db 100644
--- a/src/style/content.css
+++ b/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 {
diff --git a/src/style/style.css b/src/style/style.css
index b2f90e00..2028c8b2 100644
--- a/src/style/style.css
+++ b/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;