Skip to content
This repository was archived by the owner on May 17, 2023. It is now read-only.

Commit 1d0567e

Browse files
author
Franco Correa
authored
Set line-height to body (#1176)
* Set lineheight to html * Remove container styles from docs. Fix CSS reset. * CSS alter * Apple line height to body
1 parent 6a6a4d1 commit 1d0567e

File tree

4 files changed

+5
-7
lines changed

4 files changed

+5
-7
lines changed

core/components/_helpers/globals.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,9 +51,11 @@ if (includeGlobals) {
5151
footer, header, hgroup, menu, nav, section {
5252
display: block;
5353
}
54+
5455
body {
55-
line-height: 1;
56+
line-height: ${misc.lineHeight};
5657
}
58+
5759
ol, ul {
5860
list-style: none;
5961
}
@@ -87,6 +89,8 @@ if (includeGlobals) {
8789
-webkit-font-smoothing: antialiased;
8890
-moz-osx-font-smoothing: grayscale;
8991
}
92+
93+
9094
`)
9195
} else {
9296
/* We still insert some styles to add missing fonts and keep other things sane 😅 */

internal/docs/docs-components/code-block.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
import React from 'react'
22
import styled from 'styled-components'
3-
import containerStyles from '@auth0/cosmos/_helpers/container-styles'
43

54
import Highlight from 'react-highlight'
65
import './material-theme.css'
76

87
const Wrapper = styled.div`
9-
${containerStyles};
108
margin: 16px 0;
119
code {
1210
border-radius: 5px;

internal/docs/sidebar/index.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React from 'react'
22
import styled from 'styled-components'
3-
import containerStyles from '@auth0/cosmos/_helpers/container-styles'
43

54
import { colors } from '@auth0/cosmos/tokens'
65
import SearchBox from './search.js'
@@ -10,7 +9,6 @@ import List from './list'
109
import { metadata as components } from '@auth0/cosmos/meta/metadata.json'
1110

1211
const StyledSidebar = styled.div`
13-
${containerStyles};
1412
background: ${colors.base.grayLightest};
1513
padding-bottom: calc(2rem + 80px);
1614
`

internal/docs/spec/playground.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import React from 'react'
22
import styled from 'styled-components'
3-
import containerStyles from '@auth0/cosmos/_helpers/container-styles'
43
import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live'
54

65
import * as Components from '@auth0/cosmos'
@@ -12,7 +11,6 @@ import CopyButton from './copy-button'
1211
import { getDefaultsFromCode, stripDefaultsFromDocs } from './get-defaults-from-code'
1312

1413
const Container = styled.div`
15-
${containerStyles};
1614
margin: ${spacing.medium} 0;
1715
1816
& .react-live {

0 commit comments

Comments
 (0)