Difference between revisions of "Web Elements"


(Elements)
 
(119 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[template:HelpBar]]
+
__NOTOC__
 +
===Test Objects===
 +
* [[Testing]]
 +
* [[Mainpage-Sandbox]]
  
<html>
+
<hr class="stylish2">
<div class="">
 
<div class=""><i class="fa fa-file-pdf-o" aria-hidden="true"></i></div>
 
<div class=""><span class="is-small tk-futura-pt">spectre-docs.pdf</span></div>
 
<div class=""><span class="is-small tk-futura-pt">14MB Public 1 Jan, 2017</span></div>
 
</div>
 
  
<div class="tile tile-centered">
+
===Elements===
  <div class="tile-icon">
+
* [[Dashboard]]
    <div class="example-tile-icon">
+
* [[Web Element: Article]]
      <i class="icon icon-file centered"></i>
+
* [[Web Element: Blog Post List Item]]
    </div>
+
* [[Web Element: Dashboard Box]]
  </div>
+
* [[Web Element: Data]]
  <div class="tile-content">
+
* [[Web Element: Download Box]]
    <div class="tile-title">Filename: spectre-docs.pdf</div>
+
* [[Web Element: Google Chart]]
    <small class="tile-subtitle text-gray">14MB · Public · 1 Jan, 2017</small>
+
* [[Web Element: Image]]
  </div>
+
* [[Web Element: Margin Note]]
  <div class="tile-action">
+
* [[Web Element: Math]]
    <button class="btn btn-link">
+
* [[Web Element: People Info]]
      <i class="icon icon-more-vert"></i>
+
* [[Web Element: Research Box]]
    </button>
+
* [[Web Element: Section]]
  </div>
+
* [[Web Element: Syntax Highlight]]
</div>
+
* [[Web element: Table]]
</html>
+
* [[Web Element: Timeline]]
 +
* [[Web Element: Typography]]
 +
* [[Web Element: Map]]
 +
* [[Web Element: Vega Lite]]
 +
* [[Web Element: D3.js]]
 +
 
 +
<hr class="stylish2">
 +
 
 +
===The Color===
 +
 
 +
* .is-my-red {color: #bf360c;} <span class="is-my-red">SAMPLE</span>
 +
* .is-your-red {color: #870000;} <span class="is-your-red">SAMPLE</span>
 +
* For more: [https://material.io/tools/color/#!/?view.left=1&view.right=0&primary.color=BF360C Google Colors]

Latest revision as of 06:38, 12 November 2020