Refactor scss files

pull/4/head
Clement G 5 years ago committed by guhur
parent 940179d358
commit 0e352434d3

@ -1,7 +1,6 @@
import React from 'react';
import { BrowserRouter as Router} from "react-router-dom";
import Routes from "./Routes.js";
import './App.css';
import Header from "./components/layouts/Header";
import Footer from "./components/layouts/Footer";

@ -1,7 +1,6 @@
import React from 'react';
import ReactDOM from 'react-dom';
import './scss/custom-bootstrap.scss';
import './scss/App.scss';
import './scss/config.scss';
import App from './App';
import * as serviceWorker from './serviceWorker';

@ -1,31 +0,0 @@
.logo-text > h1{
font-size:16px;
font-weight:bold;
margin:0;
line-height:1;
}
.logo-text > h1 > small{
display:block;
letter-spacing: 0.09em;
}
html, body, #root, #root > div{
height:100%;
}
main{
min-height: calc(100% - 106px);
overflow: auto;
padding-top:72px;
padding-bottom:36px;
}
header{
position:fixed;
z-index:10;
width:100%;
}
footer{
padding:25px;
}

@ -0,0 +1,68 @@
// mieux voter vars
$mv-blue-color: #009900 !default;
$mv-red-color: #000099 !default;
$mv-light-color: #efefff !default;
// Override default variables before the import bootstrap
$body-bg: #000000 !default;
$body-color: $mv-light-color !default;
$theme-colors: (
"primary": $mv-blue-color,
"secondary": $mv-red-color,
"light": $mv-light-color,
"danger": #990000,
"success": #009900,
"info": #2B8299,
"warning": #FF6E11,
) !default;
.logo-text > h1{
font-size:16px;
font-weight:bold;
margin:0;
line-height:1;
}
.logo-text > h1 > small{
display:block;
letter-spacing: 0.09em;
}
html, body, #root, #root > div{
height:100%;
}
main{
background-color:$mv-blue-color;
min-height: calc(100% - 106px);
overflow: auto;
padding-top:72px;
padding-bottom:36px;
}
header{
position:fixed;
z-index:10;
width:100%;
}
footer{
background-color:$body-bg;
color:$mv-light-color;
padding:25px;
}
footer a{
color:$mv-light-color;
}
footer a:hover{
color:#fff;
}
hr{
border:none;
border-top:1px solid $mv-light-color;
width:100%;
}

@ -18,25 +18,5 @@ $theme-colors: (
);
// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';
main{
background-color:$mv-blue-color;
}
footer {
background-color:$body-bg;
color:$mv-light-color;
}
footer a{
color:$mv-light-color;
}
footer a:hover{
color:#fff;
}
@import 'app.scss';
Loading…
Cancel
Save