From 7f77347ea4537b66f045140bd5aa1995c3b2d948 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 3 Dec 2018 12:19:50 +0100
Subject: Changes boolean props to follow is[Property] syntax

---
 packages/website/ts/@next/components/layout.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'packages/website/ts/@next/components/layout.tsx')

diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx
index 86072b81d..28503711c 100644
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -17,11 +17,11 @@ interface PaddingSizes {
 }
 
 interface SectionProps {
-    noPadding?: any;
-    padLarge?: any;
-    noMargin?: any;
+    isNoPadding?: boolean;
+    isPadLarge?: boolean;
+    isNoMargin?: any;
     bgColor?: string;
-    fullWidth?: any;
+    isFullWidth?: boolean;
 }
 
 interface WrapProps {
@@ -32,8 +32,8 @@ interface WrapProps {
 
 interface ColumnProps {
     colWidth?: '1/4' | '1/3' | '1/2' | '2/3';
-    noPadding?: any;
-    padLarge?: any;
+    isNoPadding?: boolean;
+    isPadLarge?: boolean;
     bgColor?: string;
 }
 
@@ -93,8 +93,8 @@ export const Main = styled.main`
 // just <Section asElement?="div/section/footer/header/whatever" /> ?
 export const Section = styled.section<SectionProps>`
     width: ${props => props.fullWidth ? `calc(100% + ${GUTTER * 2}px)` : '100%'};
-    padding: ${props => !props.noPadding && (props.padLarge ? '60px 30px' : '30px')};
-    margin-bottom: ${props => !props.noMargin && `${GUTTER}px`};
+    padding: ${props => !props.isNoPadding && (props.isPadLarge ? '60px 30px' : '30px')};
+    margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`};
     margin-left: ${props => props.fullWidth && `-${GUTTER}px`};
     background-color: ${props => props.bgColor};
     border: 1px dotted rgba(0, 255, 0, 0.3);
@@ -137,7 +137,7 @@ export const WrapGrid = styled(WrapBase)`
 `;
 
 export const Column = styled.div<ColumnProps>`
-    padding: ${props => !props.noPadding && (props.padLarge ? '60px 30px' : '30px')};
+    padding: ${props => !props.isNoPadding && (props.isPadLarge ? '60px 30px' : '30px')};
     border: 1px dotted rgba(255, 0, 0, 0.3);
     background-color: ${props => props.bgColor};
 
-- 
cgit v1.2.3