From ab9cef9406463dfe9b7bf58af820ca0c3fcaf3e1 Mon Sep 17 00:00:00 2001 From: "D. Bohdan" Date: Tue, 6 Feb 2024 10:27:42 +0000 Subject: [PATCH] Picnic: add HTML structure warning Closes #37. --- README.md | 2 ++ data/projects.toml | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 9e81711..fdb6f2e 100644 --- a/README.md +++ b/README.md @@ -411,6 +411,8 @@ These are frameworks that do not force you to apply their classes to many elemen ### Picnic CSS +Caution: Picnic CSS requires specific HTML structure to display certain elements. For example, it hides vanilla checkboxes and radio buttons. The structure serves as the effective class of the element. This means an existing project will have to modify its HTML markup for, e.g., every checkbox and radio button to start using Picnic. + * [Repository](https://github.com/franciscop/picnic) ![GitHub stars](https://img.shields.io/github/stars/franciscop/picnic?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/franciscop/picnic?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/franciscop/picnic?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/franciscop/picnic?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/franciscop/picnic?style=flat-square) * [Demo](http://picnicss.com/) diff --git a/data/projects.toml b/data/projects.toml index 7c4b2d7..074347c 100644 --- a/data/projects.toml +++ b/data/projects.toml @@ -351,7 +351,7 @@ tags = ["class-light"] ["Picnic CSS"] demo = "http://picnicss.com/" github = "franciscop/picnic" -note = "" +note = "Caution: Picnic CSS requires specific HTML structure to display certain elements. For example, it hides vanilla checkboxes and radio buttons. The structure serves as the effective class of the element. This means an existing project will have to modify its HTML markup for, e.g., every checkbox and radio button to start using Picnic." website = "" screenshots = ["picnic.png"] tags = ["class-light"]