optimized some css

This commit is contained in:
Niel 2019-02-07 22:15:10 +01:00
parent 5b645853d6
commit 9c57ed8266
4 changed files with 8 additions and 14 deletions

View file

@ -1,7 +0,0 @@
body {
background-color: pink;
}
.App {
text-align: center;
}

4
src/App.scss Normal file
View file

@ -0,0 +1,4 @@
body {
background-color: #4a4a4a;
font-size: 160%
}

View file

@ -2,7 +2,7 @@ import React, { Component } from 'react';
import Header from './components/Header/Header'; import Header from './components/Header/Header';
import './App.css'; import './App.scss';
class App extends Component { class App extends Component {
public render() { public render() {

View file

@ -1,10 +1,7 @@
.App-header { .App-header {
text-align: center;
background-color: #282c34; background-color: #282c34;
min-height: 100px; font-size: 1.6em;
display: flex; padding: 0.5em 0;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white; color: white;
} }