survivalkit 1.0.beta.3 → 1.0.beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/CHANGELOG.markdown CHANGED
@@ -1,6 +1,9 @@
1
1
  # Changelog
2
2
 
3
- ## 1.0.beta.3 - August 14, 2012
3
+ ## 1.0.beta.4 - August 20, 2012
4
+ * add dropdown menu mixins
5
+
6
+ ## 1.0.beta.3 - August 19, 2012
4
7
  * update dependencies
5
8
 
6
9
  ## 1.0.beta.2 - August 14, 2012
data/lib/survivalkit.rb CHANGED
@@ -6,7 +6,7 @@ Compass::Frameworks.register("survivalkit", :path => "#{File.dirname(__FILE__)}/
6
6
 
7
7
  module SurvivalKit
8
8
 
9
- VERSION = "1.0.beta.3"
10
- DATE = "2012-08-19"
9
+ VERSION = "1.0.beta.4"
10
+ DATE = "2012-08-20"
11
11
 
12
12
  end
@@ -1,5 +1,6 @@
1
1
  @import "helpers";
2
2
  @import "typography";
3
3
  @import "layout";
4
+ @import "patterns";
4
5
  @import "ui";
5
6
  @import "pseudo";
@@ -0,0 +1,62 @@
1
+ @mixin dropdown-menu($padding: false) {
2
+ padding: 0;
3
+ > li {
4
+ @include inline-block-list-item($padding);
5
+ position: relative;
6
+ &:hover{
7
+ ul {
8
+ display: block;
9
+ }
10
+ }
11
+ }
12
+ ul {
13
+ display: none;
14
+ position: absolute;
15
+ top: 100%;
16
+ left: 0;
17
+ margin-top: 0;
18
+ padding-left: 0;
19
+ padding-right: 0;
20
+ li {
21
+ display: block;
22
+ @if $padding != false {
23
+ padding-left: $padding;
24
+ padding-right: $padding;
25
+ }
26
+ }
27
+ }
28
+ }
29
+
30
+ @mixin pretty-dropdown-menu(
31
+ $padding: false,
32
+ $background: false,
33
+ $background-drop: false,
34
+ $hover-color: false
35
+ ) {
36
+ @include dropdown-menu($padding);
37
+ @if $background != false {
38
+ background: $background;
39
+ }
40
+ > li {
41
+ &:hover {
42
+ @if $background-drop != false {
43
+ background: $background-drop;
44
+ }
45
+ }
46
+ }
47
+ ul {
48
+ @if $background-drop != false {
49
+ background: $background-drop;
50
+ }
51
+ @else {
52
+ @if $background != false {
53
+ background: $background;
54
+ }
55
+ }
56
+ li:hover {
57
+ @if $hover-color != false {
58
+ background: $hover-color;
59
+ }
60
+ }
61
+ }
62
+ }
@@ -1,3 +1,4 @@
1
+
1
2
  <!DOCTYPE html>
2
3
  <!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
3
4
  <!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
@@ -60,7 +61,7 @@
60
61
  </h1>
61
62
  <h2>UI Patterns</h2>
62
63
  </hgroup>
63
-
64
+
64
65
  </header>
65
66
  <nav class='kit-nav'>
66
67
  <ul>
@@ -76,8 +77,9 @@
76
77
  <li>
77
78
  <a href='/survivalkit/elements-ui-patterns-drupal.html'>Drupal UI Patterns</a>
78
79
  </li>
79
- <!-- %li -->
80
- <!-- %a{:href => "/survivalkit/elements-ui-patterns.html"} UI Patterns -->
80
+ <li>
81
+ <a href='/survivalkit/elements-ui-patterns.html'>UI Patterns</a>
82
+ </li>
81
83
  <li>
82
84
  <a href='/survivalkit/styletile/styletile.html'>Style Tile</a>
83
85
  </li>
@@ -87,6 +89,83 @@
87
89
  <div id='main' role='main'>
88
90
  <section class='element-group' id='simple-patterns'>
89
91
  <h1 class='section-title'>Common Patterns</h1>
92
+ <div class='element' id='block'>
93
+ <h2 class='element-title'>Nested Menu</h2>
94
+ <div class='markup'>
95
+ <ul class='nested-menu'>
96
+ <li>
97
+ <a href='/'>Lorem</a>
98
+ <ul>
99
+ <li>
100
+ <a href='/'>consectetuer</a>
101
+ </li>
102
+ <li>
103
+ <a href='/'>adipiscing</a>
104
+ </li>
105
+ <li>
106
+ <a href='/'>elit.</a>
107
+ </li>
108
+ </ul>
109
+ </li>
110
+ <li>
111
+ <a href='/'>ipsum</a>
112
+ <ul>
113
+ <li>
114
+ <a href='/'>consectetuer</a>
115
+ </li>
116
+ <li>
117
+ <a href='/'>adipiscing</a>
118
+ </li>
119
+ <li>
120
+ <a href='/'>elit.</a>
121
+ </li>
122
+ </ul>
123
+ </li>
124
+ <li>
125
+ <a href='/'>dolor</a>
126
+ <ul>
127
+ <li>
128
+ <a href='/'>consectetuer</a>
129
+ </li>
130
+ <li>
131
+ <a href='/'>adipiscing</a>
132
+ </li>
133
+ <li>
134
+ <a href='/'>elit.</a>
135
+ </li>
136
+ </ul>
137
+ </li>
138
+ <li>
139
+ <a href='/'>sit</a>
140
+ <ul>
141
+ <li>
142
+ <a href='/'>consectetuer</a>
143
+ </li>
144
+ <li>
145
+ <a href='/'>adipiscing</a>
146
+ </li>
147
+ <li>
148
+ <a href='/'>elit.</a>
149
+ </li>
150
+ </ul>
151
+ </li>
152
+ <li>
153
+ <a href='/'>amet</a>
154
+ <ul>
155
+ <li>
156
+ <a href='/'>consectetuer</a>
157
+ </li>
158
+ <li>
159
+ <a href='/'>adipiscing</a>
160
+ </li>
161
+ <li>
162
+ <a href='/'>elit.</a>
163
+ </li>
164
+ </ul>
165
+ </li>
166
+ </ul>
167
+ </div>
168
+ </div>
90
169
  <div class='element' id='drupal-messages'>
91
170
  <h2 class='element-title'>Messages</h2>
92
171
  <div class='markup'>
@@ -167,7 +246,7 @@
167
246
  //<![CDATA[
168
247
  // iOS scale bug fix
169
248
  MBP.scaleFix();
170
-
249
+
171
250
  // Respond.js
172
251
  yepnope({
173
252
  test : Modernizr.mq('(only all)'),
metadata CHANGED
@@ -6,8 +6,8 @@ version: !ruby/object:Gem::Version
6
6
  - 1
7
7
  - 0
8
8
  - beta
9
- - 3
10
- version: 1.0.beta.3
9
+ - 4
10
+ version: 1.0.beta.4
11
11
  platform: ruby
12
12
  authors:
13
13
  - Mason Wendell
@@ -15,7 +15,7 @@ autorequire:
15
15
  bindir: bin
16
16
  cert_chain: []
17
17
 
18
- date: 2012-08-19 00:00:00 -04:00
18
+ date: 2012-08-20 00:00:00 -04:00
19
19
  default_executable:
20
20
  dependencies:
21
21
  - !ruby/object:Gem::Dependency
@@ -93,6 +93,7 @@ files:
93
93
  - stylesheets/survivalkit/mixins/_all.scss
94
94
  - stylesheets/survivalkit/mixins/_helpers.scss
95
95
  - stylesheets/survivalkit/mixins/_layout.scss
96
+ - stylesheets/survivalkit/mixins/_patterns.scss
96
97
  - stylesheets/survivalkit/mixins/_pseudo.scss
97
98
  - stylesheets/survivalkit/mixins/_typography.scss
98
99
  - stylesheets/survivalkit/mixins/_ui.scss