css refinments
This commit is contained in:
@ -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(' ');
|
||||
|
@ -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>
|
||||
)
|
||||
|
@ -12,7 +12,6 @@
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 10px;
|
||||
color: var(--defaultColor);
|
||||
background-color: var(--backgroundColor);
|
||||
}
|
||||
|
Reference in New Issue
Block a user