middleman-sculptor 0.7 → 0.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_base.scss +12 -4
- data/lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_model.scss +38 -1
- data/lib/middleman-sculptor/template/source/assets/styles/glyptotheque/_nav.scss +1 -1
- data/lib/middleman-sculptor/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1d71471a4587329d31fbd3dc7dd1497e7cad724f
|
|
4
|
+
data.tar.gz: 5f0362ea67ec541e9fd8a66f90c758bb598f4b8e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 131d0a2a1f41fd964ef7d80d503a163abb72861fba02c96c2b4b1054debd08cb95bd41de9a82f74da10604ed6b0d245742abe604018e4770a54eb556eedc29ef
|
|
7
|
+
data.tar.gz: 38295171d2e2b9d9a850370572463c983064d6ed450e9bb11fad3c0113f03b8f0666e02c3e90e654813a71dda8e5703eeec7573056cb3a9ee980357197adce49
|
|
@@ -25,7 +25,7 @@ button {
|
|
|
25
25
|
|
|
26
26
|
.glyptotheque {
|
|
27
27
|
position: relative;
|
|
28
|
-
padding: 40px
|
|
28
|
+
padding: 40px 30px;
|
|
29
29
|
min-height: 100%;
|
|
30
30
|
overflow: hidden;
|
|
31
31
|
background: white;
|
|
@@ -34,9 +34,9 @@ button {
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.glypto-section {
|
|
37
|
-
margin: 0 -
|
|
38
|
-
padding: 0
|
|
39
|
-
border-bottom: 2px solid $dark-grey;
|
|
37
|
+
margin: 0 -30px 40px;
|
|
38
|
+
padding: 0 30px 40px;
|
|
39
|
+
border-bottom: 2px solid lighten($dark-grey, 20);
|
|
40
40
|
box-shadow: 0 1px rgba(white, .4);
|
|
41
41
|
|
|
42
42
|
&:last-child {
|
|
@@ -46,6 +46,14 @@ button {
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
+
.glyptotheque,
|
|
50
|
+
.glypto-section {
|
|
51
|
+
> h2 {
|
|
52
|
+
margin: 1.6em 0 .5em;
|
|
53
|
+
font-size: 28px;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
49
57
|
.glypto-title {
|
|
50
58
|
font-size: 48px;
|
|
51
59
|
margin: 0 0 40px;
|
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
@import 'pygments/github';
|
|
2
2
|
|
|
3
3
|
.glypto-model {
|
|
4
|
-
margin:
|
|
4
|
+
margin: 40px 0 20px;
|
|
5
5
|
border: 1px solid $light-grey;
|
|
6
6
|
box-shadow: 0 0 0 3px #f6f6f6;
|
|
7
7
|
|
|
8
|
+
&:before {
|
|
9
|
+
content: 'EXAMPLE';
|
|
10
|
+
position: absolute;
|
|
11
|
+
margin-top: -19px;
|
|
12
|
+
margin-left: -4px;
|
|
13
|
+
font-size: 12px;
|
|
14
|
+
line-height: 12px;
|
|
15
|
+
color: #aaa;
|
|
16
|
+
background: #f6f6f6;
|
|
17
|
+
padding: 3px 10px;
|
|
18
|
+
}
|
|
19
|
+
|
|
8
20
|
&:last-child {
|
|
9
21
|
margin-bottom: 0;
|
|
10
22
|
}
|
|
@@ -13,10 +25,24 @@
|
|
|
13
25
|
position: relative;
|
|
14
26
|
padding: 1px;
|
|
15
27
|
|
|
28
|
+
&:before {
|
|
29
|
+
@include position(absolute, 0 0 0 0);
|
|
30
|
+
@include size(100px 12px);
|
|
31
|
+
content: 'Loading…';
|
|
32
|
+
line-height: 12px;
|
|
33
|
+
font-size: 12px;
|
|
34
|
+
text-transform: uppercase;
|
|
35
|
+
text-indent: 1em;
|
|
36
|
+
color: #ddd;
|
|
37
|
+
margin: auto;
|
|
38
|
+
}
|
|
39
|
+
|
|
16
40
|
> figure,
|
|
17
41
|
> iframe {
|
|
42
|
+
position: relative;
|
|
18
43
|
display: block;
|
|
19
44
|
margin: 0;
|
|
45
|
+
background: white;
|
|
20
46
|
}
|
|
21
47
|
|
|
22
48
|
> figure {
|
|
@@ -24,6 +50,17 @@
|
|
|
24
50
|
padding: 10px;
|
|
25
51
|
}
|
|
26
52
|
|
|
53
|
+
> iframe {
|
|
54
|
+
transition: 200ms ease-out;
|
|
55
|
+
width: 100%;
|
|
56
|
+
height: 60px;
|
|
57
|
+
opacity: 0;
|
|
58
|
+
|
|
59
|
+
&[style*="height"] {
|
|
60
|
+
opacity: 1;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
27
64
|
._component {
|
|
28
65
|
transition: 200ms max-width;
|
|
29
66
|
overflow: hidden;
|