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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: bb144c55d87bf80698a9f4f5bc27c10e5c3d0849
4
- data.tar.gz: 649c58c85fd0a5d5d1abb02162dd5c200b07b81e
3
+ metadata.gz: 4241c3ebacee7d88b29262ff40fb914833360096
4
+ data.tar.gz: 9e0071f681bfe2bab73cc71421ba5bc61539945e
5
5
  SHA512:
6
- metadata.gz: d9b30166947a96a53dabb60084378cb7ad5f3dd74d9454cacdf38f122f0db313fec61d8529fc14693a5b7b4bb0839b85942014141aeb03d688e1984d6775f5af
7
- data.tar.gz: f4bb812b679077796f884183e4113e2b1e6a5f9b29f0753aec5be3f89fa9ab9a5aa8759fbde71664b8fee5102510a886adc2cde53b1be47c8c4a74752da25320
6
+ metadata.gz: 799c0efe5e1b3ec450f719dbeed1c9be45b04efec5f9c7a88170e9e7dbf39f9028393a651868cc94f18ed2005d30c077a5484c3c10c4586e9517b95f3109e867
7
+ data.tar.gz: 16b0df59b0837172568a510a21e895a8355f0feaf2929a1cdd21f236436c2dc916c9f8be09fa528c29fb098530130bd71a56235b24f5ac2e991c314003681b60
@@ -1,3 +1,4 @@
1
1
  $light-grey: #e7e6e8;
2
+ $dark-grey: #343434;
2
3
  $hover-orange: #d25f00;
3
4
  $glypto-nav-width: 230px;
@@ -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: #d9d7de;
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: 40px 20px;
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
- color: #444;
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
- background: none;
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
- background: rgba(black, .2);
25
- color: rgba(white, .6);
26
- border-bottom: 1px solid rgba(black, .05);
27
- box-shadow: 0 1px 0 rgba(white, .3);
28
- padding: 8px;
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: 4px;
39
- background: rgba(black, .06);
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: 1px solid rgba(black, .2);
46
- background: rgba(white, .6);
47
- padding: 5px;
48
- font-size: 14px;
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: none;
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: #bbb;
64
+ color: #888;
55
65
  }
56
66
 
57
67
  &:focus {
58
68
  background: white;
59
- border-color: rgba(black, .4);
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: rgba(black, .1);
82
+ background: none;
74
83
  border: 0;
75
84
  float: right;
76
- margin: 5px 5px 0 0;
85
+ margin: 10px 5px 0 0;
77
86
  position: relative;
78
87
  z-index: 1;
79
88
  cursor: pointer;
80
- opacity: .5;
89
+ opacity: .7;
81
90
  outline: none;
82
- border: 1px solid rgba(black, .28);
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 black, 0 7px 0 1px black, 0 12px 0 1px black;
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: .6;
103
+ opacity: 1;
97
104
  }
105
+
98
106
  &:active {
99
- opacity: .8;
100
- background: rgba(black, .1);
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
- > ul > li {
117
- border-top: 1px solid rgba(black, .07);
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: inherit;
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: inherit;
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
- color: inherit;
170
- background: rgba(#b5cdd9, .5);
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="Search (/ to focus)" glypto-search)
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'
@@ -1,5 +1,5 @@
1
1
  module Middleman
2
2
  module Sculptor
3
- VERSION = "0.3"
3
+ VERSION = "0.4"
4
4
  end
5
5
  end
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.3'
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-16 00:00:00.000000000 Z
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
@@ -1,18 +0,0 @@
1
- * {
2
- &,
3
- &:before,
4
- &:after {
5
- box-sizing: border-box;
6
- }
7
- }
8
-
9
- body {
10
- padding: 0;
11
- margin: 0;
12
- font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
13
- color: #343434;
14
- }
15
-
16
- button {
17
- cursor: pointer;
18
- }