Bourbon
Less
Our great sponsors
| Bourbon | Less | |
|---|---|---|
| 3 | 2 | |
| 9,098 | 121 | |
| -0.0% | - | |
| 4.0 | 0.0 | |
| about 1 month ago | about 7 years ago | |
| Ruby | Ruby | |
| MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Bourbon
-
Show HN: Atlassian Design for Bootstrap v5
It’s in the src/scss directory but they’re not using that much except overriding bootstrap which has its own.
You might find bourbon more useful.
https://github.com/twbs/bootstrap/tree/main/scss
https://www.bourbon.io
-
Show HN: Flowbite – Tailwind CSS Components Library [MIT License]
Tailwind is written in SASS and is not like SASS. I would equate Tailwind to an earlier utility framework like Bourbone[1].
Tailwind can be used to build/write "StyledComponents". And one can write in the style/methodology/philosophy of BEM.
All the the above terms are all of different categories.
1. https://www.bourbon.io
-
CSS Deep
thoughtbot/bourbon - A lightweight Sass tool set.
Less
-
CSS Deep
mrkrupski/LESS-Dynamic-Stylesheet - A set of useful mixins for LESS, the CSS pre-processor: http://lesscss.org
-
Setting Up a JavaScript Build Process using Rollup
Now that we have addressed our scripts, we can focus on our styles. In this setup, we will look at the CSS preprocessor Less which lets us write CSS simpler, use variables and mixins. We can add it to the project with the following command:
What are some alternatives?
Compass - Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
rollup-plugin-postcss - Seamless integration between Rollup and PostCSS.
Sass - Sass makes CSS fun!
Less Rails - :-1: :train: Less.js For Rails
Webpacker - Use Webpack to manage app-like JavaScript modules in Rails
Quiet Assets
Autoprefixer - Autoprefixer for Ruby and Ruby on Rails
Gutenberg - Modern framework to print the web correctly.
Emoji - A gem. For Emoji. For everyone. ❤