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
18
src/dist/index.html
vendored
18
src/dist/index.html
vendored
@ -1,11 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>My custom Bulma website</title>
|
||||
<link rel="stylesheet" href="css/main.bundle.css">
|
||||
</head>
|
||||
|
||||
<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
|
||||
</h1>
|
||||
|
||||
@ -32,6 +47,7 @@
|
||||
<div class="buttons">
|
||||
<a class="button is-primary">Primary</a>
|
||||
<a class="button is-link">Link</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</body>
|
||||
|
||||
</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";
|
||||
//@import "~bulma/bulma" - import everything;
|
||||
|
||||
// Import a Google Font
|
||||
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
|
||||
// Import Lato Google Font
|
||||
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
|
||||
|
||||
// Set your brand colors
|
||||
$purple: #8A4D76;
|
||||
@ -12,10 +11,10 @@ $beige-light: #D0D1CD;
|
||||
$beige-lighter: #EFF0EB;
|
||||
|
||||
// Update Bulma's global variables
|
||||
$family-sans-serif: "Nunito", sans-serif;
|
||||
$family-sans-serif: "Lato", sans-serif;
|
||||
$grey-dark: $brown;
|
||||
$grey-light: $beige-light;
|
||||
$primary: $purple;
|
||||
//$primary: $purple;
|
||||
$link: $pink;
|
||||
$widescreen-enabled: false;
|
||||
$fullhd-enabled: false;
|
||||
@ -26,6 +25,7 @@ $control-border-width: 2px;
|
||||
$input-border-color: transparent;
|
||||
$input-shadow: none;
|
||||
|
||||
//@import "~bulma/bulma"; // - import everything;
|
||||
// Import only what you need from Bulma
|
||||
@import "../node_modules/bulma/sass/utilities/_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/components/navbar.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 = {
|
||||
entry: './src/index.js',
|
||||
watch: true,
|
||||
// https://webpack.js.org/plugins/mini-css-extract-plugin/#minimizing-for-production
|
||||
optimization: {
|
||||
minimizer: [new TerserJSPlugin({}), new OptimizeCSSAssetsPlugin({})],
|
||||
|
Loading…
Reference in New Issue
Block a user