Skip to content
Snippets Groups Projects
Unverified Commit ddf95b28 authored by Mauko Quiroga's avatar Mauko Quiroga
Browse files

Fix CSS

parent b1633a8e
No related branches found
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
app/next.config.js
+ 3
− 36
View file @ ddf95b28
const path = require("path")
const glob = require("glob")
const withSass = require("@zeit/next-sass")
module.exports = {
webpack: (config) => {
config.module.rules.push(
{
test: /\.(css|scss)/,
loader: "emit-file-loader",
options: {
name: "dist/[path][name].[ext]",
},
}
,
{
test: /\.css$/,
use: ["babel-loader", "raw-loader", "postcss-loader"],
}
,
{
test: /\.s(a|c)ss$/,
use: ["babel-loader", "raw-loader", "postcss-loader",
{
loader: "sass-loader",
options: {
includePaths: ["styles", "node_modules"]
.map((d) => path.join(__dirname, d))
.map((g) => glob.sync(g))
.reduce((a, c) => a.concat(c), []),
},
},
],
}
)
return config
},
module.exports = withSass({
exportPathMap() {
return {
"/": { page: "/" },
}
},
distDir: "build",
}
})
app/pages/index.jsx
+ 8
− 1
View file @ ddf95b28
......@@ -13,6 +13,7 @@ import {
import Typography from "@material-ui/core/Typography"
import { withStyles } from "@material-ui/core/styles/"
import withRoot from "../lib/withRoot"
import "../styles/index.scss"
const Plot = dynamic(import("../components/Plot"), {
ssr: false,
......@@ -30,6 +31,9 @@ const styles = theme => ({
margin: "1em auto",
width: "25em",
},
dorine: {
background: "red",
},
})
class Index extends React.Component {
......@@ -62,7 +66,7 @@ class Index extends React.Component {
return (
<Fragment>
<Head><title>LexImpact</title></Head>
<div className={classes.root}>
<div className={`${classes.root} dorine`}>
<Dialog open={open} onClose={this.handleClose}>
<DialogTitle>Combien ça coûte ?</DialogTitle>
<DialogContent>
......@@ -75,6 +79,9 @@ class Index extends React.Component {
<Typography variant="h1" gutterBottom>LexImpact</Typography>
<Plot />
<Button variant="contained" color="secondary" onClick={this.handleClick}>Calculer</Button>
<div className={classes.dorine}>
asdsadf
</div>
</div>
</Fragment>
)
......
app/postcss.config.js deleted 100755 → 0
+ 0
− 6
View file @ b1633a8e
module.exports = {
plugins: [
require("postcss-easy-import")({ prefix: "_" }),
require("autoprefixer")({ /* ...options */ }),
],
}
app/styles/index.scss
+ 3
− 26
View file @ ddf95b28
@import 'normalize.css';
$primary-color: grey;
$primary-color: black;
.heading {
display: flex;
justify-content: center;
font-size: 20px;
font-weight: bold;
margin-top: 5em;
}
.text {
display: flex;
justify-content: center;
margin-top: 2em;
}
.img-container {
justify-content: center;
display: flex;
margin-top: 2em;
img {
width: 50px;
height: 50px;
display: flex;
}
.dorine {
background-color: $primary-color;
}
package-lock.json
+ 12886
− 12830
View file @ ddf95b28
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment