Commit ae85eafe authored by Alexis POYEN's avatar Alexis POYEN
Browse files

Feat : generate CSS with scss and npm

parent 1bd651da
__debug_bin
data
\ No newline at end of file
data
miscellaneous/bulma/css/
node_modules/
\ No newline at end of file
////////////////////////////////////
// //
// COMMON BULMA CUSTOMIZATION //
// //
////////////////////////////////////
@charset "utf-8";
// Brand colors
$deep-blue: #0d47a1;
$deep-green: green;
$nice-red: red;
$primary-color: #8b000e;
$secondary-color: #7e7e7e;
$third-color: #eceff1;
// Bulma's global variables
$primary: $secondary-color;
$dark: $primary-color;
$light: $secondary-color;
$radius-small: 2px;
// Bulma's component variables
$body-background-color: $third-color;
$card-content-padding: 2rem;
$navbar-item-img-max-height: 2.5rem;
$navbar-background-color: $secondary-color;
$navbar-item-hover-color: $nice-red;
$navbar-item-hover-background-color: $dark;
$navbar-item-active-color: $nice-red;
$navbar-item-active-background-color: $third-color;
$progress-border-radius: 0px;
$progress-indeterminate-duration: 1s;
$modal-card-head-padding: 15px;
$modal-card-head-background-color: $light;
$modal-card-head-radius: $radius-small;
$tabs-toggle-link-active-border-color: $primary-color;
$tabs-toggle-link-active-background-color: $primary-color;
$danger: $nice-red;
$success: $deep-green;
// Bulma imports
@import "node_modules/bulma/sass/utilities/_all";
@import "node_modules/bulma/sass/base/_all";
@import "node_modules/bulma/sass/elements/_all";
@import "node_modules/bulma/sass/form/_all";
@import "node_modules/bulma/sass/components/_all";
@import "node_modules/bulma/sass/grid/_all";
@import "node_modules/bulma/sass/helpers/_all";
@import "node_modules/bulma/sass/layout/_all";
////////////////////////////////////
// //
// CUSTOMISATION BEYOND VARIABLES //
// //
////////////////////////////////////
.navbar {
height: 56px;
}
.navbar-item img {
max-height: 2.5rem;
margin-right: 10px;
}
.navbar-menu-icon {
margin-right: 5px;
}
.has-reduced-padding {
padding: 0.5rem;
}
.notification {
z-index: 100;
position: fixed;
left: 45vw;
bottom: 1rem;
width: 50vw;
transition: all 0.5s ease;
}
.notification:hover {
z-index: 200;
}
.uploader {
left: 5vw;
}
.spinner {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.label input[type="checkbox"] {
margin-right: 0.5rem;
}
html {
background-color: lightgray;
}
.flex-container {
flex-wrap: wrap;
display: flex;
align-items: center;
justify-content: center;
}
.icon-card {
margin: 1rem;
width: 12rem;
}
.icon-card:hover {
z-index: 10;
}
.dropdown-content {
width: 12rem;
word-wrap: break-word;
}
::-moz-focus-inner {
border: 0;
}
img {
box-shadow: none;
}
.image.is-48x48 {
overflow: hidden;
}
.media {
cursor: pointer;
}
.media a {
cursor: auto;
}
.select,
select {
width: 100%;
}
#!/bin/bash
rm ../../web/assets/bulma.min.css
ln -s $(pwd)/css/bulma.css $(pwd)/../../web/assets/bulma.min.css
This diff is collapsed.
{
"name": "sdkbulma",
"version": "1.0.0",
"description": "Bulma for sdk",
"main": "sass/mystyles.scss",
"scripts": {
"build": "npm run build-clean && npm run build-sass && npm run build-cleancss",
"build-cleancss": "cleancss -o ../../web/assets/bulma.min.css css/bulma.css",
"build-clean": "rimraf css",
"build-sass": "node-sass --output-style expanded --source-map true bulma.scss css/bulma.css",
"deploy": "npm run build",
"start": "npm run build-sass -- --watch"
},
"author": "Alexis POYEN",
"license": "AGPL-3.0-or-later",
"devDependencies": {
"bulma": "^0.9.0",
"clean-css-cli": "^4.3.0",
"node-sass": "^4.14.1",
"rimraf": "^3.0.2"
}
}
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -8,7 +8,6 @@
<link rel="manifest" href="assets/brand/manifest.json" />
<link rel="stylesheet" href="assets/bulma.min.css" />
<link rel="stylesheet" href="assets/animate.css" />
<link rel="stylesheet" href="style.css" />
<script defer src="assets/fontawesome/solid.min.js"></script>
<script defer src="assets/fontawesome/fontawesome.min.js"></script>
<script defer type="module" src="main.js"></script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment