fix(container): consolidate fluid breakpoint styles and simplify padding calculation

Author: imagine10255

src/GridSystem/Container/Container.tsx

@@ -17,10 +17,8 @@ const ContainerStd = styled.div<
     { 'data-grid'?: string } & TStyledProps<IContainerStdProps>
 >`
   ${props => css`
-      ${props.$fluid ?
-        createFluidBreakpoint(props):
-        createBreakpoint({theme: props.theme, fluid: props.$fluid} as TStyledProps<IContainerProps>)
-};
+      ${createFluidBreakpoint(props)}
+      ${createBreakpoint({theme: props.theme, fluid: props.$fluid} as TStyledProps<IContainerProps>)}
   `}
 `;
 

src/styles.scss

@@ -258,13 +258,8 @@ $directions: (
     width: 100%;
     margin-right: auto;
     margin-left: auto;
-    padding-right: calc(var(--acrool-gutter-x) * 0.5);
-    padding-left: calc(var(--acrool-gutter-x) * 0.5);
-
-    &[data-class="container-fluid"]{
-        padding-right: calc((var(--acrool-gutter-x) * 0.5) + var(--acrool-container-fluid-padding, 0px));
-        padding-left: calc((var(--acrool-gutter-x) * 0.5) + var(--acrool-container-fluid-padding, 0px));
-    }
+    padding-right: calc((var(--acrool-gutter-x) * 0.5) + var(--acrool-container-fluid-padding, 0px));
+    padding-left: calc((var(--acrool-gutter-x) * 0.5) + var(--acrool-container-fluid-padding, 0px));
 }
 
 [data-grid="row"]{