{
display: 'none', // gets overriden at small screen sizes
cursor: 'pointer',
position: 'fixed',
- right: 20,
+ left: 20,
zIndex: 3,
borderRadius: '50%',
border: '1px solid rgba(255, 255, 255, 0.1)',
@@ -185,14 +185,14 @@ class StickyResponsiveSidebar extends Component
{
diff --git a/src/pages/index.js b/src/pages/index.js
index 3e16f93cb..5f6befb16 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -203,23 +203,23 @@ class Home extends Component {
display: 'flex',
flexDirection: 'column',
flex: '0 1 33%',
- marginLeft: 40,
+ marginRight: 40,
'&:first-of-type': {
- marginLeft: 0,
+ marginRight: 0,
[media.lessThan('medium')]: {
- marginLeft: 10,
+ marginRight: 10,
},
},
[media.lessThan('medium')]: {
display: 'inline-block',
verticalAlign: 'top',
- marginLeft: 0,
+ marginRight: 0,
whiteSpace: 'normal',
width: '75%',
- marginRight: 20,
+ marginLeft: 20,
paddingBottom: 40,
'&:first-of-type': {
@@ -329,13 +329,13 @@ const CtaItem = ({children, primary = false}) => (
},
[media.greaterThan('xlarge')]: {
- paddingLeft: 40,
+ paddingRight: 40,
},
'&:first-child': {
- textAlign: 'right',
+ textAlign: 'left',
paddingRight: 7,
- paddingLeft: 7,
+ paddingLeft: 15,
[media.lessThan('small')]: {
marginBottom: 10,
},
@@ -345,7 +345,7 @@ const CtaItem = ({children, primary = false}) => (
paddingRight: 7,
paddingLeft: 7,
[media.greaterThan('small')]: {
- paddingLeft: 15,
+ paddingRight: 15,
},
[media.lessThan('small')]: {
marginBottom: 10,
diff --git a/src/templates/components/NavigationFooter/NavigationFooter.js b/src/templates/components/NavigationFooter/NavigationFooter.js
index 6672ec3cb..669a52b83 100644
--- a/src/templates/components/NavigationFooter/NavigationFooter.js
+++ b/src/templates/components/NavigationFooter/NavigationFooter.js
@@ -26,15 +26,15 @@ const NavigationFooter = ({next, prev, location}) => {
halign="space-between"
css={{
[media.between('small', 'medium')]: {
- paddingRight: 240,
+ paddingLeft: 240,
},
[media.between('large', 'largerSidebar')]: {
- paddingRight: 280,
+ paddingLeft: 280,
},
[media.between('largerSidebar', 'sidebarFixed', true)]: {
- paddingRight: 380,
+ paddingLeft: 380,
},
}}>
diff --git a/src/templates/components/Sidebar/Section.js b/src/templates/components/Sidebar/Section.js
index 5c2983175..4bfcccdce 100644
--- a/src/templates/components/Sidebar/Section.js
+++ b/src/templates/components/Sidebar/Section.js
@@ -47,7 +47,6 @@ class Section extends React.Component {
},
},
}}>
- {section.title}
+ {section.title}
+
{item.subitems.map(subitem => (
-
{createLink({
diff --git a/src/templates/components/Sidebar/Sidebar.js b/src/templates/components/Sidebar/Sidebar.js
index 13ab56061..f54b5c439 100644
--- a/src/templates/components/Sidebar/Sidebar.js
+++ b/src/templates/components/Sidebar/Sidebar.js
@@ -38,11 +38,11 @@ class Sidebar extends Component {
halign="stretch"
css={{
width: '100%',
- paddingLeft: 20,
+ paddingRight: 20,
position: 'relative',
[media.greaterThan('largerSidebar')]: {
- paddingLeft: 40,
+ paddingRight: 40,
},
[media.lessThan('small')]: {
diff --git a/src/theme.js b/src/theme.js
index 65071aae6..e00397053 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -144,17 +144,17 @@ const sharedStyles = {
flexDirection: 'column',
[media.between('small', 'sidebarFixed')]: {
- borderLeft: '1px solid #ececec',
- marginLeft: 80,
+ borderRight: '1px solid #ececec',
+ marginRight: 80,
},
[media.between('small', 'largerSidebar')]: {
flex: '0 0 200px',
- marginLeft: 80,
+ marginRight: 80,
},
[media.between('small', 'medium')]: {
- marginLeft: 40,
+ marginRight: 40,
},
[media.greaterThan('largerSidebar')]: {
@@ -163,7 +163,7 @@ const sharedStyles = {
[media.greaterThan('sidebarFixed')]: {
position: 'fixed',
- right: 0,
+ left: 0,
width: 300,
zIndex: 2,
},
@@ -221,6 +221,7 @@ const sharedStyles = {
marginBottom: 25,
paddingLeft: 15,
paddingRight: 15,
+ direction: 'ltr',
[media.lessThan('small')]: {
marginLeft: -20,
@@ -272,6 +273,8 @@ const sharedStyles = {
'& p > code, & li > code': {
background: hex2rgba(colors.note, 0.2),
color: colors.text,
+ direction: 'ltr',
+ display: 'inline-block',
},
'& p > code, & li > code, & p > a > code, & li > a > code': {
@@ -392,7 +395,7 @@ const sharedStyles = {
marginTop: 20,
fontSize: 16,
color: colors.text,
- paddingLeft: 20,
+ paddingRight: 20,
'& p, & p:first-of-type': {
fontSize: 16,
@@ -409,7 +412,7 @@ const sharedStyles = {
},
'& ol, & ul': {
- marginLeft: 20,
+ marginRight: 20,
marginTop: 10,
},
},
@@ -428,10 +431,10 @@ const sharedStyles = {
'& blockquote': {
backgroundColor: hex2rgba('#ffe564', 0.3),
- borderLeftColor: colors.note,
- borderLeftWidth: 9,
- borderLeftStyle: 'solid',
- padding: '20px 45px 20px 26px',
+ borderRightColor: colors.note,
+ borderRightWidth: 9,
+ borderRightStyle: 'solid',
+ padding: '20px 26px 20px 45px',
marginBottom: 30,
marginTop: 20,
marginLeft: -30,
diff --git a/src/utils/createLink.js b/src/utils/createLink.js
index efefe0b2a..0fe659a70 100644
--- a/src/utils/createLink.js
+++ b/src/utils/createLink.js
@@ -102,14 +102,14 @@ const activeLinkCss = {
const activeLinkBefore = {
width: 4,
height: 25,
- borderLeft: `4px solid ${colors.brand}`,
- paddingLeft: 16,
+ borderRight: `4px solid ${colors.brand}`,
+ paddingRight: 16,
position: 'absolute',
- left: 0,
+ right: 0,
marginTop: -3,
[media.greaterThan('largerSidebar')]: {
- left: 15,
+ right: 15,
},
};
diff --git a/yarn.lock b/yarn.lock
index c0b5ad996..27209ef0b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11464,9 +11464,9 @@ path-key@^3.0.0, path-key@^3.1.0:
integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
path-parse@^1.0.6:
- version "1.0.7"
- resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
- integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+ version "1.0.6"
+ resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
+ integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
path-to-regexp@0.1.7:
version "0.1.7"
@@ -15309,9 +15309,15 @@ uri-js@^4.2.2:
punycode "^2.1.0"
urijs@^1.19.2:
+<<<<<<< HEAD
+ version "1.19.2"
+ resolved "https://registry.yarnpkg.com/urijs/-/urijs-1.19.2.tgz#f9be09f00c4c5134b7cb3cf475c1dd394526265a"
+ integrity sha512-s/UIq9ap4JPZ7H1EB5ULo/aOUbWqfDi7FKzMC2Nz+0Si8GiT1rIEaprt8hy3Vy2Ex2aJPpOQv4P4DuOZ+K1c6w==
+=======
version "1.19.10"
resolved "https://registry.yarnpkg.com/urijs/-/urijs-1.19.10.tgz#8e2fe70a8192845c180f75074884278f1eea26cb"
integrity sha512-EzauQlgKuJgsXOqoMrCiePBf4At5jVqRhXykF3Wfb8ZsOBMxPcfiVBcsHXug4Aepb/ICm2PIgqAUGMelgdrWEg==
+>>>>>>> 1d21630e126af0f4c04ff392934dcee80fc54892
urix@^0.1.0:
version "0.1.0"
@@ -15342,9 +15348,15 @@ url-parse-lax@^3.0.0:
prepend-http "^2.0.0"
url-parse@^1.1.8, url-parse@^1.4.3:
+<<<<<<< HEAD
+ version "1.4.7"
+ resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
+ integrity sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==
+=======
version "1.5.10"
resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
+>>>>>>> 1d21630e126af0f4c04ff392934dcee80fc54892
dependencies:
querystringify "^2.1.1"
requires-port "^1.0.0"