Git Product home page Git Product logo

bulma-scss's Introduction

bulma-scss

This is a port of the Bulma project SASS files to the SCSS syntax.

These files are based on Bulma versions up through Bulma 0.9.4. With the release of Bulma 1.0, Bulma changed to supporting SCSS natively, thus eliminating the need for this project.

These files will remain available for anyone who needs them, but the project is now archived.

Installation

Install with Yarn

yarn add bulma-scss

Install with npm

npm install bulma-scss

Contributions

You can contribute to the Bulma source code.

Support

If you are having issues with this repository, please let us know.

We use this project's Github issue tracker.

License

The project is licensed under the MIT license.

bulma-scss's People

Contributors

gomah avatar j1mc avatar natemate90 avatar scriptcoded avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bulma-scss's Issues

Bulma extensions

It would be great, if you also provide the official bulma extensions!

NPM support?

Could NPM support (i.e. package.json file) be added?

No SCSS for Level

There does not seem to be an scss file for the level layout. Is is missing or buried somewhere not obvious?

Active development?

Is this package still under active development? We're planning on using this in a production application, and would still like to remain up to date with the latest Bulma features. ๐Ÿ˜ƒ

sass:math, needed for math.div support, not included in bulma-scss 0.9.3?

After upgrading to

bulma-scss '0.9.3'

adding to my page scss,

page.scss
	@import 'myvars';
+	$test_var: math.div($some-val * 2, 100);

then run my usual webpack asset build

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: There is no module with the namespace "math".
   โ•ท
17 โ”‚ $test_var: math.div($some-val * 2, 100);
   โ”‚            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   โ•ต

adding a use to the include,

_myvars.scss
+	@use 'sass:math';
	...

doesn't do the trick. same error as above with webpack build.

but adding directly to

page.scss
+	@use 'sass:math';
	@import 'myvars';
+	$test_var: math.div($some-val * 2, 100);

webpack completes with no errors.

(1) shouldn't

@use 'sass:math'

be 'in' & made available by, bulma sources?

(2) since the use doesn't apparently get picked up from the include,
is there another method to add in once, and not requiring it in each source file?

Since here

jgthms/bulma#3333

it apears to be resolved, it this^ bulma-scss specific?

Scss modules?

Just checking if there's any intention of moving this towards the sass module pattern? No pressure, just checking on future plans. Thanks for the great work.

Only need level and columns

Thank you for sharing this port!

Can you instruct me how to include only the level? I put the following in my scss

@import 'bulma-scss/components/level';

but i get the compile error

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: The target selector was not found.
Use "@extend %block !optional" to avoid this error.
โ•ท
6 โ”‚ @extend %block;
โ”‚ ^^^^^^^^^^^^^^

is there a base file to import?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.