From 3ab3a9d09955772ec56ddadbba49954b4edd6a3e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 6 Nov 2018 18:52:37 +0800 Subject: Update the Docs completely --- docs/experimentals/timelines.html | 298 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 298 insertions(+) create mode 100644 docs/experimentals/timelines.html (limited to 'docs/experimentals/timelines.html') diff --git a/docs/experimentals/timelines.html b/docs/experimentals/timelines.html new file mode 100644 index 0000000..929c9a2 --- /dev/null +++ b/docs/experimentals/timelines.html @@ -0,0 +1,298 @@ + + + + Timelines - Experimentals - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Timelines

+
+
+ + + +
+
+ + +
+
+

Timelines are ordered sequences of activities.

+
+
+
+
+
+
+
+
+

March 2016

+

Initial commit

+
+
+
+
+
+
+
+
+
+

February 2017

+

New Documents experience

+

Bars: represent the progress of a task

+

Steps: progress indicators of a sequence of task steps

+

Tiles: repeatable or embeddable information blocks

+
+
+ +
+
+
+
+
+
+
+
+
+

March 2017

+

Icons: single-element, responsive and pure CSS icons

+

Popovers: small overlay content containers

+

Calendars: date or date range picker and events display

+

Carousels: slideshows for cycling images

+
+
+ +
+
+
+
+
+
+
+ 
<div class="timeline">
+  <div class="timeline-item" id="timeline-example-1">
+    <div class="timeline-left">
+      <a class="timeline-icon" href="#timeline-example-1"></a>
+    </div>
+    <div class="timeline-content">
+      <!-- tiles structure -->
+    </div>
+  </div>
+
+  <div class="timeline-item" id="timeline-example-2">
+    <div class="timeline-left">
+      <a class="timeline-icon icon-lg" href="#timeline-example-2">
+        <i class="icon icon-check"></i>
+      </a>
+    </div>
+    <div class="timeline-content">
+      <!-- tiles structure -->
+    </div>
+  </div>
+  ...
+</div>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d