fix baseline grid
This commit is contained in:
parent
9cda6aec2d
commit
e6a745db9a
@ -27,6 +27,7 @@ module.exports = {
|
|||||||
'named-modules': () => new webpack.NamedModulesPlugin(),
|
'named-modules': () => new webpack.NamedModulesPlugin(),
|
||||||
'define': () => new webpack.DefinePlugin({
|
'define': () => new webpack.DefinePlugin({
|
||||||
'process.env': {
|
'process.env': {
|
||||||
|
BASELINE_GRID: JSON.stringify(process.env.BASELINE_GRID),
|
||||||
NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
|
NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
|
||||||
APP_NAME: JSON.stringify(pkg.name),
|
APP_NAME: JSON.stringify(pkg.name),
|
||||||
APP_VERSION: JSON.stringify(pkg.version)
|
APP_VERSION: JSON.stringify(pkg.version)
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { Baseline } from '../../shared/composers';
|
import { Baseline } from '../../shared/composers';
|
||||||
|
import { unitcalc } from '../../shared/functions';
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
|
|
||||||
const StyledBaselineBackground = styled.div`
|
const StyledBaselineBackground = styled.div`
|
||||||
@ -24,7 +25,7 @@ const StyledBaselineBackground = styled.div`
|
|||||||
transparent 50%,
|
transparent 50%,
|
||||||
transparent
|
transparent
|
||||||
);
|
);
|
||||||
background-size: 100% 6px;
|
background-size: 100% ${unitcalc(1)};
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user