(simple-scrollable) Structure stylesheets within bootstrap.

diff --git a/grunt.js b/grunt.js
index a92b187..9b77e3a 100644 (file)
--- a/grunt.js
+++ b/grunt.js
@@ -8,6 +8,7 @@ module.exports = function(grunt) {
 
         'src/javascripts/*.js',
         'src/bootstrap/**/*.{js,less}',
+        'src/stylesheets/**/*.less',
         'src/themes/**/*.less',
 
         'examples/**/*.*',

diff --git a/src/bootstrap/less/bootstrap.less b/src/bootstrap/less/bootstrap.less
index 5c14151..b1d174e 100644 (file)
--- a/src/bootstrap/less/bootstrap.less
+++ b/src/bootstrap/less/bootstrap.less
@@ -17,6 +17,7 @@
 
 // Cowhide additions
 @import "cowhide-item-lists.less";
+@import "cowhide-simple-scrollable.less";
 
 // Grid system and page structure
 @import "scaffolding.less";

diff --git a/src/bootstrap/less/cowhide-simple-scrollable.less b/src/bootstrap/less/cowhide-simple-scrollable.less
new file mode 100644 (file)
index 0000000..3b3a897
--- /dev/null
+++ b/src/bootstrap/less/cowhide-simple-scrollable.less
@@ -0,0 +1,24 @@
+.ch-simple-scrollable {
+    height: 100%;
+    overflow-y: hidden;
+
+    .ch-simple-scrollable-content {
+        padding-top: 40px;
+        padding-bottom: 40px;
+        height: 100%;
+        overflow-y: hidden;
+    }
+
+    .ch-simple-scrollable-up,
+    .ch-simple-scrollable-dn {
+        width: 100%;
+        height: 28px;
+        text-align: center;
+        padding-top: 12px;
+    }
+
+    .ch-simple-scrollable-up {
+        position: absolute;
+        top: 0;
+    }
+}

diff --git a/src/themes/default/simple-scrollable.less b/src/themes/default/simple-scrollable.less
index 2599ca1..9e9be69 100644 (file)
--- a/src/themes/default/simple-scrollable.less
+++ b/src/themes/default/simple-scrollable.less
@@ -1,27 +1,15 @@
 .ch-simple-scrollable {
-    height: 100%;
-    overflow-y: hidden;
-
-    .ch-simple-scrollable-content {
-        padding-top: 40px;
-        padding-bottom: 40px;
-        height: 100%;
-        overflow-y: hidden;
-    }
-
     .ch-simple-scrollable-up,
     .ch-simple-scrollable-dn {
-        width: 100%;
-        height: 28px;
-        text-align: center;
         background-color: #ddd;
-        padding-top: 12px;
+
+        a:hover, a:active {
+            background-color: #e4e4e4;
+        }
     }
 
     .ch-simple-scrollable-up {
         border-bottom: 1px solid #aaa;
-        position: absolute;
-        top: 0;
     }
 
     .ch-simple-scrollable-dn {