智慧物流>> lite.css>> 返回
项目作者： jackyzha0

项目描述 ：
a dead-simple just-add-water css library
高级语言： HTML
项目地址: git://github.com/jackyzha0/lite.css.git
创建时间： 2020-02-11T00:30:06Z
项目社区：https://github.com/jackyzha0/lite.css
开源协议：
下载


💡 lite.css

A <2kB just-add-water CSS library.

Tired of huge CSS bundles? Want something lightweight enough that will barely dent your page-load times? you came to the right place! lite.css is a grand total of ~1.77kB minified, meaning it will barely impact your page load time, while still coming with the standard HTML elements that you need.

Examples

I use lite.css on my personal website. See more example usages on the project page.

How do I use it?

You can use lite.css in your project by adding the stylesheet to the <head> of your page:

  1. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jackyzha0/lite.css@latest/src/lite.min.css"/>

Theming

By default, lite.css comes with a few colours (that I think look pretty spicy).

  • #fbfffe --lt-colours-light: #fbfffe
  • #f0f0f0 --lt-colours-lightgray: #f0f0f0
  • #284b63 --lt-colours-dark: #284b63
  • #84a59d --lt-colours-secondary: #84a59d

If you happen to not like them, you can override these in your own CSS:

  1. :root {
  2.   --lt-colours-light: #<some new colour> !important;
  3.   --lt-colours-lightgray: #<some new colour> !important;
  4. }