Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Namespace styleguide elements

  • Loading branch information...
commit c6f6d0708ffed190c7f389b6e3da1705fe3cb6a7 1 parent b7ecb1d
authored May 07, 2012
121  app/assets/stylesheets/kss.css.sass
@@ -14,84 +14,68 @@ $link-hover-color:  lighten($blue, 10%)
14 14
 
15 15
 // Global
16 16
 // ---------------
17  
-*
18  
-  padding: 0
19  
-  margin: 0
  17
+
  18
+html, body
  19
+  height: 100%
20 20
 
21 21
 body
22 22
   font-family: Helvetica, Arial, sans-serif
23 23
   font-size: 13px
24 24
 
25  
-a
26  
-  outline: none
27  
-  color: $link-color
28  
-  text-decoration: none
29  
-  img
30  
-    border: none
31  
-  &:hover
32  
-    color: $link-hover-color
33  
-    text-decoration: underline
34  
-
35  
-h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address
36  
-  margin: 1em 0
37  
-
38  
-li, dd
39  
-  margin-left: 5%
40  
-
41  
-fieldset
42  
-  padding: .5em
43  
-
44  
-pre
45  
-  padding: 10px
46  
-  border: 1px solid $light-grey
47  
-  line-height: 1.2em
48  
-  color: $dark-grey
49  
-  background-color: $white-grey
50  
-
51  
-select option
52  
-  padding: 0 5px
53  
-
54  
-.access
55  
-  display: none
56  
-
57  
-.clear
58  
-  clear: both
59  
-  height: 0
60  
-  font-size: 0
61  
-  line-height: 0
62  
-  overflow: hidden
63  
-
64  
-.clearfix:after
65  
-  content: "."
66  
-  display: block
67  
-  height: 0
68  
-  clear: both
69  
-  visibility: hidden
70  
-
71  
-* html .clearfix
72  
-  height: 1%
73  
-
74  
-.clearfix
75  
-  display: inline-block
76  
-  display: block
77  
-
  25
+#styleguide  
  26
+  a
  27
+    outline: none
  28
+    color: $link-color
  29
+    text-decoration: none
  30
+    img
  31
+      border: none
  32
+    &:hover
  33
+      color: $link-hover-color
  34
+      text-decoration: underline
  35
+
  36
+  pre
  37
+    padding: 10px
  38
+    border: 1px solid $light-grey
  39
+    margin: 10px 0
  40
+    line-height: 1.2em
  41
+    color: $dark-grey
  42
+    background-color: $white-grey
  43
+
  44
+  .clear
  45
+    clear: both
  46
+    height: 0
  47
+    font-size: 0
  48
+    line-height: 0
  49
+    overflow: hidden
  50
+
  51
+  .clearfix
  52
+    display: inline-block
  53
+    height: 1%
  54
+    &:after
  55
+      content: "."
  56
+      display: block
  57
+      height: 0
  58
+      clear: both
  59
+      visibility: hidden
  60
+
  61
+  .access
  62
+    display: none
78 63
 
79 64
 // Layout
80 65
 // ---------------
81  
-header
  66
+#styleguide
  67
+  height: 100%
  68
+  padding: 30px 20%
  69
+  background: white
  70
+
  71
+#styleguide-header
82 72
   padding: 10px 20%
83  
-  margin-bottom: 30px
84 73
   font-size: 16px
85 74
   color: #666
86 75
   background: #f1f1f1
87 76
   border-bottom: 1px solid #ddd
88 77
 
89  
-#wrapper
90  
-  padding:
91  
-    left: 20%
92  
-    right: 20%
93  
-
94  
-#sections
  78
+#styleguide-sections
95 79
   float: left
96 80
   width: 10%
97 81
   margin:
@@ -112,12 +96,12 @@ header
112 96
       color: black
113 97
       font-weight: bold
114 98
 
115  
-div[role=main]
  99
+#styleguide-content
116 100
   float: left
117 101
   width: 85%
118 102
 
119 103
 
120  
-// Styleguide Elements
  104
+// Elements
121 105
 //----------------------
122 106
 h1.styleguide
123 107
   margin: 0 0 -5px 0
@@ -182,7 +166,7 @@ h1.styleguide
182 166
   .highlight
183 167
     background: none
184 168
 
185  
-ul.styleguide-modifiers
  169
+.styleguide-modifiers
186 170
   margin: 0 0 0 10px
187 171
   li
188 172
     list-style-type: none
@@ -193,4 +177,7 @@ ul.styleguide-modifiers
193 177
       font-weight: normal
194 178
       color: #222
195 179
 
  180
+ul.styleguide-modifier
  181
+  padding-left: 20px
  182
+
196 183
 //= require application
8  lib/generators/templates/application.html.haml
@@ -8,15 +8,15 @@
8 8
     %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}
9 9
   %body
10 10
     
11  
-    %header
  11
+    %header#styleguide-header
12 12
       Styleguide
13 13
     
14  
-    #wrapper
15  
-      %nav#sections
  14
+    #styleguide
  15
+      %nav#styleguide-sections
16 16
         %ol{start: '0'}
17 17
           - @sections.each do |section, title|
18 18
             %li= link_to title, {controller: :home,  action: section}, class: params[:action] == "#{section}" ? 'selected' : ''
19  
-      %div{role: 'main'}
  19
+      #styleguide-content
20 20
         = yield
21 21
 
22 22
     = javascript_include_tag 'kss'

0 notes on commit c6f6d07

Please sign in to comment.
Something went wrong with that request. Please try again.