aboutsummaryrefslogtreecommitdiffstats
path: root/tests/fixtures/scss/buttons.scss
diff options
context:
space:
mode:
authorSean Brant2013-03-09 15:57:26 -0600
committerSean Brant2013-03-09 15:57:26 -0600
commitfa90f078e5de5a1acbd9eda529db17ab1b2b4cb3 (patch)
tree7d3014b692f53e5272c52a7f87c66f5aa9908b44 /tests/fixtures/scss/buttons.scss
downloadpykss-fa90f078e5de5a1acbd9eda529db17ab1b2b4cb3.tar.bz2
Initial Import
Diffstat (limited to 'tests/fixtures/scss/buttons.scss')
-rw-r--r--tests/fixtures/scss/buttons.scss47
1 files changed, 47 insertions, 0 deletions
diff --git a/tests/fixtures/scss/buttons.scss b/tests/fixtures/scss/buttons.scss
new file mode 100644
index 0000000..efa3bb1
--- /dev/null
+++ b/tests/fixtures/scss/buttons.scss
@@ -0,0 +1,47 @@
+// Your standard form button.
+//
+// :hover - Highlights when hovering.
+// :disabled - Dims the button when disabled.
+// .primary - Indicates button is the primary action.
+// .smaller - A little bit smaller now.
+//
+// Styleguide 2.1.1.
+button{
+ padding:5px 15px;
+
+ &.primary, &.primary:hover{
+ color:#fff;
+ }
+
+ &.smaller{
+ font-size:11px;
+ }
+
+ &:hover{
+ color:#337797;
+ }
+
+ &:disabled{
+ opacity:0.5;
+ }
+}
+
+// A button suitable for giving stars to someone.
+//
+// .star-given - A highlight indicating you've already given a star.
+// .disabled - Dims the button to indicate it cannot be used.
+//
+// Styleguide 2.2.1.
+a.button.star{
+ display:inline-block;
+
+ .star{ font-size:10px; }
+
+ &.star-given{
+ color:#ae7e00;
+ }
+
+ &.disabled{
+ opacity:0.5;
+ }
+} \ No newline at end of file