pure-sass 0.0.2 → 0.0.3
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.
- checksums.yaml +4 -4
- data/.gitignore +4 -0
- data/.ruby-gemset +1 -0
- data/.ruby-version +1 -0
- data/Guardfile +1 -0
- data/README.md +10 -1
- data/Rakefile +72 -10
- data/app/assets/stylesheets/pure/all.css.scss +7 -0
- data/app/assets/stylesheets/pure/base/normalize-context.css.scss +233 -0
- data/app/assets/stylesheets/pure/base/{normalize.css.sass → normalize.css.scss} +307 -204
- data/app/assets/stylesheets/pure/base.css.scss +2 -0
- data/app/assets/stylesheets/pure/buttons/buttons-core.css.scss +27 -0
- data/app/assets/stylesheets/pure/buttons/buttons-theme.css.scss +110 -0
- data/app/assets/stylesheets/pure/buttons/buttons.css.scss +83 -0
- data/app/assets/stylesheets/pure/buttons.css.scss +3 -0
- data/app/assets/stylesheets/pure/defaults.css.scss +44 -0
- data/app/assets/stylesheets/pure/forms/{forms-core.css.sass → forms-core.css.scss} +91 -74
- data/app/assets/stylesheets/pure/forms/forms-r.css.scss +31 -0
- data/app/assets/stylesheets/pure/forms/forms-theme.css.scss +362 -0
- data/app/assets/stylesheets/pure/forms/forms.css.scss +167 -0
- data/app/assets/stylesheets/pure/forms.css.scss +4 -0
- data/app/assets/stylesheets/pure/grids/grids-core.css.scss +24 -0
- data/app/assets/stylesheets/pure/grids/grids-r.css.scss +54 -0
- data/app/assets/stylesheets/pure/grids/grids-units.css.scss +147 -0
- data/app/assets/stylesheets/pure/grids.css.scss +3 -0
- data/app/assets/stylesheets/pure/lists/lists-theme.css.scss +241 -0
- data/app/assets/stylesheets/pure/menus/menus-core.css.scss +111 -0
- data/app/assets/stylesheets/pure/menus/menus-paginator.css.scss +31 -0
- data/app/assets/stylesheets/pure/menus/menus-r.css.scss +14 -0
- data/app/assets/stylesheets/pure/menus/menus.css.scss +78 -0
- data/app/assets/stylesheets/pure/menus.css.scss +4 -0
- data/app/assets/stylesheets/pure/tables/tables-theme.css.scss +72 -0
- data/app/assets/stylesheets/pure/tables/tables.css.scss +82 -0
- data/app/assets/stylesheets/pure/tables.css.scss +2 -0
- data/lib/pure/sass/default_translation.rb +28 -0
- data/lib/pure/sass/translation.rb +24 -0
- data/lib/pure/sass/version.rb +1 -1
- data/lib/pure/sass.rb +2 -0
- data/pure-sass.gemspec +2 -1
- data/spec/acceptance/sass_spec.rb +10 -0
- data/spec/fixtures/buttons.css.handlebars +110 -0
- data/spec/fixtures/form.css.handlebars +362 -0
- data/spec/fixtures/list.css.handlebars +241 -0
- data/spec/fixtures/table.css.handlebars +72 -0
- data/spec/lib/pure/sass/default_translation_spec.rb +18 -0
- data/spec/lib/pure/sass/translation_spec.rb +19 -0
- data/spec/sass_importer.rb +14 -0
- data/spec/spec_helper.rb +2 -1
- metadata +78 -28
- data/app/assets/stylesheets/pure/all.css.sass +0 -7
- data/app/assets/stylesheets/pure/base/normalize-context.css.sass +0 -152
- data/app/assets/stylesheets/pure/base.css.sass +0 -2
- data/app/assets/stylesheets/pure/buttons/buttons-core.css.sass +0 -23
- data/app/assets/stylesheets/pure/buttons/buttons.css.sass +0 -103
- data/app/assets/stylesheets/pure/buttons.css.sass +0 -2
- data/app/assets/stylesheets/pure/defaults.css.sass +0 -0
- data/app/assets/stylesheets/pure/forms/forms-r.css.sass +0 -22
- data/app/assets/stylesheets/pure/forms/forms.css.sass +0 -128
- data/app/assets/stylesheets/pure/forms.css.sass +0 -3
- data/app/assets/stylesheets/pure/grids/grids-core.css.sass +0 -26
- data/app/assets/stylesheets/pure/grids/grids-r.css.sass +0 -34
- data/app/assets/stylesheets/pure/grids/grids-units.css.sass +0 -93
- data/app/assets/stylesheets/pure/grids.css.sass +0 -3
- data/app/assets/stylesheets/pure/menus/menus-core.css.sass +0 -99
- data/app/assets/stylesheets/pure/menus/menus-paginator.css.sass +0 -24
- data/app/assets/stylesheets/pure/menus/menus-r.css.sass +0 -8
- data/app/assets/stylesheets/pure/menus/menus.css.sass +0 -65
- data/app/assets/stylesheets/pure/menus.css.sass +0 -4
- data/app/assets/stylesheets/pure/tables/tables.css.sass +0 -68
- data/app/assets/stylesheets/pure/tables.css.sass +0 -1
- data/spec/assets_spec.rb +0 -21
@@ -1,23 +0,0 @@
|
|
1
|
-
.pure-button
|
2
|
-
/* Structure
|
3
|
-
display: inline-block
|
4
|
-
*display: inline
|
5
|
-
/*IE 6/7
|
6
|
-
zoom: 1
|
7
|
-
line-height: normal
|
8
|
-
white-space: nowrap
|
9
|
-
vertical-align: baseline
|
10
|
-
text-align: center
|
11
|
-
cursor: pointer
|
12
|
-
-webkit-user-drag: none
|
13
|
-
-webkit-user-select: none
|
14
|
-
-moz-user-select: none
|
15
|
-
user-select: none
|
16
|
-
&::-moz-focus-inner
|
17
|
-
padding: 0
|
18
|
-
border: 0
|
19
|
-
|
20
|
-
/* Firefox: Get rid of the inner focus border
|
21
|
-
|
22
|
-
a:focus
|
23
|
-
outline: none
|
@@ -1,103 +0,0 @@
|
|
1
|
-
.pure-button
|
2
|
-
font-size: 100%
|
3
|
-
*font-size: 90%
|
4
|
-
/*IE 6/7 - To reduce IE's oversized button text
|
5
|
-
*overflow: visible
|
6
|
-
/*IE 6/7 - Because of IE's overly large left/right padding on buttons
|
7
|
-
padding: 0.5em 1.5em 0.5em
|
8
|
-
color: #444
|
9
|
-
/* rgba not supported (IE 8)
|
10
|
-
color: rgba(0, 0, 0, 0.8)
|
11
|
-
/* rgba supported
|
12
|
-
*color: #444
|
13
|
-
/* IE 6 & 7
|
14
|
-
border: 1px solid #999
|
15
|
-
/*IE 6/7/8
|
16
|
-
border: none rgba(0, 0, 0, 0)
|
17
|
-
/*IE9 + everything else
|
18
|
-
background-color: #E6E6E6
|
19
|
-
text-decoration: none
|
20
|
-
-webkit-border-radius: 2px
|
21
|
-
-moz-border-radius: 2px
|
22
|
-
border-radius: 2px
|
23
|
-
-webkit-font-smoothing: antialiased
|
24
|
-
/* Transitions
|
25
|
-
-webkit-transition: 0.1s linear -webkit-box-shadow
|
26
|
-
-moz-transition: 0.1s linear -moz-box-shadow
|
27
|
-
-ms-transition: 0.1s linear box-shadow
|
28
|
-
-o-transition: 0.1s linear box-shadow
|
29
|
-
transition: 0.1s linear box-shadow
|
30
|
-
|
31
|
-
.pure-button-hover, .pure-button:hover
|
32
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0)
|
33
|
-
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)))
|
34
|
-
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.15))
|
35
|
-
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05))
|
36
|
-
background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.15))
|
37
|
-
background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.05))
|
38
|
-
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.05))
|
39
|
-
|
40
|
-
.pure-button-active
|
41
|
-
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
42
|
-
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
43
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
44
|
-
|
45
|
-
.pure-button
|
46
|
-
&:active
|
47
|
-
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
48
|
-
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
49
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
|
50
|
-
&[disabled]
|
51
|
-
border: none
|
52
|
-
background-image: none
|
53
|
-
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
|
54
|
-
filter: alpha(opacity = 40)
|
55
|
-
-khtml-opacity: 0.40
|
56
|
-
-moz-opacity: 0.40
|
57
|
-
opacity: 0.40
|
58
|
-
cursor: not-allowed
|
59
|
-
box-shadow: none
|
60
|
-
|
61
|
-
.pure-button-disabled
|
62
|
-
border: none
|
63
|
-
background-image: none
|
64
|
-
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
|
65
|
-
filter: alpha(opacity = 40)
|
66
|
-
-khtml-opacity: 0.40
|
67
|
-
-moz-opacity: 0.40
|
68
|
-
opacity: 0.40
|
69
|
-
cursor: not-allowed
|
70
|
-
box-shadow: none
|
71
|
-
&:hover, &:active
|
72
|
-
border: none
|
73
|
-
background-image: none
|
74
|
-
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
|
75
|
-
filter: alpha(opacity = 40)
|
76
|
-
-khtml-opacity: 0.40
|
77
|
-
-moz-opacity: 0.40
|
78
|
-
opacity: 0.40
|
79
|
-
cursor: not-allowed
|
80
|
-
box-shadow: none
|
81
|
-
|
82
|
-
.pure-button-hidden
|
83
|
-
display: none
|
84
|
-
|
85
|
-
/* Firefox: Get rid of the inner focus border
|
86
|
-
|
87
|
-
.pure-button::-moz-focus-inner
|
88
|
-
padding: 0
|
89
|
-
border: 0
|
90
|
-
|
91
|
-
/* Sam
|
92
|
-
|
93
|
-
.pure-button-primary, .pure-button-selected
|
94
|
-
background-color: rgb(0, 120, 231)
|
95
|
-
color: #fff
|
96
|
-
|
97
|
-
a
|
98
|
-
&.pure-button-primary, &.pure-button-selected
|
99
|
-
background-color: rgb(0, 120, 231)
|
100
|
-
color: #fff
|
101
|
-
|
102
|
-
.pure-button:-moz-focusring
|
103
|
-
outline-color: rgba(0, 0, 0, 0.85)
|
File without changes
|
@@ -1,22 +0,0 @@
|
|
1
|
-
@media only screen and (max-width: 480px)
|
2
|
-
.pure-form
|
3
|
-
button[type='submit']
|
4
|
-
margin: 0.7em 0 0
|
5
|
-
input[type='text'], button, label
|
6
|
-
margin-bottom: 0.3em
|
7
|
-
display: block
|
8
|
-
.pure-group input[type='text']
|
9
|
-
margin-bottom: 0
|
10
|
-
.pure-form-aligned
|
11
|
-
.pure-control-group label
|
12
|
-
margin-bottom: 0.3em
|
13
|
-
text-align: left
|
14
|
-
display: block
|
15
|
-
width: 100%
|
16
|
-
.pure-controls
|
17
|
-
margin: 1.5em 0 0 0
|
18
|
-
.pure-form .pure-help-inline
|
19
|
-
display: block
|
20
|
-
font-size: 80%
|
21
|
-
padding: 0.2em 0 0.8em
|
22
|
-
/* increased bottom padding to make it group with its related input element
|
@@ -1,128 +0,0 @@
|
|
1
|
-
.pure-form
|
2
|
-
input, select
|
3
|
-
padding: 0.5em 0.6em
|
4
|
-
display: inline-block
|
5
|
-
border: 1px solid #ccc
|
6
|
-
font-size: 0.8em
|
7
|
-
box-shadow: inset 0 1px 3px #ddd
|
8
|
-
border-radius: 4px
|
9
|
-
-webkit-transition: 0.3s linear border
|
10
|
-
-moz-transition: 0.3s linear border
|
11
|
-
-ms-transition: 0.3s linear border
|
12
|
-
-o-transition: 0.3s linear border
|
13
|
-
transition: 0.3s linear border
|
14
|
-
-moz-box-sizing: border-box
|
15
|
-
-webkit-box-sizing: border-box
|
16
|
-
box-sizing: border-box
|
17
|
-
-webkit-font-smoothing: antialiased
|
18
|
-
input:focus, select:focus
|
19
|
-
outline: 0
|
20
|
-
outline: thin dotted \9
|
21
|
-
/* IE6-9
|
22
|
-
border-color: #129FEA
|
23
|
-
.pure-checkbox, .pure-radio
|
24
|
-
margin: 0.5em 0
|
25
|
-
display: block
|
26
|
-
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]
|
27
|
-
cursor: not-allowed
|
28
|
-
background-color: #eaeded
|
29
|
-
color: #cad2d3
|
30
|
-
border-color: transparent
|
31
|
-
input:focus:invalid, textarea:focus:invalid, select:focus:invalid
|
32
|
-
color: #b94a48
|
33
|
-
border: 1px solid #ee5f5b
|
34
|
-
input:focus:invalid:focus, textarea:focus:invalid:focus
|
35
|
-
border-color: #e9322d
|
36
|
-
select
|
37
|
-
&:focus:invalid:focus
|
38
|
-
border-color: #e9322d
|
39
|
-
border: 1px solid #ccc
|
40
|
-
background-color: white
|
41
|
-
&[multiple]
|
42
|
-
height: auto
|
43
|
-
label
|
44
|
-
margin: 0.5em 0 0.2em
|
45
|
-
color: #999
|
46
|
-
font-size: 90%
|
47
|
-
fieldset
|
48
|
-
margin: 0
|
49
|
-
padding: 0.35em 0 0.75em
|
50
|
-
border: 0
|
51
|
-
legend
|
52
|
-
display: block
|
53
|
-
width: 100%
|
54
|
-
padding: 0.3em 0
|
55
|
-
margin-bottom: 0.3em
|
56
|
-
font-size: 125%
|
57
|
-
color: #333
|
58
|
-
border-bottom: 1px solid #e5e5e5
|
59
|
-
&.pure-form-stacked
|
60
|
-
input[type='text'], select, label
|
61
|
-
display: block
|
62
|
-
|
63
|
-
.pure-form-aligned
|
64
|
-
input, textarea, select, .pure-help-inline
|
65
|
-
display: inline-block
|
66
|
-
*display: inline
|
67
|
-
/* IE7 inline-block hack
|
68
|
-
*zoom: 1
|
69
|
-
vertical-align: middle
|
70
|
-
.pure-control-group
|
71
|
-
margin-bottom: 0.5em
|
72
|
-
label
|
73
|
-
text-align: right
|
74
|
-
display: inline-block
|
75
|
-
vertical-align: middle
|
76
|
-
width: 10em
|
77
|
-
margin: 0 1em 0 0
|
78
|
-
.pure-controls
|
79
|
-
margin: 1.5em 0 0 10em
|
80
|
-
|
81
|
-
/* aligned Forms
|
82
|
-
|
83
|
-
/* Rounded Inputs
|
84
|
-
|
85
|
-
.pure-form
|
86
|
-
.pure-input-rounded
|
87
|
-
border-radius: 20px
|
88
|
-
padding-left: 1em
|
89
|
-
.pure-group
|
90
|
-
fieldset
|
91
|
-
margin-bottom: 10px
|
92
|
-
input
|
93
|
-
display: block
|
94
|
-
padding: 10px
|
95
|
-
margin: 0
|
96
|
-
border-radius: 0
|
97
|
-
position: relative
|
98
|
-
top: -1px
|
99
|
-
&:focus
|
100
|
-
z-index: 2
|
101
|
-
&:first-child
|
102
|
-
top: 1px
|
103
|
-
border-radius: 4px 4px 0 0
|
104
|
-
&:last-child
|
105
|
-
top: -2px
|
106
|
-
border-radius: 0 0 4px 4px
|
107
|
-
button
|
108
|
-
margin: 0.35em 0
|
109
|
-
.pure-input-1
|
110
|
-
width: 100%
|
111
|
-
.pure-input-2-3
|
112
|
-
width: 66%
|
113
|
-
.pure-input-1-2
|
114
|
-
width: 50%
|
115
|
-
.pure-input-1-3
|
116
|
-
width: 33%
|
117
|
-
.pure-input-1-4
|
118
|
-
width: 25%
|
119
|
-
.pure-help-inline
|
120
|
-
display: inline-block
|
121
|
-
padding-left: 0.3em
|
122
|
-
color: #666
|
123
|
-
vertical-align: middle
|
124
|
-
font-size: 90%
|
125
|
-
|
126
|
-
/* Grouped Inputs
|
127
|
-
|
128
|
-
/* Inline help for forms
|
@@ -1,26 +0,0 @@
|
|
1
|
-
.pure-g
|
2
|
-
letter-spacing: -0.31em
|
3
|
-
/* Webkit: collapse white-space between units
|
4
|
-
*letter-spacing: normal
|
5
|
-
/* reset IE < 8
|
6
|
-
*word-spacing: -0.43em
|
7
|
-
/* IE < 8: collapse white-space between units
|
8
|
-
text-rendering: optimizespeed
|
9
|
-
/* Webkit: fixes text-rendering: optimizeLegibility
|
10
|
-
|
11
|
-
/* Opera as of 12 on Windows needs word-spacing.
|
12
|
-
* The ".opera-only" selector is used to prevent actual prefocus styling
|
13
|
-
* and is not required in markup.
|
14
|
-
|
15
|
-
.opera-only :-o-prefocus, .pure-g
|
16
|
-
word-spacing: -0.43em
|
17
|
-
|
18
|
-
.pure-u
|
19
|
-
display: inline-block
|
20
|
-
zoom: 1
|
21
|
-
*display: inline
|
22
|
-
/* IE < 8: fake inline-block
|
23
|
-
letter-spacing: normal
|
24
|
-
word-spacing: normal
|
25
|
-
vertical-align: top
|
26
|
-
text-rendering: auto
|
@@ -1,34 +0,0 @@
|
|
1
|
-
.pure-g-r
|
2
|
-
letter-spacing: -0.31em
|
3
|
-
*letter-spacing: normal
|
4
|
-
*word-spacing: -0.43em
|
5
|
-
|
6
|
-
/* Opera as of 12 on Windows needs word-spacing.
|
7
|
-
* The ".opera-only" selector is used to prevent actual prefocus styling
|
8
|
-
* and is not required in markup.
|
9
|
-
|
10
|
-
.opera-only :-o-prefocus
|
11
|
-
word-spacing: -0.43em
|
12
|
-
|
13
|
-
.pure-g-r
|
14
|
-
word-spacing: -0.43em
|
15
|
-
img
|
16
|
-
max-width: 100%
|
17
|
-
|
18
|
-
@media (min-width: 980px)
|
19
|
-
.pure-visible-phone, .pure-visible-tablet, .pure-hidden-desktop
|
20
|
-
display: none
|
21
|
-
|
22
|
-
@media (max-width: 480px)
|
23
|
-
.pure-g-r > [class^="pure-u"]
|
24
|
-
width: 100%
|
25
|
-
|
26
|
-
@media (max-width: 767px)
|
27
|
-
.pure-g-r > [class^="pure-u"]
|
28
|
-
width: 100%
|
29
|
-
.pure-hidden-phone, .pure-visible-desktop
|
30
|
-
display: none
|
31
|
-
|
32
|
-
@media (min-width: 768px) and (max-width: 979px)
|
33
|
-
.pure-hidden-tablet, .pure-visible-desktop
|
34
|
-
display: none
|
@@ -1,93 +0,0 @@
|
|
1
|
-
.pure-u-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-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-5-24, .pure-u-7-24, .pure-u-11-24, .pure-u-13-24, .pure-u-17-24, .pure-u-19-24, .pure-u-23-24
|
2
|
-
display: inline-block
|
3
|
-
zoom: 1
|
4
|
-
*display: inline
|
5
|
-
/* IE < 8: fake inline-block
|
6
|
-
letter-spacing: normal
|
7
|
-
word-spacing: normal
|
8
|
-
vertical-align: top
|
9
|
-
text-rendering: auto
|
10
|
-
|
11
|
-
.pure-u-1
|
12
|
-
display: block
|
13
|
-
|
14
|
-
.pure-u-1-2
|
15
|
-
width: 50%
|
16
|
-
|
17
|
-
.pure-u-1-3
|
18
|
-
width: 33.33333%
|
19
|
-
|
20
|
-
.pure-u-2-3
|
21
|
-
width: 66.66666%
|
22
|
-
|
23
|
-
.pure-u-1-4
|
24
|
-
width: 25%
|
25
|
-
|
26
|
-
.pure-u-3-4
|
27
|
-
width: 75%
|
28
|
-
|
29
|
-
.pure-u-1-5
|
30
|
-
width: 20%
|
31
|
-
|
32
|
-
.pure-u-2-5
|
33
|
-
width: 40%
|
34
|
-
|
35
|
-
.pure-u-3-5
|
36
|
-
width: 60%
|
37
|
-
|
38
|
-
.pure-u-4-5
|
39
|
-
width: 80%
|
40
|
-
|
41
|
-
.pure-u-1-6
|
42
|
-
width: 16.656%
|
43
|
-
|
44
|
-
.pure-u-5-6
|
45
|
-
width: 83.33%
|
46
|
-
|
47
|
-
.pure-u-1-8
|
48
|
-
width: 12.5%
|
49
|
-
|
50
|
-
.pure-u-3-8
|
51
|
-
width: 37.5%
|
52
|
-
|
53
|
-
.pure-u-5-8
|
54
|
-
width: 62.5%
|
55
|
-
|
56
|
-
.pure-u-7-8
|
57
|
-
width: 87.5%
|
58
|
-
|
59
|
-
.pure-u-1-12
|
60
|
-
width: 8.3333%
|
61
|
-
|
62
|
-
.pure-u-5-12
|
63
|
-
width: 41.6666%
|
64
|
-
|
65
|
-
.pure-u-7-12
|
66
|
-
width: 58.3333%
|
67
|
-
|
68
|
-
.pure-u-11-12
|
69
|
-
width: 91.6666%
|
70
|
-
|
71
|
-
.pure-u-1-24
|
72
|
-
width: 4.1666%
|
73
|
-
|
74
|
-
.pure-u-5-24
|
75
|
-
width: 20.8333%
|
76
|
-
|
77
|
-
.pure-u-7-24
|
78
|
-
width: 29.1666%
|
79
|
-
|
80
|
-
.pure-u-11-24
|
81
|
-
width: 45.8333%
|
82
|
-
|
83
|
-
.pure-u-13-24
|
84
|
-
width: 54.1666%
|
85
|
-
|
86
|
-
.pure-u-17-24
|
87
|
-
width: 70.8333%
|
88
|
-
|
89
|
-
.pure-u-19-24
|
90
|
-
width: 79.1666%
|
91
|
-
|
92
|
-
.pure-u-23-24
|
93
|
-
width: 95.8333%
|
@@ -1,99 +0,0 @@
|
|
1
|
-
.pure-menu
|
2
|
-
ul
|
3
|
-
position: absolute
|
4
|
-
visibility: hidden
|
5
|
-
&.pure-menu-open
|
6
|
-
visibility: visible
|
7
|
-
z-index: 2
|
8
|
-
width: 100%
|
9
|
-
ul
|
10
|
-
left: -10000px
|
11
|
-
list-style: none
|
12
|
-
margin: 0
|
13
|
-
padding: 0
|
14
|
-
top: -10000px
|
15
|
-
z-index: 1
|
16
|
-
> ul
|
17
|
-
position: relative
|
18
|
-
|
19
|
-
.pure-menu-open > ul
|
20
|
-
left: 0
|
21
|
-
top: 0
|
22
|
-
visibility: visible
|
23
|
-
|
24
|
-
.pure-menu
|
25
|
-
li
|
26
|
-
position: relative
|
27
|
-
a, .pure-menu-heading
|
28
|
-
display: block
|
29
|
-
color: inherit
|
30
|
-
line-height: 1.5em
|
31
|
-
padding: 5px 20px
|
32
|
-
text-decoration: none
|
33
|
-
white-space: nowrap
|
34
|
-
&.pure-menu-horizontal >
|
35
|
-
.pure-menu-heading
|
36
|
-
display: inline-block
|
37
|
-
margin: 0
|
38
|
-
zoom: 1
|
39
|
-
*display: inline
|
40
|
-
vertical-align: middle
|
41
|
-
ul
|
42
|
-
display: inline-block
|
43
|
-
zoom: 1
|
44
|
-
*display: inline
|
45
|
-
vertical-align: middle
|
46
|
-
li a
|
47
|
-
padding: 5px 20px
|
48
|
-
|
49
|
-
.pure-menu-can-have-children > .pure-menu-label
|
50
|
-
&:after
|
51
|
-
content: '\25B8'
|
52
|
-
float: right
|
53
|
-
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif
|
54
|
-
/* These specific fonts have the Unicode char we need.
|
55
|
-
margin-right: -20px
|
56
|
-
margin-top: -1px
|
57
|
-
padding-right: 30px
|
58
|
-
|
59
|
-
.pure-menu-separator
|
60
|
-
background-color: #dfdfdf
|
61
|
-
display: block
|
62
|
-
height: 1px
|
63
|
-
font-size: 0
|
64
|
-
margin: 7px 2px
|
65
|
-
overflow: hidden
|
66
|
-
|
67
|
-
.pure-menu-hidden
|
68
|
-
display: none
|
69
|
-
|
70
|
-
/* FIXED MENU
|
71
|
-
|
72
|
-
.pure-menu-fixed
|
73
|
-
position: fixed
|
74
|
-
top: 0
|
75
|
-
left: 0
|
76
|
-
width: 100%
|
77
|
-
|
78
|
-
/* HORIZONTAL MENU CODE
|
79
|
-
|
80
|
-
/* Initial menus should be inline-block so that they are horizontal
|
81
|
-
|
82
|
-
.pure-menu-horizontal
|
83
|
-
li
|
84
|
-
display: inline-block
|
85
|
-
zoom: 1
|
86
|
-
*display: inline
|
87
|
-
vertical-align: middle
|
88
|
-
li
|
89
|
-
display: block
|
90
|
-
> .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label
|
91
|
-
&:after
|
92
|
-
content: "\25BE"
|
93
|
-
padding-right: 30px
|
94
|
-
|
95
|
-
/* Submenus should still be display:block;
|
96
|
-
|
97
|
-
/* Content after should be down arrow
|
98
|
-
|
99
|
-
/*Add extra padding to elements that have the arrow so that the hover looks nice
|
@@ -1,24 +0,0 @@
|
|
1
|
-
.pure-paginator
|
2
|
-
list-style: none
|
3
|
-
margin: 0
|
4
|
-
padding: 0
|
5
|
-
li
|
6
|
-
display: inline-block
|
7
|
-
*display: inline
|
8
|
-
/* IE 7 inline-block hack
|
9
|
-
*zoom: 1
|
10
|
-
margin: 0 -0.35em 0 0
|
11
|
-
.pure-button
|
12
|
-
border-radius: 0
|
13
|
-
padding: 0.8em 1.4em
|
14
|
-
vertical-align: top
|
15
|
-
height: 1.1em
|
16
|
-
&:focus
|
17
|
-
outline-style: none
|
18
|
-
.prev, .next
|
19
|
-
color: #C0C1C3
|
20
|
-
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.45)
|
21
|
-
.prev
|
22
|
-
border-radius: 2px 0 0 2px
|
23
|
-
.next
|
24
|
-
border-radius: 0 2px 2px 0
|
@@ -1,65 +0,0 @@
|
|
1
|
-
/* MAIN MENU STYLING
|
2
|
-
|
3
|
-
.pure-menu
|
4
|
-
&.pure-menu-open
|
5
|
-
background: #ffffff
|
6
|
-
/* Old browsers
|
7
|
-
border: 1px solid #b7b7b7
|
8
|
-
&.pure-menu-horizontal
|
9
|
-
li .pure-menu-children
|
10
|
-
background: #ffffff
|
11
|
-
/* Old browsers
|
12
|
-
border: 1px solid #b7b7b7
|
13
|
-
border: none
|
14
|
-
.pure-menu-heading
|
15
|
-
border: none
|
16
|
-
a
|
17
|
-
border: 1px solid transparent
|
18
|
-
border-left: none
|
19
|
-
border-right: none
|
20
|
-
color: #777
|
21
|
-
.pure-menu-can-have-children > li
|
22
|
-
&:after
|
23
|
-
color: #777
|
24
|
-
&:hover:after
|
25
|
-
color: #fff
|
26
|
-
li
|
27
|
-
a:hover
|
28
|
-
background: #eee
|
29
|
-
&.pure-menu-disabled a:hover
|
30
|
-
background: #fff
|
31
|
-
color: #bfbfbf
|
32
|
-
.pure-menu-disabled > a
|
33
|
-
background-image: none
|
34
|
-
border-color: transparent
|
35
|
-
cursor: default
|
36
|
-
color: #bfbfbf
|
37
|
-
.pure-menu-can-have-children.pure-menu-disabled > a:after
|
38
|
-
color: #bfbfbf
|
39
|
-
.pure-menu-heading
|
40
|
-
color: #565d64
|
41
|
-
text-transform: uppercase
|
42
|
-
font-size: 90%
|
43
|
-
margin-top: 0.5em
|
44
|
-
border-bottom-width: 1px
|
45
|
-
border-bottom-style: solid
|
46
|
-
border-bottom-color: #dfdfdf
|
47
|
-
.pure-menu-selected a
|
48
|
-
color: #000
|
49
|
-
&.pure-menu-open.pure-menu-fixed
|
50
|
-
border: none
|
51
|
-
border-bottom: 1px solid #b7b7b7
|
52
|
-
|
53
|
-
/* remove borders for horizontal menus
|
54
|
-
|
55
|
-
/* LINK STYLES
|
56
|
-
|
57
|
-
/* HOVER STATES
|
58
|
-
|
59
|
-
/* DISABLED STATES
|
60
|
-
|
61
|
-
/* HEADINGS
|
62
|
-
|
63
|
-
/* ACTIVE MENU ITEM
|
64
|
-
|
65
|
-
/* FIXED MENU
|