Updated CSS examples to match semantic HTML

icicle · Jul 7, 2010 · 73d4405 · 73d4405
1 parent 2a80334
commit 73d4405
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/examples/pagination.css b/examples/pagination.css
@@ -1,15 +1,15 @@
 .digg_pagination {
   background: white;
   /* self-clearing method: */ }
-  .digg_pagination a, .digg_pagination span {
+  .digg_pagination a, .digg_pagination span, .digg_pagination em {
     padding: .2em .5em;
     display: block;
     float: left;
     margin-right: 1px; }
   .digg_pagination span.disabled {
     color: #999;
     border: 1px solid #DDD; }
-  .digg_pagination span.current {
+  .digg_pagination em {
     font-weight: bold;
     background: #2E6AB1;
     color: white;
@@ -48,11 +48,11 @@
   border: 1px solid #E5E5E5;
   text-align: center;
   padding: 1em; }
-  .apple_pagination a, .apple_pagination span {
+  .apple_pagination a, .apple_pagination span, .digg_pagination em {
     padding: .2em .3em; }
   .apple_pagination span.disabled {
     color: #AAA; }
-  .apple_pagination span.current {
+  .apple_pagination em {
     font-weight: bold;
     background: transparent url(apple-circle.gif) no-repeat 50% 50%; }
   .apple_pagination a {
@@ -64,11 +64,11 @@
 .flickr_pagination {
   text-align: center;
   padding: .3em; }
-  .flickr_pagination a, .flickr_pagination span {
+  .flickr_pagination a, .flickr_pagination span, .digg_pagination em {
     padding: .2em .5em; }
   .flickr_pagination span.disabled {
     color: #AAA; }
-  .flickr_pagination span.current {
+  .flickr_pagination em {
     font-weight: bold;
     color: #FF0084; }
   .flickr_pagination a {
@@ -88,3 +88,4 @@
     margin-right: 1em; }
   .flickr_pagination .next_page {
     margin-left: 1em; }
+
diff --git a/examples/pagination.sass b/examples/pagination.sass
@@ -1,14 +1,14 @@
 .digg_pagination
   :background white
-  a, span
+  a, span, em
     :padding .2em .5em
     :display block
     :float left
     :margin-right 1px
   span.disabled
     :color #999
     :border 1px solid #DDD
-  span.current
+  em
     :font-weight bold
     :background #2E6AB1
     :color white
@@ -49,11 +49,11 @@
   :border 1px solid #E5E5E5
   :text-align center
   :padding 1em
-  a, span
+  a, span, em
     :padding .2em .3em
   span.disabled
     :color #AAA
-  span.current
+  em
     :font-weight bold
     :background transparent url(apple-circle.gif) no-repeat 50% 50%
   a
@@ -65,11 +65,11 @@
 .flickr_pagination
   :text-align center
   :padding .3em
-  a, span
+  a, span, em
     :padding .2em .5em
   span.disabled
     :color #AAA
-  span.current
+  em
     :font-weight bold
     :color #FF0084
   a