css-media-vars VS nord

Compare css-media-vars vs nord and see what are their differences.

css-media-vars

A brand new way to write responsive CSS. Named breakpoints, DRY selectors, no scripts, no builds, vanilla CSS. (by propjockey)
Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
css-media-vars nord
2 81
283 5,944
0.0% 0.8%
2.7 1.7
about 2 years ago 6 months ago
CSS SCSS
BSD 2-clause "Simplified" License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.

css-media-vars

Posts with mentions or reviews of css-media-vars. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-09-04.
  • CSS Media Variables – Named breakpoints, DRY selectors, no scripts, vanilla CSS
    1 project | news.ycombinator.com | 5 Sep 2021
  • Pollen – A library of CSS variables inspired by TailwindCSS
    5 projects | news.ycombinator.com | 4 Sep 2021
    Ah! This is brilliant. There are quite a few comments here about pitching this against other CSS frameworks or the actual use of this.

    This is not a stand-alone framework or anything of that start. Treat as one of your scaffold components for your styling framework. Tailwind does this with their tailwind.config.js and is more of raw CSS design tokens. I just wish their commercial TailWindUI[1] make it easy to make use of it the better way.

    I wish I saw Pollen a few months ago. I wanted to do an effortless design for my personal website and stick to as plain vanilla CSS as possible. The best way was to rely on CSS-Variables. I did do it from scratch[2]. It works though it is pretty hacky, and I'm not too concerned. Right now, I can swap few values and have an entirely different color scheme - light/dark version of my own, Nord Theme[3], and I will keep adding me whenever I get bored. I can even tweak the rhythms and spacing to my liking with just the variable. You should check out the demo[4] or look at the source[5] (wip).

    For those who find this interesting, you should check out another interesting one I discovered a few months back -- css-media-vars[6].

    1. https://tailwindui.com

    2. https://github.com/oinam/oinam-jekyll/blob/main/_includes/cs...

    3. https://www.nordtheme.com

    4. https://oinam.github.io/oinam-jekyll/

    5. https://github.com/oinam/oinam-jekyll

    6. https://github.com/propjockey/css-media-vars

nord

Posts with mentions or reviews of nord. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-05-13.

What are some alternatives?

When comparing css-media-vars and nord you can also consider the following projects:

pollen - The CSS variables build system

gruvbox - Retro groove color scheme for Vim - community maintained edition

oinam-jekyll - A simple, clean, and minimal Jekyll Theme.

spotify-tui - Spotify for the terminal written in Rust 🚀

pollen - book-publishing system [mirror of main repo at https://git.matthewbutterick.com/mbutterick/pollen]

onedark.vim - A dark Vim/Neovim color scheme inspired by Atom's One Dark syntax theme.

vim - An arctic, north-bluish clean and elegant Vim theme.

gruvbox - Retro groove color scheme for Vim

cava - Cross-platform Audio Visualizer

cool-retro-term - A good looking terminal emulator which mimics the old cathode display...

neofetch - 🖼️ A command-line system information tool written in bash 3.2+

nerd-fonts - Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more