mirror of
https://github.com/jgthms/bulma.git
synced 2025-01-09 15:44:25 +00:00
This commit removes Ruby-Sass and Node-Sass to improve performance and maintainability, as both are outdated and no longer actively supported.
- Node-Sass syntax issues have been resolved. - Cleaned up test folder structure for better organization. These changes align the repository with best practices of keeping everything up to date.
This commit is contained in:
Teigh
parent
e23cfc1262
commit
e08b534e4d
@ -1,40 +0,0 @@
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const sass = require('node-sass');
|
||||
const utils = require('../utils');
|
||||
|
||||
const NODE_SASS_BASE_PATH = 'test/node-sass/build/';
|
||||
|
||||
fs.mkdir(NODE_SASS_BASE_PATH, { recursive: true }, (err) => {
|
||||
if (err) throw err;
|
||||
});
|
||||
|
||||
const exportNodeSassCSS = (filepath, options) => {
|
||||
utils.exportCSS(sass, fs, NODE_SASS_BASE_PATH, filepath, options)
|
||||
}
|
||||
|
||||
// Full import
|
||||
|
||||
exportNodeSassCSS('bulma', {
|
||||
file: './bulma.sass',
|
||||
});
|
||||
|
||||
exportNodeSassCSS('bulma-rtl', {
|
||||
file: './bulma-rtl.sass',
|
||||
});
|
||||
|
||||
// Single imports
|
||||
|
||||
const BULMA_IMPORT_PATH = `./sass/`;
|
||||
|
||||
utils.SOURCES.forEach((source) => {
|
||||
const parsed = path.parse(source);
|
||||
|
||||
fs.mkdir(`${NODE_SASS_BASE_PATH}${parsed.dir}`, { recursive: true }, (err) => {
|
||||
if (err) throw err;
|
||||
});
|
||||
|
||||
exportNodeSassCSS(`${parsed.dir}/${parsed.name}`, {
|
||||
data: `@import "${BULMA_IMPORT_PATH}${source}";`,
|
||||
});
|
||||
});
|
||||
@ -1,2 +0,0 @@
|
||||
bulma.io v0.9.0
|
||||
.button.is-primary
|
||||
@ -1,70 +0,0 @@
|
||||
\* Bulma Base \*
|
||||
minireset.css
|
||||
html
|
||||
article
|
||||
aside
|
||||
|
||||
\* Bulma Components \*
|
||||
.breadcrumb
|
||||
.card
|
||||
.dropdown
|
||||
.level
|
||||
.media
|
||||
.menu
|
||||
.message
|
||||
.message.is-primary
|
||||
.modal
|
||||
.navbar
|
||||
.navbar.is-primary
|
||||
.pagination
|
||||
.panel
|
||||
.tabs
|
||||
|
||||
\* Bulma Elements \*
|
||||
.box
|
||||
.button
|
||||
.button.is-primary
|
||||
.container
|
||||
.content
|
||||
.form
|
||||
.icon
|
||||
.notification
|
||||
.notification.is-primary
|
||||
.block
|
||||
.delete
|
||||
.progress
|
||||
.table
|
||||
.tag
|
||||
.tag:not(body).is-primary
|
||||
.title
|
||||
|
||||
\* Bulma Form \*
|
||||
.checkbox
|
||||
.radio
|
||||
.file
|
||||
.input
|
||||
.is-primary.input
|
||||
.textarea
|
||||
.is-primary.textarea
|
||||
.select
|
||||
.select.is-primary
|
||||
.label
|
||||
.help
|
||||
.field
|
||||
|
||||
\* Bulma Grid \*
|
||||
.column
|
||||
.columns
|
||||
.columns.is-variable
|
||||
.tile
|
||||
|
||||
\* Bulma Helpers \*
|
||||
.has-text-primary
|
||||
.has-text-primary-light
|
||||
.has-text-primary-dark
|
||||
.has-background-primary
|
||||
.has-background-primary-light
|
||||
.has-background-primary-dark
|
||||
|
||||
\* Bulma Utilities \*
|
||||
@keyframes spinAround
|
||||
@ -1,70 +0,0 @@
|
||||
\* Bulma Base \*
|
||||
minireset.css
|
||||
html
|
||||
article
|
||||
aside
|
||||
|
||||
\* Bulma Components \*
|
||||
.breadcrumb
|
||||
.card
|
||||
.dropdown
|
||||
.level
|
||||
.media
|
||||
.menu
|
||||
.message
|
||||
.message.is-primary
|
||||
.modal
|
||||
.navbar
|
||||
.navbar.is-primary
|
||||
.pagination
|
||||
.panel
|
||||
.tabs
|
||||
|
||||
\* Bulma Elements \*
|
||||
.box
|
||||
.button
|
||||
.button.is-primary
|
||||
.container
|
||||
.content
|
||||
.form
|
||||
.icon
|
||||
.notification
|
||||
.notification.is-primary
|
||||
.block
|
||||
.delete
|
||||
.progress
|
||||
.table
|
||||
.tag
|
||||
.tag:not(body).is-primary
|
||||
.title
|
||||
|
||||
\* Bulma Form \*
|
||||
.checkbox
|
||||
.radio
|
||||
.file
|
||||
.input
|
||||
.is-primary.input
|
||||
.textarea
|
||||
.is-primary.textarea
|
||||
.select
|
||||
.select.is-primary
|
||||
.label
|
||||
.help
|
||||
.field
|
||||
|
||||
\* Bulma Grid \*
|
||||
.column
|
||||
.columns
|
||||
.columns.is-variable
|
||||
.tile
|
||||
|
||||
\* Bulma Helpers \*
|
||||
.has-text-primary
|
||||
.has-text-primary-light
|
||||
.has-text-primary-dark
|
||||
.has-background-primary
|
||||
.has-background-primary-light
|
||||
.has-background-primary-dark
|
||||
|
||||
\* Bulma Utilities \*
|
||||
@keyframes spinAround
|
||||
@ -1,32 +0,0 @@
|
||||
https://fonts.googleapis.com/css?family=Nunito:400,700
|
||||
|
||||
\* Bulma Base \*
|
||||
minireset.css
|
||||
html
|
||||
article
|
||||
aside
|
||||
|
||||
.navbar
|
||||
.navbar.is-primary
|
||||
|
||||
.button
|
||||
.button.is-primary
|
||||
.container
|
||||
.title
|
||||
|
||||
\* Bulma Form \*
|
||||
.checkbox
|
||||
.radio
|
||||
.file
|
||||
.input
|
||||
.is-primary.input
|
||||
.textarea
|
||||
.is-primary.textarea
|
||||
.select
|
||||
.select.is-primary
|
||||
.label
|
||||
.help
|
||||
.field
|
||||
|
||||
\* Bulma Utilities \*
|
||||
@keyframes spinAround
|
||||
@ -1,5 +0,0 @@
|
||||
\* Bulma Base \*
|
||||
minireset.css
|
||||
html
|
||||
article
|
||||
aside
|
||||
@ -1,7 +0,0 @@
|
||||
\* Bulma Base \*
|
||||
minireset.css
|
||||
html
|
||||
article
|
||||
aside
|
||||
|
||||
hsl(39, 100%, 92%)
|
||||
@ -1,65 +0,0 @@
|
||||
#!/bin/bash
|
||||
|
||||
# CONSTANTS
|
||||
|
||||
TEST_DIR=$(dirname $BASH_SOURCE)
|
||||
FILES=$TEST_DIR/sass/*
|
||||
CSS_DIR=$TEST_DIR/build
|
||||
CSS_FILES=$TEST_DIR/build/*.css
|
||||
SASS_OPTIONS=--sourcemap=none
|
||||
|
||||
# FUNCTIONS
|
||||
|
||||
build_sass()
|
||||
{
|
||||
echo "Processing $1 file…"
|
||||
|
||||
local fileName=$(basename -- "$1")
|
||||
local name="${fileName%.*}"
|
||||
local destFile="$CSS_DIR/$name.css"
|
||||
|
||||
sass "$1" "${destFile}"
|
||||
}
|
||||
|
||||
build_all_css_files()
|
||||
{
|
||||
rm -r $CSS_DIR
|
||||
|
||||
if [ ! -d "${CSS_DIR}" ]; then
|
||||
echo "Creating $CSS_DIR directory…"
|
||||
mkdir -p "${CSS_DIR}"
|
||||
fi
|
||||
|
||||
if [ $1 ]
|
||||
then
|
||||
build_sass $1
|
||||
else
|
||||
for f in $FILES
|
||||
do
|
||||
build_sass $f
|
||||
done
|
||||
fi
|
||||
}
|
||||
|
||||
check_keywords_inclusion()
|
||||
{
|
||||
for f in $CSS_FILES
|
||||
do
|
||||
BASE=$(basename $f)
|
||||
KEYWORDS_FILE=$TEST_DIR/keywords/$BASE.txt
|
||||
while read p; do
|
||||
if ! grep -q "$p" "$f"
|
||||
then
|
||||
# echo "Ok"
|
||||
# else
|
||||
echo "$p not found in $f"
|
||||
fi
|
||||
# echo "Checking for $p "
|
||||
done < $KEYWORDS_FILE
|
||||
done
|
||||
}
|
||||
|
||||
# EXECUTION
|
||||
|
||||
build_all_css_files $@
|
||||
check_keywords_inclusion $@
|
||||
2
test/ruby-sass/sass/bulma.sass
vendored
2
test/ruby-sass/sass/bulma.sass
vendored
@ -1,2 +0,0 @@
|
||||
@charset "utf-8"
|
||||
@import "../../../bulma"
|
||||
@ -1,4 +0,0 @@
|
||||
@charset "utf-8"
|
||||
$red: #f60
|
||||
$blue: var(--blue)
|
||||
@import "../../../bulma"
|
||||
@ -1,37 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
// Import a Google Font
|
||||
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
|
||||
|
||||
// Set your brand colors
|
||||
$purple: #8A4D76;
|
||||
$pink: #FA7C91;
|
||||
$brown: #757763;
|
||||
$beige-light: #D0D1CD;
|
||||
$beige-lighter: #EFF0EB;
|
||||
|
||||
// Update Bulma's global variables
|
||||
$family-sans-serif: "Nunito", sans-serif;
|
||||
$grey-dark: $brown;
|
||||
$grey-light: $beige-light;
|
||||
$primary: $purple;
|
||||
$link: $pink;
|
||||
$widescreen-enabled: false;
|
||||
$fullhd-enabled: false;
|
||||
|
||||
// Update some of Bulma's component variables
|
||||
$body-background-color: $beige-lighter;
|
||||
$control-border-width: 2px;
|
||||
$input-border-color: transparent;
|
||||
$input-shadow: none;
|
||||
|
||||
// Import only what you need from Bulma
|
||||
@import "../../../sass/utilities/_all.sass";
|
||||
@import "../../../sass/base/_all.sass";
|
||||
@import "../../../sass/elements/button.sass";
|
||||
@import "../../../sass/elements/container.sass";
|
||||
@import "../../../sass/elements/title.sass";
|
||||
@import "../../../sass/form/_all.sass";
|
||||
@import "../../../sass/components/navbar.sass";
|
||||
@import "../../../sass/layout/hero.sass";
|
||||
@import "../../../sass/layout/section.sass";
|
||||
@ -1,5 +0,0 @@
|
||||
@charset "utf-8"
|
||||
@import "../../../sass/utilities/_all"
|
||||
@import "../../../sass/base/_all"
|
||||
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
// Import the variables
|
||||
@import "../../../sass/utilities/initial-variables.sass";
|
||||
|
||||
$blue: #00f;
|
||||
|
||||
$purple: #8A4D76;
|
||||
$pink: #FA7C91;
|
||||
$brown: #757763;
|
||||
$beige-light: #D0D1CD;
|
||||
$beige-lighter: #EFF0EB;
|
||||
|
||||
$grey-dark: $brown;
|
||||
$grey-light: $beige-light;
|
||||
$primary: $purple;
|
||||
$link: $pink;
|
||||
|
||||
$orange: #f60;
|
||||
$orange-invert: findColorInvert($orange);
|
||||
$orange-light: hsl(39, 100%, 92%);
|
||||
|
||||
$lavender: lavender;
|
||||
$lavender-invert: white;
|
||||
$lavender-light: hsl(240, 56%, 98%);
|
||||
$lavender-dark: hsl(240, 31%, 24%);
|
||||
|
||||
$custom-colors: (
|
||||
"lime": (lime),
|
||||
"tomato": (tomato, white),
|
||||
"orange": ($orange, $orange-invert, $orange-light),
|
||||
"lavender": ($lavender, $lavender-invert, $lavender-light, $lavender-dark)
|
||||
);
|
||||
|
||||
$spacing-shortcuts: ("margin": "mg");
|
||||
$spacing-horizontal: "h";
|
||||
$spacing-vertical: null;
|
||||
$spacing-values: ("small": 10px, "medium": 30px, "large": 60px);
|
||||
|
||||
// Import the rest of Bulma
|
||||
@import "../../../bulma";
|
||||
Loading…
Reference in New Issue
Block a user