Skip to content

A stylesheet that makes native HTML elements look like they came from the GNOME desktop

License

Notifications You must be signed in to change notification settings

rickbot-dot/adwaita.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Adwaita.CSS: libadwaita for web applications

TL;DR: This stylesheet mimics latest Adwaita (libadwaita style). See the live demo to see results.

A stylesheet that makes native HTML elements look like they came straight from the GNOME desktop.

Adwaita.CSS Live Demo Adwaita.CSS Live Demo

Bug reports/missing elements/etc

Install

Release

See Releases for instructions.

It is recommended to use the latest stable version.

Development

Add the following to your HTML <head>:

<link rel="stylesheet" href="https://raw.githubusercontent.com/TylerMS887/adwaita.css/main/adwaita.css">

A minimal (single line) version is also available:

<link rel="stylesheet" href="https://raw.githubusercontent.com/TylerMS887/adwaita.css/main/adwaita.min.css">

This imports the current work on Adwaita.CSS. It is not recommended to deploy your website while targeting the main branch instead of a release.

Classes

Adwaita.CSS requires some classes to style select elements. These classes are used by the stylesheet.

  • checkmark: This is used by the style to indicate checkboxes. See the code in index.html for an example.