Skip to content

Commit

Permalink
demo: Don't show specific theme names.
Browse files Browse the repository at this point in the history
We don't think theme names like 'cocoa', 'fluent', and 'material' can be
standardized.

#20
  • Loading branch information
tkent-google committed Jun 18, 2019
1 parent ecf3e15 commit 3418f78
Showing 1 changed file with 14 additions and 16 deletions.
30 changes: 14 additions & 16 deletions demo.html
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,18 @@ <h3>Customization</h3>
<div><label>Text on track: <std-switch id="tot"></std-switch></label></div>
<input type=submit>
</form>
<div style="--std-control-theme: material">
<std-switch></std-switch><std-switch on></std-switch>
</div>

<div style="--std-control-theme: cocoa">
<std-switch></std-switch><std-switch on></std-switch>
</div>

<div style="--std-control-theme: fluent">
<std-switch></std-switch><std-switch on></std-switch>
</div>

</div>

<div dir=rtl class=container>
Expand All @@ -93,26 +105,12 @@ <h3>Customization</h3>
</div>

<div class=container style="--std-control-theme: match-platform">
<p><code>--std-control-theme: match-platform</code></p>
<p>An example of <code>--std-control-theme: match-platform</code> behavior.
Browsers may apply OS-specific or browser-specific appearance.</p>
<p id="platform-message">navigator.platform: ...</p>
<std-switch></std-switch><std-switch on></std-switch>
</div>

<div class=container style="--std-control-theme: material">
<p><code>--std-control-theme: material</code></p>
<std-switch></std-switch><std-switch on></std-switch>
</div>

<div class=container style="--std-control-theme: cocoa">
<p><code>--std-control-theme: cocoa</code></p>
<std-switch></std-switch><std-switch on></std-switch>
</div>

<div class=container style="--std-control-theme: fluent">
<p><code>--std-control-theme: fluent</code></p>
<std-switch></std-switch><std-switch on></std-switch>
</div>


<pre></pre>
<script>
Expand Down

0 comments on commit 3418f78

Please sign in to comment.