Wip
This commit is contained in:
parent
6289926be5
commit
4f8b4810a6
4
src/dist/css/main.bundle.css
vendored
4
src/dist/css/main.bundle.css
vendored
File diff suppressed because one or more lines are too long
26
src/dist/index.html
vendored
26
src/dist/index.html
vendored
@ -1,11 +1,26 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<title>My custom Bulma website</title>
|
<title>My custom Bulma website</title>
|
||||||
<link rel="stylesheet" href="css/main.bundle.css">
|
<link rel="stylesheet" href="css/main.bundle.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
<body>
|
||||||
|
<section class="hero is-primary">
|
||||||
|
<div class="hero-body">
|
||||||
|
<div class="container">
|
||||||
<h1 class="title">
|
<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
2162
src/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -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"
|
@ -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({})],
|
||||||
|
Loading…
Reference in New Issue
Block a user