diff --git a/index.html b/index.html index 63db32cb9..838b52447 100644 --- a/index.html +++ b/index.html @@ -25,12 +25,13 @@
- Shoelace.css is a starter kit, not a framework. Think of it as a CSS reset sprinkled with - helpful components. Bootstrap users will find it familiar, yet refreshing. + Shoelace.css is a lightweight, forward-thinking CSS library built with future CSS syntax. + It’s easy to use and highly customizable. Bootstrap users will find it familiar, yet + refreshing.
- You can use Shoelace with just about every browser. The CDN version is great for + You can use Shoelace with just about any browser. The CDN version is great for prototyping, but to take advantage of all its features you should build Shoelace from source.
@@ -40,15 +41,15 @@:root {
- /* Use CSS variables */
+ /* CSS variables */
--state-primary: #09d;
- /* Use color functions instead of hard-coding values */
+ /* Color functions */
--alert-bg-color: color(var(--state-primary) tint(75%));
--alert-color: color(var(--state-primary) lightness(25%));
}
-/* Nest selectors for better legibility */
+/* Nested selectors */
.alert {
background-color: var(--alert-bg-color);
color: var(--alert-color);