A pure CSS framework with vertical rhythm, consistent form fields and a dead simple grid. https://www.cutestrap.com/ Wed, 09 Oct 2019 15:58:35 +0000 Wed, 09 Oct 2019 15:58:35 +0000 Jekyll v3.8.5 <h2 id="first-some-context">First, some context.</h2> <p>Since creating Cutestrap over 3 years ago now, I’ve used it as the foundation for every side project I’ve worked on. After years of thoughts of what I would want out of an upgrade, I’ve completely re-built it from the ground up.</p> <p>Originally, all of the vertical rhythm was hard coded, so all projects built with Cutestrap looked somewhat the same. Version 1 was also written in Sass, which restricted anyone not using it from unlocking all the customization potential.</p> <p>So! Cutestrap Two is written in 100% vanilla CSS and uses Custom Properties to control the entire Baseline Grid and theme for way more customization options.</p> <h3 id="whatever-whats-new-though">Whatever, what’s new though?</h3> <p>Straight to the point, I dig it, dear reader.</p> <ul> <li>Form fields can now be styled with consistent singular <code class="highlighter-rouge">.field</code> with children</li> <li>Custom Baseline Grid by changing a single Custom Property, <code class="highlighter-rouge">--rhythm</code></li> <li>More robust default color palette, using HSL</li> <li>Buttons are no longer styled implicitly and use <code class="highlighter-rouge">.button</code></li> <li>Way more button modifiers that can be composed together</li> <li>Wrappers are now sized calculated based on rhythm</li> <li>Flexbox based grid system has removed in favor of a basic CSS Grid</li> <li>For a naming convention, BEM is out, Popsicle is in</li> </ul> <p>To learn more, I highly recommend checking out the <a href="/features">Features</a> which documents all of the changes in more concrete detail.</p> Tue, 19 Jan 2038 03:14:07 +0000 https://www.cutestrap.com/cutelog/cutestrap-two-changelog https://www.cutestrap.com/cutelog/cutestrap-two-changelog <h2 id="first-some-context">First, some context.</h2> <p>Since creating Cutestrap over 3 years ago now, I’ve used it as the foundation for every side project I’ve worked on. After years of thoughts of what I would want out of an upgrade, I’ve completely re-built it from the ground up.</p> <p>Originally, all of the vertical rhythm was hard coded, so all projects built with Cutestrap looked somewhat the same. Version 1 was also written in Sass, which restricted anyone not using it from unlocking all the customization potential.</p> <p>So! Cutestrap Two is written in 100% vanilla CSS and uses Custom Properties to control the entire Baseline Grid and theme for way more customization options.</p> <h3 id="whatever-whats-new-though">Whatever, what’s new though?</h3> <p>Straight to the point, I dig it, dear reader.</p> <ul> <li>Form fields can now be styled with consistent singular <code class="highlighter-rouge">.field</code> with children</li> <li>Custom Baseline Grid by changing a single Custom Property, <code class="highlighter-rouge">--rhythm</code></li> <li>More robust default color palette, using HSL</li> <li>Buttons are no longer styled implicitly and use <code class="highlighter-rouge">.button</code></li> <li>Way more button modifiers that can be composed together</li> <li>Wrappers are now sized calculated based on rhythm</li> <li>Flexbox based grid system has removed in favor of a basic CSS Grid</li> <li>For a naming convention, BEM is out, Popsicle is in</li> </ul> <p>To learn more, I highly recommend checking out the <a href="/features">Features</a> which documents all of the changes in more concrete detail.</p> Tue, 27 Aug 2019 01:00:00 +0000 https://www.cutestrap.com/cutelog/cutestrap-two-changelog https://www.cutestrap.com/cutelog/cutestrap-two-changelog