From ff98dde0d62bb1011cf6aaf5170ca6780892c11d Mon Sep 17 00:00:00 2001 From: Simon Padbury Date: Wed, 20 Dec 2023 08:19:17 +0000 Subject: [PATCH] v.1.2.1 --- _src/index.md | 2 +- _src/layout.md | 2 +- docs/index.html | 2 +- docs/layout/index.html | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/_src/index.md b/_src/index.md index 902c722..9f3dc2c 100644 --- a/_src/index.md +++ b/_src/index.md @@ -9,7 +9,7 @@ nextLink: "Typography"

Baselayer 3 v.1.2.x uses container queries for its responsive flexbox, grid, and visibility classes.

All “evergreen” browsers (Chrome, Edge, Firefox, Safari) have capability for the new CSS Container Queries (see Can I use Container Queries) since September 2023. See container query powered layouts.

-

If you would rather use media queries for these utility classes, or if you need to support older (pre-container query) browsers a while longer, this is easy to do: in layout.css simply do a search-and-replace @container → @media (and then you don’t need to use Baselayer’s container context class).

+

If you would rather use media queries for these utility classes, or if you need to support older (pre-container query) browsers a while longer, this is easy to do: in layout.css simply do a search-and-replace @container → @media (and then you don’t need to use Baselayer’s container context class).

## Introduction diff --git a/_src/layout.md b/_src/layout.md index 8ed7d0f..879dd6c 100644 --- a/_src/layout.md +++ b/_src/layout.md @@ -147,7 +147,7 @@ There are three `@container` variants for `flex`, `grid`, and `hidden` classes c * `lg:` (1280px)
- Layout classes with sm:, md:, and lg: prefixes do not work unless they are inside of a container. + Layout classes with sm:, md:, and lg: prefixes do not work unless they are inside of a container.
You can place the `container` class on e.g.: diff --git a/docs/index.html b/docs/index.html index 8c790f6..dd8bcc4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -330,7 +330,7 @@

Baselayer 3 is a powerful, modern, tiny CSS library

Baselayer 3 v.1.2.x uses container queries for its responsive flexbox, grid, and visibility classes.

All “evergreen” browsers (Chrome, Edge, Firefox, Safari) have capability for the new CSS Container Queries (see Can I use Container Queries) since September 2023. See container query powered layouts.

-

If you would rather use media queries for these utility classes, or if you need to support older (pre-container query) browsers a while longer, this is easy to do: in layout.css simply do a search-and-replace @container → @media (and then you don’t need to use Baselayer’s container context class).

+

If you would rather use media queries for these utility classes, or if you need to support older (pre-container query) browsers a while longer, this is easy to do: in layout.css simply do a search-and-replace @container → @media (and then you don’t need to use Baselayer’s container context class).

Introduction

Designed as a good place to start, Baselayer may be all you need — for small static websites and blogs. Or you may use it as a baselayer to quick-start your mega project.

diff --git a/docs/layout/index.html b/docs/layout/index.html index 1c6250f..a316676 100644 --- a/docs/layout/index.html +++ b/docs/layout/index.html @@ -435,7 +435,7 @@

Container query powered l
  • lg: (1280px)
    • - Layout classes with sm:, md:, and lg: prefixes do not work unless they are inside of a container. + Layout classes with sm:, md:, and lg: prefixes do not work unless they are inside of a container.

    You can place the container class on e.g.: