From 8cb28b3707c097f616b4b2967f811301922e846e Mon Sep 17 00:00:00 2001 From: Lucas Larroche Date: Sat, 24 Jul 2021 11:56:46 +0700 Subject: [PATCH] Horizontal Ellipsis --- docs/index.html | 68 ++++++++++++++++++++++++------------------------- 1 file changed, 34 insertions(+), 34 deletions(-) diff --git a/docs/index.html b/docs/index.html index eaee80ea..3342964f 100644 --- a/docs/index.html +++ b/docs/index.html @@ -143,7 +143,7 @@

The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled prefers-color-scheme: dark

- +

Themes can be forced on document level <html data-theme="light"> or on any HTML element <article data-theme="dark">

@@ -155,7 +155,7 @@ 
<article data-theme="light">
-  ...
+  …
 </article>
@@ -168,7 +168,7 @@ 
<article data-theme="dark">
-  ...
+  …
 </article>
@@ -200,7 +200,7 @@ 
// Simplified example
 :root {
-  --primary: ...;
+  --primary: …;
 }
@@ -213,30 +213,30 @@ /* Can be forced with data-theme="light" */ [data-theme="light"], :root:not([data-theme="dark"]) { - --primary: ...; - --primary-hover: ...; - --primary-focus: ...; - --primary-inverse: ...; + --primary: …; + --primary-hover: …; + --primary-focus: …; + --primary-inverse: …; } /* Dark scheme (Auto) */ /* Automatically enabled if user has Dark mode enabled */ @media only screen and (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { - --primary: ...; - --primary-hover: ...; - --primary-focus: ...; - --primary-inverse: ...; + --primary: …; + --primary-hover: …; + --primary-focus: …; + --primary-inverse: …; } } /* Dark scheme (Forced) */ /* Enabled if forced with data-theme="dark" */ [data-theme="dark"] { - --primary: ...; - --primary-hover: ...; - --primary-focus: ...; - --primary-inverse: ...; + --primary: …; + --primary-hover: …; + --primary-focus: …; + --primary-inverse: …; } /* (Common styles) */ @@ -256,9 +256,9 @@ 
/* Custom  version */
 
 // Override default variables
-$primary-500: ...;
-$primary-600: ...;
-$primary-700: ...;
+$primary-500: …;
+$primary-600: …;
+$primary-700: …;
 
 // Import full Pico source code
 @import "path/pico";
@@ -273,7 +273,7 @@ // Import needed components @import "path/layout/document"; @import "path/layout/sectioning"; -... +…

This allows you to create a lighter version with only the components that are useful to you. Example here: scss/pico.slim.scss.

@@ -462,7 +462,7 @@ 
<figure>
   <table>
-    ...
+    …
   </table>
 </figure>
@@ -755,7 +755,7 @@