Permalink
Browse files

Use plain old CSS for the example for clarity

  • Loading branch information...
1 parent 50ae970 commit 36fe188a86cfa6ec5177fbd09887801a0beef08a @kneath committed Dec 6, 2011
Showing with 17 additions and 17 deletions.
  1. +17 −17 README.md
View
@@ -9,25 +9,25 @@ Inspired by [TomDoc](http://tomdoc.org), KSS attempts to provide a methodology f
The methodology and ideas behind Knyle Style Sheets are contained in [SPEC.md](https://github.com/kneath/kss/blob/master/SPEC.md). At it's core, KSS is a documenting syntax for CSS.
-```scss
-// 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; }
+```css
+/*
+A button suitable for giving stars to someone.
- &.star-given{
- color:#ae7e00;
- }
+:hover - Subtle hover highlight.
+.stars-given - A highlight indicating you've already given a star.
+.stars-given:hover - Subtle hover highlight on top of stars-given styling.
+.disabled - Dims the button to indicate it cannot be used.
- &.disabled{
- opacity:0.5;
- }
+Styleguide 2.1.3.
+*/
+a.button.star{
+ ...
+}
+a.button.star.stars-given{
+ ...
+}
+a.button.star.disabled{
+ ...
}
```

0 comments on commit 36fe188

Please sign in to comment.