1
0
Fork 1
mirror of https://github.com/SomboChea/ui synced 2024-06-18 01:09:42 +07:00

Merge pull request #113 from griffithtp/fix/107_refactor-suggest-styles

Fix/107 refactor suggest styles
This commit is contained in:
Juan Picado @jotadeveloper 2019-08-09 05:56:33 +02:00 committed by GitHub
commit dcfda4483f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 25 additions and 14 deletions

View File

@ -1,10 +1,11 @@
import styled from 'react-emotion'; import styled from 'react-emotion';
import ListItem from '@material-ui/core/ListItem'; import ListItem from '@material-ui/core/ListItem';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
textTransform: 'capitalize', textTransform: 'capitalize',
}, },
}); });

View File

@ -2,6 +2,7 @@ import styled from 'react-emotion';
import Card from '@material-ui/core/Card'; import Card from '@material-ui/core/Card';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import Chip from '@material-ui/core/Chip'; import Chip from '@material-ui/core/Chip';
import { fontWeight } from '../../utils/styles/sizes';
export const CardWrap = styled(Card)({ export const CardWrap = styled(Card)({
'&&': { '&&': {
@ -11,7 +12,7 @@ export const CardWrap = styled(Card)({
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
textTransform: 'capitalize', textTransform: 'capitalize',
}, },
}); });

View File

@ -2,6 +2,7 @@ import styled from 'react-emotion';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import { default as MuiFab } from '@material-ui/core/Fab'; import { default as MuiFab } from '@material-ui/core/Fab';
import colors from '../../utils/styles/colors'; import colors from '../../utils/styles/colors';
import { fontWeight } from '../../utils/styles/sizes';
export const Details = styled('span')({ export const Details = styled('span')({
display: 'flex', display: 'flex',
@ -20,7 +21,7 @@ export const Content = styled('div')({
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
marginBottom: '10px', marginBottom: '10px',
textTransform: 'capitalize', textTransform: 'capitalize',
}, },

View File

@ -5,10 +5,11 @@ import ListItem from '@material-ui/core/ListItem';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import colors from '../../utils/styles/colors'; import colors from '../../utils/styles/colors';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
textTransform: 'capitalize', textTransform: 'capitalize',
}, },
}); });

View File

@ -1,10 +1,11 @@
import styled from 'react-emotion'; import styled from 'react-emotion';
import ListItem from '@material-ui/core/ListItem'; import ListItem from '@material-ui/core/ListItem';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
textTransform: 'capitalize', textTransform: 'capitalize',
}, },
}); });

View File

@ -49,7 +49,7 @@ export const InnerMobileNavBar = styled('div')({
backgroundColor: colors.greyLight, backgroundColor: colors.greyLight,
color: colors.white, color: colors.white,
width: '100%', width: '100%',
padding: '0px 5px', padding: '0 5px',
margin: '0 10px 0 0', margin: '0 10px 0 0',
}, },
}); });

View File

@ -2,10 +2,11 @@ import Avatar from '@material-ui/core/Avatar';
import ListItem from '@material-ui/core/ListItem'; import ListItem from '@material-ui/core/ListItem';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import styled from 'react-emotion'; import styled from 'react-emotion';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
textTransform: 'capitalize', textTransform: 'capitalize',
}, },
}); });

View File

@ -1,8 +1,9 @@
import styled, { css } from 'react-emotion'; import styled, { css } from 'react-emotion';
import colors from '../../utils/styles/colors';
export const Content = styled('div')({ export const Content = styled('div')({
'&&': { '&&': {
backgroundColor: '#ffffff', backgroundColor: colors.white,
flex: 1, flex: 1,
display: 'flex', display: 'flex',
position: 'relative', position: 'relative',

View File

@ -13,6 +13,7 @@ import { breakpoints } from '../../utils/styles/media';
import Ico from '../Icon'; import Ico from '../Icon';
import Label from '../Label'; import Label from '../Label';
import colors from '../../utils/styles/colors'; import colors from '../../utils/styles/colors';
import { fontWeight } from '../../utils/styles/sizes';
export const OverviewItem = styled('span')` export const OverviewItem = styled('span')`
&& { && {
@ -36,7 +37,7 @@ export const OverviewItem = styled('span')`
export const Icon = styled(Ico)({ export const Icon = styled(Ico)({
'&&': { '&&': {
margin: '2px 10px 0px 0', margin: '2px 10px 0 0',
fill: colors.greyLight2, fill: colors.greyLight2,
}, },
}); });
@ -44,7 +45,7 @@ export const Icon = styled(Ico)({
export const Published = styled('span')({ export const Published = styled('span')({
'&&': { '&&': {
color: colors.greyLight2, color: colors.greyLight2,
margin: '0px 5px 0px 0px', margin: '0 5px 0 0',
}, },
}); });
@ -52,7 +53,7 @@ export const Published = styled('span')({
export const Text = styled(Label)({ export const Text = styled(Label)({
'&&': { '&&': {
fontSize: '12px', fontSize: '12px',
fontWeight: 500, fontWeight: fontWeight.semiBold,
color: colors.greyLight2, color: colors.greyLight2,
}, },
}); });

View File

@ -5,10 +5,11 @@ import Typography from '@material-ui/core/Typography';
import Github from '../../icons/GitHub'; import Github from '../../icons/GitHub';
import colors from '../../utils/styles/colors'; import colors from '../../utils/styles/colors';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
textTransform: 'capitalize', textTransform: 'capitalize',
}, },
}); });

View File

@ -1,10 +1,11 @@
import styled from 'react-emotion'; import styled from 'react-emotion';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import { default as MuiListItemText } from '@material-ui/core/ListItemText'; import { default as MuiListItemText } from '@material-ui/core/ListItemText';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
}, },
}); });

View File

@ -1,10 +1,11 @@
import styled from 'react-emotion'; import styled from 'react-emotion';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import { default as MuiListItemText } from '@material-ui/core/ListItemText'; import { default as MuiListItemText } from '@material-ui/core/ListItemText';
import { fontWeight } from '../../utils/styles/sizes';
export const Heading = styled(Typography)({ export const Heading = styled(Typography)({
'&&': { '&&': {
fontWeight: 700, fontWeight: fontWeight.bold,
}, },
}); });