diff --git a/docs/src/modules/components/Tidelift.js b/docs/src/modules/components/Tidelift.js new file mode 100644 index 00000000000000..64b0f25e3509d3 --- /dev/null +++ b/docs/src/modules/components/Tidelift.js @@ -0,0 +1,58 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { withStyles } from '@material-ui/core/styles'; +import Typography from '@material-ui/core/Typography'; +import Link from 'docs/src/modules/components/Link'; + +const styles = theme => ({ + root: { + padding: `${theme.spacing.unit}px ${theme.spacing.unit}px ${theme.spacing.unit}px ${theme + .spacing.unit * 2}px`, + right: 0, + left: 0, + display: 'flex', + backgroundColor: '#626980', // Tidelift color. + position: 'relative', + top: 56, + [theme.breakpoints.up('sm')]: { + top: 64 + 36 / 2, + left: 'auto', + position: 'absolute', + borderBottomLeftRadius: 36 / 2, + borderTopLeftRadius: 36 / 2, + }, + }, + logo: { + background: 'url(/static/images/tidelift.svg) no-repeat 50%', + content: "''", + width: 20, + height: 20, + margin: `0 ${theme.spacing.unit}px 0 0`, + }, + label: { + color: theme.palette.common.white, + }, +}); + +function Tidelift(props) { + const { classes } = props; + + return ( + + + Get Professionally Supported Material-UI + + ); +} + +Tidelift.propTypes = { + classes: PropTypes.object.isRequired, +}; + +export default withStyles(styles)(Tidelift); diff --git a/pages/index.js b/pages/index.js index f069e5551f314e..626f81729a85a2 100644 --- a/pages/index.js +++ b/pages/index.js @@ -6,6 +6,7 @@ import Typography from '@material-ui/core/Typography'; import Button from '@material-ui/core/Button'; import withRoot from 'docs/src/modules/components/withRoot'; import HomeSteps from 'docs/src/modules/components/HomeSteps'; +import Tidelift from 'docs/src/modules/components/Tidelift'; import HomeBackers from 'docs/src/modules/components/HomeBackers'; import HomeFooter from 'docs/src/modules/components/HomeFooter'; import Link from 'docs/src/modules/components/Link'; @@ -106,6 +107,7 @@ class HomePage extends React.Component { }} /> +
\ No newline at end of file