frontend/src/shared/styles/MaterialUI/index.js
export default {
dateTimeLogo: {
verticalAlign: 'middle',
height: 18,
width: 18,
},
iconColor: '#8F8F8F',
appBar: {
root: {
boxSizing: 'border-box',
backgroundColor: '#fff',
height: 56,
minHeight: 56,
padding: '4px 10%',
border: '1px solid #f3f3f3',
},
title: {
color: '#8F8F8F',
fontSize: '1.6rem',
fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell, ' +
'"Open Sans","Helvetica Neue",sans-serif',
lineHeight: '5.0rem',
cursor: 'pointer',
},
elementRight: {
height: 48,
minHeight: 48,
marginTop: 0,
},
gitHubButton: {
color: '#8F8F8F',
margin: 0,
},
iconStyles: {
height: 48,
marginTop: 0,
},
},
prevIcon: {
width: '15%',
display: 'inline-block',
height: '40px',
margin: 'auto 0',
verticalAlign: 'middle',
},
nextIcon: {
width: '15%',
display: 'inline-block',
height: '40px',
margin: 'auto 0',
verticalAlign: 'middle',
},
row: {
lineHeight: 1.6,
fontSize: 14,
},
rowColumn: {
whiteSpace: 'normal',
overFlow: 'visible',
height: 70,
paddingLeft: 16,
paddingRight: 16,
},
textField: {
marginBottom: 10,
},
floatButton: {
position: 'fixed',
zIndex: 100,
bottom: '5%',
right: '3%',
},
headerColumn: {
color: '#B3B3B3',
fontWeight: 'bold',
},
tagIcon: {
marginLeft: 0,
width: 18,
height: 18,
},
largeButton: {
width: 60,
height: 60,
},
toggleIcon: {
height: 36,
width: 36,
},
tagColor: '#009E5D',
urlInput: {
fontFamily: "'Georgia', serif",
marginRight: 10,
padding: 3,
},
progressBar: {
position: 'fixed',
top: 0,
left: 0,
right: 0,
height: 2,
zIndex: 10000,
},
progressColor: '#009E5D',
};