src/config/styles.js
export default {
viewBox: {
'font-size': '1em',
'display': 'none',
'z-index': 10000,
'position': 'absolute',
// 'padding': '1px',
'min-width': '150px',
'background': '#f7f7f9',
'border-radius': '3px',
'border': '1px solid #d6d9db',
'box-shadow': '0 0 5px 0 rgba(#000, 0.18), 0 0 0 1px rgba(#000, 0.12)'
},
runningWord: {
'color': 'navy',
'font-style': 'bold',
'font-weight': '1.15em',
'margin': '3px',
'margin-bottom': 0,
'background': '#fefeff',
'overflow': 'visible',
'padding': '5px 10px',
'border-bottom': '1px solid #dedfe5',
'transform': 'translateZ(0)',
'-moz-transform': 'translateZ(0)',
'-webkit-transform': 'translateZ(0)'
},
caret: {
'display': 'inline-block',
'width': '2px',
'background-color': '#444',
'margin-left': '1px'
},
listItem: {
'cursor': 'pointer',
'padding': '3px 10px',
'border-top': '1px solid #dedfe5'
},
listItemActive: {
'color': 'white',
'background': '#39f'
}
}