Applying SuperflyCSS Naming Conventions During Component Design

Image by Thanks for your Like • donations welcome from Pixabay

Scenario

We are designing a TopicMeta CSS component and we need guidance on how to apply SuperflyCSS naming conventions.

Approach

This is our markup:

Notice that descendants like TopicMeta_author can be nested within other descendants like TopicMeta_contentContainer .

Brought to You By

--

--

--

Founder of Firefly Semantics Corporation

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Cinemagraph and Live Photos: What is What?

Shopify for Developers — the good, the bad and the ugly

Experiments, Practices, and Strategies for being a Remote Scrum Master

Deciding The Development Cost For The E-Scooter Application

A Quick Comparison Of The Two High-Level Frameworks For Deep Learning

Designing and building a brilliant API

Business Apps development guide with Low coding — Part 3 — UI

Futuristic UI from Star Wars film.

How to Write for Dev Life Digital

Picture of the Dev Life Digital logo.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ole Ersoy

Ole Ersoy

Founder of Firefly Semantics Corporation

More from Medium

Dials: Upgrading HTML / CSS Card Components with Time Dials using JS

UI Design vs UI Development?

CSS Trick: horizontal scrolling lists on mobile devices

Get IntelliSense for your SVG icons library using Typescript