Add CSS color variables

This commit is contained in:
André Wahlberg 2020-11-20 16:20:54 +01:00
parent 899086352d
commit cd467370b9
3 changed files with 14 additions and 1 deletions

View File

@ -1,3 +1,4 @@
import './variables.css';
import './App.css'; import './App.css';
import React, { Component } from 'react'; import React, { Component } from 'react';
import NavigationDrawer from './components/NavigationDrawer.js' import NavigationDrawer from './components/NavigationDrawer.js'

View File

@ -1,4 +1,11 @@
#pageArea { main {
width: 100vw; width: 100vw;
flex: 1 1 auto; flex: 1 1 auto;
background: var(--colorBg);
}
#topSection {
width: 100%;
height: 15vh;
background: linear-gradient(90deg, var(--colorVT1), var(--colorVT2));
} }

5
src/variables.css Normal file
View File

@ -0,0 +1,5 @@
:root {
--colorVT1: rgb(1, 170, 235);
--colorVT2: rgb(25, 212, 245);
--colorBg: rgb(240, 248, 250);
}