Integrated material-ui

This commit is contained in:
Andrey Okonetchnikov
2016-09-15 18:53:24 +02:00
parent 5409cc1022
commit b2d4714c90
5 changed files with 54 additions and 3 deletions

View File

@ -1,3 +1,5 @@
@import "material-icons.css";
html {
box-sizing: border-box;
-ms-text-size-adjust: 100%;

View File

@ -1,9 +1,10 @@
import React from 'react';
import { render } from 'react-dom';
import { AppContainer } from 'react-hot-loader'
import Root from './root'
import { AppContainer } from 'react-hot-loader';
import Root from './root';
import registry from './lib/registry';
import 'file?name=index.html!../example/index.html';
import 'react-toolbox/lib/commons.scss';
import './index.css';
// Create mount element dynamically

35
src/material-icons.css Normal file
View File

@ -0,0 +1,35 @@
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url('material-design-icons/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
url('material-design-icons/iconfont/MaterialIcons-Regular.woff') format('woff'),
url('material-design-icons/iconfont/MaterialIcons-Regular.ttf') format('truetype');
}
:global .material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}