Skip to content

@codysherman codysherman released this Feb 9, 2020

This version bump only improves the building of the CSS from Sass. It's now using Dart Sass, which did lead to a slightly differently formatted set of CSS files, however they are functionally the same as previous version (3.3.1).

Assets 2

@codysherman codysherman released this Jan 7, 2020

This patch version just adds the !important class to new text- classes that were added in 3.3.0. This matches the existing text- classes and other utility classes.

Assets 2
  • 3.3
  • f96b76d
  • Compare
    Choose a tag to compare
    Search for a tag
  • 3.3
  • f96b76d
  • Compare
    Choose a tag to compare
    Search for a tag

@codysherman codysherman released this Nov 11, 2019 · 2 commits to master since this release

Frow 4.0 is on the horizon, but before making any breaking changes, I'm trying to put as many non-breaking changes onto version 3.0 as possible.

Frow version 3.3!

Upgrade Notes

Frow has officially hit 3.3 with a new feature release! View the full documentation at FrowCSS.com. It was given a version of 3.3 as while a lot of stuff is new, there should not be any breaking changes, thus no bump to 4.0. Everyone should be able to jump up to version 3.3 if you are already on 3.X. If you are still on Frow version 2, be sure to just read about the breaking changes in the jump to 3 here.

What's New?

Space-Evenly Support

  • New modifier class .justify-evenly which is equivalent to flexbox's justify-content: space-evenly. See an example here.
  • New modifier class .content-evenly which is equivalent to flexbox's align-content: space-evenly. See an example here.
  • The addition of .justify-evenly also dictated a new combo class as well: .row-evenly. This class is identical to .justify-evenly, except for the fact that like all other .row- classes, it also aligns the items vertically. See an example here.

Text Decoration/Font Style Utility Classes

  • Three new reusable classes for quickly changing how your text looks without having to write your own CSS:
    • .text-underline
    • .text-line-through
    • .text-italic
  • Full documentation available here

"Text Overflow as Ellipsis" Utility Class

Don't you hate it when your end user ruins your perfectly good design by entering in an input that is longer than the div you display it in later in? Get a shorter name end user! Well, here is a quick drop-in utility class, .text-ellipsis, that makes text get cut off with ellipsis rather than break your design: See an example here.

Opacity Utility Classes

Minor Documentation Improvements and Corrections

  • On the Frow Shortcuts page, combo classes like .frow .row-center now better explain the differences vs using the two very similar classes: .frow and .frow .justify-center.
  • $text-color was accidentally referred to as $default-text-color in the Customizing Sass docs.
  • Other minor improvements to the docs.

A Roadmap via GitHub Issues!

In the past I've kept an internal list of issues I planned to fix, as well as what features would go into the next versions of Frow. I'm going to be changing my workflow so that I'll be putting upcoming changes into the Frow GitHub Issues page. Now you'll be able to see what I'm planning, and what issues I've found internally. Feel free to voice your opinion on what's next!

New to Frow? Try it fast with a CDN!

If you're new to Frow, come check out all of the features and learn how to get started on FrowCSS.com! Grab Frow in Sass & CSS format via npm or give it a super quick try out using the CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/frow@3/dist/frow.min.css">

A final thanks

As always, all of your support and feedback is much appreciated! Thanks so much for trying out Frow CSS, and always feel free to reach out!

Assets 2
  • 3.2.0
  • 3fd0b0f
  • Compare
    Choose a tag to compare
    Search for a tag
  • 3.2.0
  • 3fd0b0f
  • Compare
    Choose a tag to compare
    Search for a tag

@codysherman codysherman released this Nov 10, 2019

This awesome version update adds some work from the user @sb0stn that makes classes for better support for screen readers. This helps add content to pages for those visually impaired users using screen readers.

You can find the new classes at: https://frowcss.com/utilities.html#accessibility-shortcuts

Thanks so much for the PR @sb0stn !

Assets 2

@codysherman codysherman released this Jul 12, 2019

This is a minor release, it has some improved linking in the documentation website and recompiles the /dist .css files with the latest version of Autoprefixer.

Assets 2

@codysherman codysherman released this May 31, 2019

This patch version is courtesy of @diyews pull request! Much thanks and appreciation, the PR was able to be approved with no modification!

This version removes some accidentally included semi-colons, as well as some redundant code. My current work project uses .scss instead of .sass, I must be picking up bad habits. 😬

Assets 2

@codysherman codysherman released this May 24, 2019

This update just adds the .frow class to the Flex-Direction Responsive Design Classes so that the behavior is more predictable.

Example:
<div class="frow row-start direction-column-xs">

Previously the row-start class would overrule direction-column-xs, even on xs screens because it was using the specificity of .frow.row-start. Now it will be beaten by .frow.direction-column-xs.

In the end, the frow will appear as a row on tablets/desktops, and a column on phones.

Assets 2

@codysherman codysherman released this May 3, 2019

This patch release just fixes the overflow shortcut classes. They were incorrectly indented and Sass thus interpreted it as nested, which caused the classes to not work as intended.

tl;dr: Update to this version and the overflow classes will work as intended.

Assets 2

@codysherman codysherman released this Apr 21, 2019

Frow version 3.1!

Upgrade Notes

Frow has officially hit 3.1 with a new feature release! It was given a version of 3.1 as while a lot of stuff is new, there should not be any breaking changes, thus no bump to 4.0. Everyone should be able to jump up to version 3.1 if you are already on 3.0.X. If you are still on Frow version 2, be sure to just read about the breaking changes in the jump to 3 here.

What's New?

Deeper links in Documentation

Overflow Shortcut Classes

  • New shortcuts to quickly modify how divs handle overflow.
  • .overflow-y-auto and overflow-x-hidden quickly whip your site into shape.
  • See all of the shortcuts here.

Flexbox Grow and Shrink Shortcuts

  • Hate it when your content inside of a .frow or flexbox gets squished? Add the new .shrink-0 shortcut to quickly tell your browser to never squish that div again!
  • Check out all of the shortcuts here.

Button appearance modifier classes

  • A new .button-link class to make buttons appear as links (great for PWA's where links don't actually change the page)
  • A new .button-none class to allow your buttons to wrap other elements and turn them into buttons, without adding all of the styling of regular buttons.
  • See the examples here.

Media Print Shortcuts

  • Similar to the existing .hidden-sm, .visible-lg rules, new @media print rules have been added. Try out the new .hidden-print class to hide things that shouldn't be printed out from a printer.

Form Element Improvements

  • Labels: Sometimes you want to have something look like a form label without actually being a label element. Enter the new .label class.
  • Inputs: New variable for picking the placeholder text color.
  • Inputs: Fixed placeholder color bug on Firefox.
  • Improved the cursor for input range sliders, it now turns into the pointer icon over any clickable part of the bar.

Optional Normalize.css

New CDN

  • The previous CDN Frow used, RawGit, is closing down. But good news! Frow has moved over to jsDelivr! The website documentation has been updated with the new information. If you need to rely on an older version of Frow and can't use the new link, you can convert your old RawGit link to jsDelivr with this simple tool.

Try out Frow!

If you're new to Frow, come check out all of the features and learn how to get started on FrowCSS.com! Grab Frow in Sass & CSS format via npm or give it a super quick try out using the CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/frow@3/dist/frow.min.css">

A final thanks

As always, all of your support and feedback is much appreciated! Thanks so much for trying out Frow CSS, and always feel free to reach out!

Assets 2

@codysherman codysherman released this Apr 20, 2019

This is a small bump to Frow before the soon coming 3.1 release. Functionality wise this update just increases the Normalize.css version from 8.0.0 to 8.0.1. This release also updates the dependencies used to create Frow, and also does a sweep to increase the HTML validity across the documentation website.

Assets 2
You can’t perform that action at this time.