optimized some css
This commit is contained in:
parent
5b645853d6
commit
9c57ed8266
4 changed files with 8 additions and 14 deletions
|
@ -1,7 +0,0 @@
|
||||||
body {
|
|
||||||
background-color: pink;
|
|
||||||
}
|
|
||||||
|
|
||||||
.App {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
4
src/App.scss
Normal file
4
src/App.scss
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
body {
|
||||||
|
background-color: #4a4a4a;
|
||||||
|
font-size: 160%
|
||||||
|
}
|
|
@ -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() {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue