Lists

These classes allows you to apply list lnfs to any ul, ol, dl, etc...

Platform  
css
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Dl lnf default

  • District Markets Executive Miss Julius Hand
  • Chief Applications Analyst Marlene Stamm
  • Customer Operations Specialist Stewart Satterfield
 

Loading code example. Please wait...

Ul lnf

  • Corporate Brand Associate Angel Brekke
  • Corporate Tactics Technician Mr. Alex Feeney
  • Product Division Coordinator Becky Cartwright II
 

Loading code example. Please wait...

Ol lnf

  • Dynamic Accountability Administrator Adam Lesch
  • Senior Accounts Strategist Rickey Krajcik
  • Direct Integration Engineer Ms. Johanna McKenzie
 

Loading code example. Please wait...

Icon lnf

  • Corporate Accounts Director Muriel Crist IV
  • Customer Usability Architect Mack Considine
  • Direct Accountability Engineer Kristina Kautzer
 

Loading code example. Please wait...

RTL Support

  • Human Program Technician Darla Beer IV
  • Human Infrastructure Developer Francis Maggio
  • International Communications Technician Oscar Smitham
  • Direct Assurance Facilitator Mrs. Shannon Gibson
  • Internal Branding Orchestrator Mr. Ernestine Fritsch
  • Direct Research Coordinator Kerry Kautzer
 

Loading code example. Please wait...

Colors (none-exhaustive)

  • Senior Paradigm Planner Hubert Hauck
  • International Data Developer Dominick Beatty
  • Investor Brand Planner Sadie Treutel
 

Loading code example. Please wait...

  Features

  • Support for vertical rhythm through the s-rhythm:vertical class

  • Support for text formatting through the s-format:text class

  • Support for scaling through the s-scale:... class

  • Support for colorizing through the s-color:... class

  Install

  CSS Classes

  1. s-list

    Apply the dl list lnf

  2. s-list:ul

    Apply the ul list lnf

  3. s-list:ol

    Apply the ol list lnf

  4. s-list:icon

    Apply the icon list lnf

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on