middleman-sculptor 0.3 → 0.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.
- checksums.yaml +4 -4
- data/lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_$variables.scss +1 -0
- data/lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_base.scss +18 -2
- data/lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_nav.scss +59 -52
- data/lib/middleman-sculptor/template/source/glyptotheque/_nav.slim +1 -1
- data/lib/middleman-sculptor/template/source/layouts/layout.slim +0 -1
- data/lib/middleman-sculptor/version.rb +1 -1
- metadata +2 -3
- data/lib/middleman-sculptor/template/source/assets/styles/main.scss +0 -18
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4241c3ebacee7d88b29262ff40fb914833360096
|
4
|
+
data.tar.gz: 9e0071f681bfe2bab73cc71421ba5bc61539945e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 799c0efe5e1b3ec450f719dbeed1c9be45b04efec5f9c7a88170e9e7dbf39f9028393a651868cc94f18ed2005d30c077a5484c3c10c4586e9517b95f3109e867
|
7
|
+
data.tar.gz: 16b0df59b0837172568a510a21e895a8355f0feaf2929a1cdd21f236436c2dc916c9f8be09fa528c29fb098530130bd71a56235b24f5ac2e991c314003681b60
|
@@ -1,14 +1,30 @@
|
|
1
|
+
* {
|
2
|
+
&,
|
3
|
+
&:before,
|
4
|
+
&:after {
|
5
|
+
box-sizing: border-box;
|
6
|
+
}
|
7
|
+
}
|
8
|
+
|
1
9
|
html,
|
2
10
|
body {
|
3
11
|
height: 100%;
|
4
12
|
}
|
5
13
|
|
6
14
|
body {
|
7
|
-
background:
|
15
|
+
background: $dark-grey;
|
16
|
+
padding: 0;
|
17
|
+
margin: 0;
|
18
|
+
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
|
19
|
+
color: #343434;
|
20
|
+
}
|
21
|
+
|
22
|
+
button {
|
23
|
+
cursor: pointer;
|
8
24
|
}
|
9
25
|
|
10
26
|
.glyptotheque {
|
11
|
-
padding:
|
27
|
+
padding: 45px 20px;
|
12
28
|
min-height: 100%;
|
13
29
|
overflow: hidden;
|
14
30
|
background: white;
|
@@ -7,57 +7,66 @@
|
|
7
7
|
|
8
8
|
.glypto-nav {
|
9
9
|
transition: 120ms ease-out;
|
10
|
-
|
10
|
+
-webkit-font-smoothing: antialiased;
|
11
|
+
color: #ddd;
|
12
|
+
font-size: 14px;
|
11
13
|
|
12
14
|
&.s-hidden {
|
13
15
|
margin-left: -$glypto-nav-width;
|
14
16
|
|
15
17
|
> .glypto-nav-toggle {
|
16
|
-
|
17
|
-
border-color:rgba(black, .2);
|
18
|
-
box-shadow: none;
|
18
|
+
border-color:rgba(black, .1);
|
19
19
|
margin-right: -30px;
|
20
|
+
opacity: .7;
|
21
|
+
|
22
|
+
&:before {
|
23
|
+
box-shadow: 0 2px 0 1px black, 0 7px 0 1px black, 0 12px 0 1px black;
|
24
|
+
}
|
25
|
+
|
26
|
+
&:active {
|
27
|
+
background: rgba(black, .2);
|
28
|
+
}
|
20
29
|
}
|
21
30
|
}
|
22
31
|
|
23
32
|
._logo {
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
33
|
+
font-weight: bold;
|
34
|
+
padding: 0 15px;
|
35
|
+
line-height: 42px;
|
36
|
+
font-size: 16px;
|
37
|
+
display: inline-block;
|
29
38
|
|
30
39
|
&:hover,
|
31
40
|
&:focus {
|
32
|
-
background: rgba(black, .2);
|
33
41
|
color: white;
|
34
42
|
}
|
35
43
|
}
|
36
44
|
|
37
45
|
.search {
|
38
|
-
padding:
|
39
|
-
|
40
|
-
border-bottom: 1px solid transparent;
|
41
|
-
margin-bottom: -1px;
|
46
|
+
padding: 5px;
|
47
|
+
margin-bottom: 10px;
|
42
48
|
|
43
49
|
input {
|
50
|
+
transition: 100ms;
|
44
51
|
box-sizing: border-box;
|
45
|
-
border:
|
46
|
-
background: rgba(white, .
|
47
|
-
padding: 5px;
|
48
|
-
font-size:
|
49
|
-
display: block;
|
52
|
+
border: 0;
|
53
|
+
background: rgba(white, .7);
|
54
|
+
padding: 5px 10px;
|
55
|
+
font-size: inherit;
|
50
56
|
width: 100%;
|
51
|
-
outline:
|
57
|
+
outline: 1px solid rgba(black, .2);
|
58
|
+
|
59
|
+
&::-webkit-search-decoration {
|
60
|
+
-webkit-appearance: none;
|
61
|
+
}
|
52
62
|
|
53
63
|
@include placeholder {
|
54
|
-
color: #
|
64
|
+
color: #888;
|
55
65
|
}
|
56
66
|
|
57
67
|
&:focus {
|
58
68
|
background: white;
|
59
|
-
|
60
|
-
box-shadow: inset 0 0 2px rgba(black, .2);
|
69
|
+
outline: 1px solid rgba(black, .5);
|
61
70
|
|
62
71
|
@include placeholder {
|
63
72
|
color: #ddd;
|
@@ -68,38 +77,35 @@
|
|
68
77
|
|
69
78
|
> .glypto-nav-toggle {
|
70
79
|
@include size(25px);
|
71
|
-
transition: 100ms;
|
80
|
+
transition: margin 100ms;
|
72
81
|
padding: 0;
|
73
|
-
background:
|
82
|
+
background: none;
|
74
83
|
border: 0;
|
75
84
|
float: right;
|
76
|
-
margin:
|
85
|
+
margin: 10px 5px 0 0;
|
77
86
|
position: relative;
|
78
87
|
z-index: 1;
|
79
88
|
cursor: pointer;
|
80
|
-
opacity: .
|
89
|
+
opacity: .7;
|
81
90
|
outline: none;
|
82
|
-
border: 1px solid rgba(
|
83
|
-
box-shadow: inset 0 0 0 1px rgba(black, .06);
|
91
|
+
border: 1px solid rgba(white, .4);
|
84
92
|
|
85
93
|
&:before {
|
86
94
|
@include position(absolute, 5px 0 null 0);
|
87
95
|
transition: 300ms;
|
88
|
-
box-shadow: 0 2px 0 1px
|
96
|
+
box-shadow: 0 2px 0 1px white, 0 7px 0 1px white, 0 12px 0 1px white;
|
89
97
|
width: 15px;
|
90
98
|
margin: auto;
|
91
|
-
opacity: .6;
|
92
99
|
content: '';
|
93
100
|
}
|
94
101
|
|
95
102
|
&:hover {
|
96
|
-
opacity:
|
103
|
+
opacity: 1;
|
97
104
|
}
|
105
|
+
|
98
106
|
&:active {
|
99
|
-
opacity:
|
100
|
-
background: rgba(
|
101
|
-
border-color: rgba(black, .2);
|
102
|
-
box-shadow: inset 0 0 0 1px rgba(black, .06);
|
107
|
+
opacity: 1;
|
108
|
+
background: rgba(white, .2);
|
103
109
|
}
|
104
110
|
}
|
105
111
|
|
@@ -109,36 +115,35 @@
|
|
109
115
|
font-size: 14px;
|
110
116
|
line-height: 1.2;
|
111
117
|
padding: 0;
|
112
|
-
margin: 0;
|
113
|
-
color: #555;
|
114
|
-
}
|
118
|
+
margin: 0 5px;
|
115
119
|
|
116
|
-
|
117
|
-
|
120
|
+
a {
|
121
|
+
&:hover,
|
122
|
+
&:focus {
|
123
|
+
background: rgba(white, .1);
|
124
|
+
}
|
125
|
+
|
126
|
+
&:active {
|
127
|
+
background: rgba(white, .15);
|
128
|
+
}
|
129
|
+
}
|
118
130
|
}
|
119
131
|
|
120
132
|
a {
|
121
133
|
display: block;
|
122
134
|
padding: 8px 10px;
|
123
|
-
color:
|
135
|
+
color: $light-grey;
|
124
136
|
text-decoration: none;
|
125
137
|
outline: none;
|
126
138
|
|
127
|
-
&:hover,
|
128
|
-
&:focus {
|
129
|
-
background: rgba(white, .16);
|
130
|
-
color: $hover-orange;
|
131
|
-
}
|
132
|
-
|
133
139
|
&:active {
|
134
|
-
color:
|
140
|
+
color: white;
|
135
141
|
background: rgba(black, .01);
|
136
142
|
}
|
137
143
|
}
|
138
144
|
|
139
145
|
li._index {
|
140
146
|
> a {
|
141
|
-
letter-spacing: 1px;
|
142
147
|
font-weight: 600;
|
143
148
|
}
|
144
149
|
|
@@ -150,6 +155,8 @@
|
|
150
155
|
}
|
151
156
|
|
152
157
|
ul {
|
158
|
+
margin: 0;
|
159
|
+
|
153
160
|
a:before {
|
154
161
|
content: '';
|
155
162
|
margin: 0 5px;
|
@@ -166,7 +173,7 @@
|
|
166
173
|
}
|
167
174
|
|
168
175
|
li.s-selected > a {
|
169
|
-
|
170
|
-
background:
|
176
|
+
font-weight: 500;
|
177
|
+
background: black;
|
171
178
|
}
|
172
179
|
}
|
@@ -14,7 +14,7 @@ script type="text/ng-template" id="glyptotheque/menu.html"
|
|
14
14
|
nav.glypto-nav ng-class="{'s-hidden' : navIsHidden}"
|
15
15
|
button.glypto-nav-toggle ng-click="toggle()" title="Toggle menu: Command + Shift + E"
|
16
16
|
= link_to yield_content(:page_title), url_for('/index.html'), class: '_logo'
|
17
|
-
.search: input.mousetrap(ng-model="search" type="search" placeholder="
|
17
|
+
.search: input.mousetrap(ng-model="search" type="search" placeholder="Filter (/ to focus)" glypto-search)
|
18
18
|
|
19
19
|
glypto-menu-tree items="items" filter="search"
|
20
20
|
|
@@ -4,7 +4,6 @@ html ng-app=(yield_content(:ng_app))
|
|
4
4
|
meta charset='utf-8'
|
5
5
|
title = current_page.data.title || yield_content(:page_title) || resource_file(current_page)
|
6
6
|
meta name='viewport' content='width=device-width'
|
7
|
-
= stylesheet_link_tag 'main'
|
8
7
|
= stylesheet_link_tag '//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css'
|
9
8
|
= yield_content :stylesheets
|
10
9
|
= javascript_include_tag 'head-js'
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: middleman-sculptor
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: '0.
|
4
|
+
version: '0.4'
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Tyom Semonov
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-04-
|
11
|
+
date: 2015-04-17 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: middleman-core
|
@@ -150,7 +150,6 @@ files:
|
|
150
150
|
- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_model-utils.scss
|
151
151
|
- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_model.scss
|
152
152
|
- lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_nav.scss
|
153
|
-
- lib/middleman-sculptor/template/source/assets/styles/main.scss
|
154
153
|
- lib/middleman-sculptor/template/source/assets/styles/pygments/borland.css
|
155
154
|
- lib/middleman-sculptor/template/source/assets/styles/pygments/colorful.css
|
156
155
|
- lib/middleman-sculptor/template/source/assets/styles/pygments/github.css
|