Sha256: f5a45e820a21e8b43e41d9033a2e55fe166ef78f39f9552be308bbb9279edb00
Contents?: true
Size: 1.63 KB
Versions: 17
Compression:
Stored size: 1.63 KB
Contents
@import compass/utilities/general/float.sass
@import blueprint/buttons.sass
//
Use the following HTML code to place the buttons on your site:
<button type="submit" class="button positive">
<img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
</button>
<a class="button" href="/password/reset/">
<img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
</a>
<a href="#" class="button negative">
<img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
</a>
a.button
// you can pass "left" or "right" to +anchor-button to float it in that direction
// or you can pass no argument to leave it inline-block (cross browser safe!) within
// the flow of your page.
+anchor-button("left")
// All the button color mixins take 4 optional arguments:
// font color, background color, border color, border highlight color
// the first three default to constants set in blueprint/buttons.sass
// the last one defaults to a shade lighter than the border color.
+button-colors
+button-hover-colors
+button-active-colors
button
// The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
+button-button("left")
+button-colors
+button-hover-colors
+button-active-colors
// We can change the colors for buttons of certain classes, etc.
a.positive, button.positive
:color #529214
+button-hover-colors(#529214, #E6EFC2, #C6D880)
+button-active-colors(#FFF, #529214, #529214)
a.negative, button.negative
:color #D12F19
+button-hover-colors(#D12F19, #FBE3E4, #FBC2C4)
+button-active-colors(#FFF, #D12F19, #D12F19)
Version data entries
17 entries across 16 versions & 3 rubygems