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 './App.css';
|
||||
import './App.scss';
|
||||
|
||||
class App extends Component {
|
||||
public render() {
|
||||
|
|
|
@ -1,10 +1,7 @@
|
|||
.App-header {
|
||||
text-align: center;
|
||||
background-color: #282c34;
|
||||
min-height: 100px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: calc(10px + 2vmin);
|
||||
font-size: 1.6em;
|
||||
padding: 0.5em 0;
|
||||
color: white;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue