valinor.earth
Bourbon
valinor.earth | Bourbon | |
---|---|---|
2 | 3 | |
1 | 9,099 | |
- | 0.0% | |
3.7 | 4.0 | |
7 months ago | about 2 months ago | |
HTML | 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.
valinor.earth
-
AirTag leads to arrest of airline worker who stole $15,000 of items from luggage
I'm at https://brajeshwar.com
> At https://valinor.earth, my team and I leverage technology to help companies decarbonize and curb climate change.
-
Show HN: Flowbite β Tailwind CSS Components Library [MIT License]
Use Tailwind as a utility class and create CSS classes looking at the overall design and standardizing components.
Point No. 1 is more straightforward than 2 in the short term, but Point No. 2 would be the ideal approach and more easily maintainable.
Here are few examples from our website that uses Tailwind. Please be lenient; it is not a public consumable template/markup.
The general UI is driven by design token at the Tailwind configuration level -- https://github.com/valinorearth/valinor.earth/blob/master/ta...
Color Scheme follow a similar pattern https://github.com/valinorearth/valinor.earth/blob/master/ta...
Then, we write CSS but using Tailwind as a utility - https://github.com/valinorearth/valinor.earth/tree/master/sr...
For instance, for a button, instead of apply everything in each and every ``, we create a `.button` class and create the button component of our choice https://github.com/valinorearth/valinor.earth/blob/master/sr...
I hope this is useful to few who wants to use Tailwind in either of the two ways.
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.
What are some alternatives?
dharma-smart-wallet - An upgradeable, meta-transaction-enabled smart wallet for earning interest on stablecoins while retaining custody of funds, with an added security backstop provided by Dharma Labs.
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.
Foundation - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
Sass - Sass makes CSS fun!
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME πππ
Webpacker - Use Webpack to manage app-like JavaScript modules in Rails
office-ui-fabric-react - Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Autoprefixer - Autoprefixer for Ruby and Ruby on Rails
Open Food Network - Connect suppliers, distributors and consumers to trade local produce.
Less Rails - :-1: :train: Less.js For Rails
AirGuard - Protect yourself from being tracked π by AirTags π· and Find My accessories π
Quiet Assets