NewFolder 1.2.2 - More Variables for All

This quick update to NewFolder sees some relatively small changes that will, nonetheless, pave the way for new features in NewFolderTypemill, and other CMS themes when I make them. Here's what changed:

• I renamed _colors.scss to _variables.scss. Rename the file in your import statements accordingly.
• I moved the typography variables from _type.scss to _variables.scss.
• I added two new typography variables:
  • --min-font-size will determine the smallest font size your text will shrink to.
  • --max-font-size will determine the largest font size that your text will expand to.
• I removed the CSS snippet used for the ordered lists, and applied some light (and far more subtle) styling with the ::marker pseudo-element. I applied some light styling to the unordered lists as well.

You should note that while you can change the minimum and maximum font sizes in the variables, the smallest font size will still be shown at ≤768px viewport width, and the largest will be shown at ≥1920px viewport width. I have yet to figure out a way to easily integrate a minimum and maximum viewport width into the formula.

NewFolder 1.2.1 - newfolder.dev & No plan ever survives contact with the enemy

This is my first release after working on a BIG project with NewFolder, and I had to make a ton of adjustments and fixes so that everything would work properly with a proper CMS. On that note, I made a NewFolder theme for Typemill CMS, and you can see it on my brand new website: newfolder.dev.

Here's a quick summary of what's been going on with the last bunch of commits:

• Form style fixes and tweaks
• Fixes and tweaks to breadcrumb and accordion navgiation, added transitions
• Added block quote and definition list styles
• Added a color variable specifically for link hover states
• Made a TON of general changes to the code's formatting.

NewFolder 1.2 - We live in a modern world, baby!

NewFolder 1.2 is a step in a new direction. I've been using LESS and then SASS since I first heard about them, but native CSS is slowly catching up with what preprocessors can do, thanks to calc(), expanded media queries, new compositing options, and more. Preprocessors can still do things that pure CSS can't, though, so the switch is not complete.

However, I've done a few important things:

• I've implemented a dark mode with @media (prefers-color-scheme: dark) {}. This dark mode makes use of...
• The new CSS color variables. I'm not using SASS variables anymore.
• I've also implemented CSS variables for typography, and switched the fluid type scaling method to clamp().
• I also updated the SASS mixins for the dark mode.

SASS/SCSS' lighten() and darken() operations are being replaced (temporarily) by this incredibly silly stopgap measure: stupidLighten & stupidDarken.

NewFolder 1.1 - I went too hard on the nav bars

I have decided it's better to reduce the scope of this framework, and leave site navigation to be developed on a case-by-case basis. I removed all navigation patterns except the breadcumb navigation, and the accordion navigation, which are great for main content areas, and sidebars respectively.

While this framework initially had a whole bunch of navigation patterns that could be used (in theory) anywhere in the site, that proved to be an unwieldy solution to my problems and needs. The way I design websites, a one-size-fits-all approach to navigation just doesn't work, and each pattern would need to be extensively modified, making more work for me in the end.

It's better to build on cascading styles than to constantly fight/rewrite them.

NewFolder 1.01 - Uhhh, oops.

Tiny bugfix release: I added styles for the sup & sub elements.

NewFolder 1.0 - It's Happening

With several refinements made over the last few months, more comments added, and the demo page moved to its own repository, NewFoler is basically ready. I have already used it to create a small one-page site at https://ezequiel.works.

Have fun, if you dare.

NewFolder 1.0 Beta 2 - Well That's Better

This release is a bit more streamlined in some ways. But then, navigation is now using check boxes for dropdown menus, which does complicate things a little. There's a better color scheme, plenty of fixes. Further testing is required, hence the Beta 2 designation.

Newfolder 1.0 beta - OhMyGodWhyDidIDoThis?

This version of NewFolder is feature-complete... for my own personal use. I would not recommend its use to anyone, ever, until I work out the kinks in an actual project. Some reorganization of the code is sure to take place before the proper 1.0 release. I'll probably put in more comments, too.