@webinaut/purecss-scss 1.0.1

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.
@@ -0,0 +1,140 @@
1
+ /*!
2
+ Pure v3.0.0
3
+ Copyright 2013 Yahoo!
4
+ Licensed under the BSD License.
5
+ https://github.com/pure-css/pure/blob/master/LICENSE
6
+ */
7
+ /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
8
+
9
+ .pure-g {
10
+ display: flex;
11
+ flex-flow: row wrap;
12
+
13
+ /* Prevents distributing space between rows */
14
+ align-content: flex-start;
15
+ }
16
+
17
+ .pure-u {
18
+ display: inline-block;
19
+ vertical-align: top;
20
+ }
21
+
22
+ .pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
23
+ display: inline-block;
24
+ letter-spacing: normal;
25
+ word-spacing: normal;
26
+ vertical-align: top;
27
+ text-rendering: auto;
28
+ }
29
+
30
+ .pure-u-1-24 {
31
+ width: 4.1667%;
32
+ }
33
+
34
+ .pure-u-1-12, .pure-u-2-24 {
35
+ width: 8.3333%;
36
+ }
37
+
38
+ .pure-u-1-8, .pure-u-3-24 {
39
+ width: 12.5000%;
40
+ }
41
+
42
+ .pure-u-1-6, .pure-u-4-24 {
43
+ width: 16.6667%;
44
+ }
45
+
46
+ .pure-u-1-5 {
47
+ width: 20%;
48
+ }
49
+
50
+ .pure-u-5-24 {
51
+ width: 20.8333%;
52
+ }
53
+
54
+ .pure-u-1-4, .pure-u-6-24 {
55
+ width: 25%;
56
+ }
57
+
58
+ .pure-u-7-24 {
59
+ width: 29.1667%;
60
+ }
61
+
62
+ .pure-u-1-3, .pure-u-8-24 {
63
+ width: 33.3333%;
64
+ }
65
+
66
+ .pure-u-3-8, .pure-u-9-24 {
67
+ width: 37.5000%;
68
+ }
69
+
70
+ .pure-u-2-5 {
71
+ width: 40%;
72
+ }
73
+
74
+ .pure-u-5-12, .pure-u-10-24 {
75
+ width: 41.6667%;
76
+ }
77
+
78
+ .pure-u-11-24 {
79
+ width: 45.8333%;
80
+ }
81
+
82
+ .pure-u-1-2, .pure-u-12-24 {
83
+ width: 50%;
84
+ }
85
+
86
+ .pure-u-13-24 {
87
+ width: 54.1667%;
88
+ }
89
+
90
+ .pure-u-7-12, .pure-u-14-24 {
91
+ width: 58.3333%;
92
+ }
93
+
94
+ .pure-u-3-5 {
95
+ width: 60%;
96
+ }
97
+
98
+ .pure-u-5-8, .pure-u-15-24 {
99
+ width: 62.5000%;
100
+ }
101
+
102
+ .pure-u-2-3, .pure-u-16-24 {
103
+ width: 66.6667%;
104
+ }
105
+
106
+ .pure-u-17-24 {
107
+ width: 70.8333%;
108
+ }
109
+
110
+ .pure-u-3-4, .pure-u-18-24 {
111
+ width: 75%;
112
+ }
113
+
114
+ .pure-u-19-24 {
115
+ width: 79.1667%;
116
+ }
117
+
118
+ .pure-u-4-5 {
119
+ width: 80%;
120
+ }
121
+
122
+ .pure-u-5-6, .pure-u-20-24 {
123
+ width: 83.3333%;
124
+ }
125
+
126
+ .pure-u-7-8, .pure-u-21-24 {
127
+ width: 87.5000%;
128
+ }
129
+
130
+ .pure-u-11-12, .pure-u-22-24 {
131
+ width: 91.6667%;
132
+ }
133
+
134
+ .pure-u-23-24 {
135
+ width: 95.8333%;
136
+ }
137
+
138
+ .pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
139
+ width: 100%;
140
+ }
@@ -0,0 +1,196 @@
1
+ /*!
2
+ Pure v3.0.0
3
+ Copyright 2013 Yahoo!
4
+ Licensed under the BSD License.
5
+ https://github.com/pure-css/pure/blob/master/LICENSE
6
+ */
7
+ /*csslint adjoining-classes: false, box-model:false*/
8
+
9
+ .pure-menu {
10
+ box-sizing: border-box;
11
+ }
12
+
13
+ .pure-menu-fixed {
14
+ position: fixed;
15
+ left: 0;
16
+ top: 0;
17
+ z-index: 3;
18
+ }
19
+
20
+ .pure-menu-list, .pure-menu-item {
21
+ position: relative;
22
+ }
23
+
24
+ .pure-menu-list {
25
+ list-style: none;
26
+ margin: 0;
27
+ padding: 0;
28
+ }
29
+
30
+ .pure-menu-item {
31
+ padding: 0;
32
+ margin: 0;
33
+ height: 100%;
34
+ }
35
+
36
+ .pure-menu-link, .pure-menu-heading {
37
+ display: block;
38
+ text-decoration: none;
39
+ white-space: nowrap;
40
+ }
41
+
42
+ /* HORIZONTAL MENU */
43
+
44
+ .pure-menu-horizontal {
45
+ width: 100%;
46
+ white-space: nowrap;
47
+
48
+ .pure-menu-list {
49
+ display: inline-block;
50
+ }
51
+
52
+ .pure-menu-item, .pure-menu-heading, .pure-menu-separator {
53
+ display: inline-block;
54
+ vertical-align: middle;
55
+ }
56
+ }
57
+
58
+ /* Initial menus should be inline-block so that they are horizontal */
59
+
60
+ /* Submenus should still be display: block; */
61
+
62
+ .pure-menu-item .pure-menu-item {
63
+ display: block;
64
+ }
65
+
66
+ .pure-menu-children {
67
+ display: none;
68
+ position: absolute;
69
+ left: 100%;
70
+ top: 0;
71
+ margin: 0;
72
+ padding: 0;
73
+ z-index: 3;
74
+ }
75
+
76
+ .pure-menu-horizontal .pure-menu-children {
77
+ left: 0;
78
+ top: auto;
79
+ width: inherit;
80
+ }
81
+
82
+ .pure-menu-allow-hover:hover > .pure-menu-children, .pure-menu-active > .pure-menu-children {
83
+ display: block;
84
+ position: absolute;
85
+ }
86
+
87
+ /* Vertical Menus - show the dropdown arrow */
88
+
89
+ .pure-menu-has-children > .pure-menu-link:after {
90
+ padding-left: 0.5em;
91
+ content: "\25B8";
92
+ font-size: small;
93
+ }
94
+
95
+ /* Horizontal Menus - show the dropdown arrow */
96
+
97
+ .pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
98
+ content: "\25BE";
99
+ }
100
+
101
+ /* scrollable menus */
102
+
103
+ .pure-menu-scrollable {
104
+ overflow-y: scroll;
105
+ overflow-x: hidden;
106
+
107
+ .pure-menu-list {
108
+ display: block;
109
+ }
110
+ }
111
+
112
+ .pure-menu-horizontal.pure-menu-scrollable {
113
+ .pure-menu-list {
114
+ display: inline-block;
115
+ }
116
+
117
+ white-space: nowrap;
118
+ overflow-y: hidden;
119
+ overflow-x: auto;
120
+
121
+ /* a little extra padding for this style to allow for scrollbars */
122
+ padding: .5em 0;
123
+ }
124
+
125
+ /* misc default styling */
126
+
127
+ .pure-menu-separator {
128
+ background-color: #ccc;
129
+ height: 1px;
130
+ margin: .3em 0;
131
+ }
132
+
133
+ .pure-menu-horizontal {
134
+ .pure-menu-children .pure-menu-separator {
135
+ background-color: #ccc;
136
+ height: 1px;
137
+ margin: .3em 0;
138
+ }
139
+
140
+ .pure-menu-separator {
141
+ width: 1px;
142
+ height: 1.3em;
143
+ margin: 0 0.3em;
144
+ }
145
+
146
+ .pure-menu-children .pure-menu-separator {
147
+ display: block;
148
+ width: auto;
149
+ }
150
+ }
151
+
152
+ /* Need to reset the separator since submenu is vertical */
153
+
154
+ .pure-menu-heading {
155
+ text-transform: uppercase;
156
+ color: #565d64;
157
+ }
158
+
159
+ .pure-menu-link {
160
+ color: #777;
161
+ }
162
+
163
+ .pure-menu-children {
164
+ background-color: #fff;
165
+ }
166
+
167
+ .pure-menu-link, .pure-menu-heading {
168
+ padding: .5em 1em;
169
+ }
170
+
171
+ .pure-menu-disabled {
172
+ opacity: .5;
173
+
174
+ .pure-menu-link:hover {
175
+ background-color: transparent;
176
+ cursor: default;
177
+ }
178
+ }
179
+
180
+ .pure-menu-active > .pure-menu-link {
181
+ background-color: #eee;
182
+ }
183
+
184
+ .pure-menu-link {
185
+ &:hover, &:focus {
186
+ background-color: #eee;
187
+ }
188
+ }
189
+
190
+ .pure-menu-selected > .pure-menu-link {
191
+ color: #000;
192
+
193
+ &:visited {
194
+ color: #000;
195
+ }
196
+ }
@@ -0,0 +1,84 @@
1
+ /*!
2
+ Pure v3.0.0
3
+ Copyright 2013 Yahoo!
4
+ Licensed under the BSD License.
5
+ https://github.com/pure-css/pure/blob/master/LICENSE
6
+ */
7
+
8
+ .pure-table {
9
+ /* Remove spacing between table cells (from Normalize.css) */
10
+ border-collapse: collapse;
11
+ border-spacing: 0;
12
+ empty-cells: show;
13
+ border: 1px solid #cbcbcb;
14
+
15
+ caption {
16
+ color: #000;
17
+ font: italic 85%/1 arial, sans-serif;
18
+ padding: 1em 0;
19
+ text-align: center;
20
+ }
21
+
22
+ td, th {
23
+ border-left: 1px solid #cbcbcb;
24
+
25
+ /* inner column border */
26
+ border-width: 0 0 0 1px;
27
+ font-size: inherit;
28
+ margin: 0;
29
+ overflow: visible;
30
+
31
+ /*to make ths where the title is really long work*/
32
+ padding: 0.5em 1em;
33
+
34
+ /* cell padding */
35
+ }
36
+
37
+ thead {
38
+ background-color: #e0e0e0;
39
+ color: #000;
40
+ text-align: left;
41
+ vertical-align: bottom;
42
+ }
43
+
44
+ td {
45
+ background-color: transparent;
46
+ }
47
+ }
48
+
49
+ /*
50
+ striping:
51
+ even - #fff (white)
52
+ odd - #f2f2f2 (light gray)
53
+ */
54
+
55
+ .pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td {
56
+ background-color: #f2f2f2;
57
+ }
58
+
59
+ /* nth-child selector for modern browsers */
60
+
61
+ /* BORDERED TABLES */
62
+
63
+ .pure-table-bordered {
64
+ td {
65
+ border-bottom: 1px solid #cbcbcb;
66
+ }
67
+
68
+ tbody > tr:last-child > td {
69
+ border-bottom-width: 0;
70
+ }
71
+ }
72
+
73
+ /* HORIZONTAL BORDERED TABLES */
74
+
75
+ .pure-table-horizontal {
76
+ td, th {
77
+ border-width: 0 0 1px 0;
78
+ border-bottom: 1px solid #cbcbcb;
79
+ }
80
+
81
+ tbody > tr:last-child > td {
82
+ border-bottom-width: 0;
83
+ }
84
+ }