This commit is contained in:
mmacneil 2019-08-16 16:11:22 -03:00
parent 6289926be5
commit 4f8b4810a6
5 changed files with 1114 additions and 1097 deletions

File diff suppressed because one or more lines are too long

32
src/dist/index.html vendored
View File

@ -1,11 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<title>My custom Bulma website</title> <head>
<link rel="stylesheet" href="css/main.bundle.css"> <title>My custom Bulma website</title>
</head> <link rel="stylesheet" href="css/main.bundle.css">
<body> </head>
<h1 class="title">
<body>
<section class="hero is-primary">
<div class="hero-body">
<div class="container">
<h1 class="title">
Mark Macneil
</h1>
<h2 class="subtitle">
Primary subtitle
</h2>
</div>
</div>
</section>
<!-- <h1 class="title">
Bulma Bulma
</h1> </h1>
@ -32,6 +47,7 @@
<div class="buttons"> <div class="buttons">
<a class="button is-primary">Primary</a> <a class="button is-primary">Primary</a>
<a class="button is-link">Link</a> <a class="button is-link">Link</a>
</div> </div> -->
</body> </body>
</html> </html>

2162
src/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,8 +1,7 @@
@charset "utf-8"; @charset "utf-8";
//@import "~bulma/bulma" - import everything;
// Import a Google Font // Import Lato Google Font
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700'); @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
// Set your brand colors // Set your brand colors
$purple: #8A4D76; $purple: #8A4D76;
@ -12,10 +11,10 @@ $beige-light: #D0D1CD;
$beige-lighter: #EFF0EB; $beige-lighter: #EFF0EB;
// Update Bulma's global variables // Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif; $family-sans-serif: "Lato", sans-serif;
$grey-dark: $brown; $grey-dark: $brown;
$grey-light: $beige-light; $grey-light: $beige-light;
$primary: $purple; //$primary: $purple;
$link: $pink; $link: $pink;
$widescreen-enabled: false; $widescreen-enabled: false;
$fullhd-enabled: false; $fullhd-enabled: false;
@ -26,6 +25,7 @@ $control-border-width: 2px;
$input-border-color: transparent; $input-border-color: transparent;
$input-shadow: none; $input-shadow: none;
//@import "~bulma/bulma"; // - import everything;
// Import only what you need from Bulma // Import only what you need from Bulma
@import "../node_modules/bulma/sass/utilities/_all.sass"; @import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/base/_all.sass"; @import "../node_modules/bulma/sass/base/_all.sass";
@ -35,4 +35,4 @@ $input-shadow: none;
@import "../node_modules/bulma/sass/form/_all.sass"; @import "../node_modules/bulma/sass/form/_all.sass";
@import "../node_modules/bulma/sass/components/navbar.sass"; @import "../node_modules/bulma/sass/components/navbar.sass";
@import "../node_modules/bulma/sass/layout/hero.sass"; @import "../node_modules/bulma/sass/layout/hero.sass";
@import "../node_modules/bulma/sass/layout/section.sass"; @import "../node_modules/bulma/sass/layout/section.sass"

View File

@ -5,6 +5,7 @@ const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
module.exports = { module.exports = {
entry: './src/index.js', entry: './src/index.js',
watch: true,
// https://webpack.js.org/plugins/mini-css-extract-plugin/#minimizing-for-production // https://webpack.js.org/plugins/mini-css-extract-plugin/#minimizing-for-production
optimization: { optimization: {
minimizer: [new TerserJSPlugin({}), new OptimizeCSSAssetsPlugin({})], minimizer: [new TerserJSPlugin({}), new OptimizeCSSAssetsPlugin({})],