javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 07:41:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

colour name changes

Browse Source
This commit is contained in:
Adam Bradley
2013-11-12 13:40:29 -06:00
parent 6fa24cbf5a
commit b3966d87e0
13 changed files with 221 additions and 481 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
test/button-bar.html
View File

@ -96,7 +96,7 @@
</p>
<p>
<div class="button-bar bar-pure">
<div class="button-bar bar-light">
<a class="button">One</a>
<a class="button">Two</a>
<a class="button">Three</a>
@ -104,7 +104,7 @@
</p>
<p>
<div class="button-bar bar-subdued-light">
<div class="button-bar bar-light-light">
<a class="button">One</a>
<a class="button">Two</a>
<a class="button">Three</a>
@ -112,7 +112,7 @@
</p>
<p>
<div class="button-bar bar-subdued">
<div class="button-bar bar-light">
<a class="button">One</a>
<a class="button">Two</a>
<a class="button">Three</a>
@ -120,7 +120,7 @@
</p>
<p>
<div class="button-bar bar-subdued-dark">
<div class="button-bar bar-light-dark">
<a class="button">One</a>
<a class="button">Two</a>
<a class="button">Three</a>

6
test/buttons.html
View File

@ -152,10 +152,8 @@
<a class="button block button-balanced">.button-balanced</a>
<a class="button block button-energized">.button-energized</a>
<a class="button block button-royal">.button-royal</a>
<a class="button block button-pure">.button-pure</a>
<a class="button block button-subdued-light">.button-subdued-light</a>
<a class="button block button-subdued">.button-subdued</a>
<a class="button block button-subdued-dark">.button-subdued-dark</a>
<a class="button block button-light">.button-light</a>
<a class="button block button-stable">.button-stable</a>
<a class="button block button-dark">.button-dark</a>
</p>

36
test/colors.html
View File

@ -12,6 +12,8 @@
width: 20px;
height: 20px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
}
</style>
</head>
@ -26,47 +28,39 @@
<ul class="list color-list-demo">
<li class="item positive">
positive
<span class="color-demo positive-bg"></span>
<span class="color-demo positive-bg positive-border"></span>
</li>
<li class="item calm">
calm
<span class="color-demo calm-bg"></span>
<span class="color-demo calm-bg calm-border"></span>
</li>
<li class="item assertive">
assertive
<span class="color-demo assertive-bg"></span>
<span class="color-demo assertive-bg assertive-border"></span>
</li>
<li class="item balanced">
balanced
<span class="color-demo balanced-bg"></span>
<span class="color-demo balanced-bg balanced-border"></span>
</li>
<li class="item energized">
energized
<span class="color-demo energized-bg"></span>
<span class="color-demo energized-bg energized-border"></span>
</li>
<li class="item royal">
royal
<span class="color-demo royal-bg"></span>
<span class="color-demo royal-bg royal-border"></span>
</li>
<li class="item pure dark-bg">
pure
<span class="color-demo pure-bg"></span>
<li class="item dark">
light
<span class="color-demo light-bg light-border"></span>
</li>
<li class="item subdued-light dark-bg">
subdued-light
<span class="color-demo subdued-light-bg"></span>
</li>
<li class="item subdued">
subdued
<span class="color-demo subdued-bg"></span>
</li>
<li class="item subdued-dark">
subdued-dark
<span class="color-demo subdued-dark-bg"></span>
<li class="item dark">
stable
<span class="color-demo stable-bg stable-border"></span>
</li>
<li class="item dark">
dark
<span class="color-demo dark-bg"></span>
<span class="color-demo dark-bg dark-border"></span>
</li>
</ul>