css refinments

This commit is contained in:
Cássio Zen
2016-07-12 18:10:26 -03:00
parent 7dcd8c3d64
commit ec85b95ef9
4 changed files with 7 additions and 9 deletions

View File

@ -9,7 +9,7 @@ export default class AlltypeCard extends React.Component {
// http://erikloyer.com/index.php/blog/the_slabtype_algorithm_part_1_background/
renderInscription(inscription) {
var idealCharPerLine = 20;
var idealCharPerLine = 22;
// segment the text into lines
var words = inscription.split(' ');

View File

@ -1,4 +1,5 @@
import React, { PropTypes } from 'react';
import styles from './ScaledLine.css';
export default class ScaledLine extends React.Component {
constructor(props) {
@ -25,14 +26,12 @@ export default class ScaledLine extends React.Component {
var baseFontSize = 15;
var styles = {
whiteSpace: 'nowrap',
textAlign: 'center'
var inlineStyles = {
};
styles.fontSize = Math.round((baseFontSize * ratio)*1000)/1000
inlineStyles.fontSize = Math.round((baseFontSize * ratio)*1000)/1000
return (
<div ref={(c) => this._content = c} style={styles}>
<div ref={(c) => this._content = c} style={inlineStyles} className={styles.root}>
<span>{children}</span>
</div>
)

View File

@ -12,7 +12,6 @@
}
.container {
margin: 10px;
color: var(--defaultColor);
background-color: var(--backgroundColor);
}