futuro 0.4.6 → 0.4.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/artwork/orwell/animal/flob.scss +5 -0
- data/_includes/artwork/orwell/animal/waldo.scss +45 -0
- data/_includes/html/head.liquid +7 -5
- data/_includes/html/overlay/about.liquid +1 -1
- data/_includes/html/overlay/browse.liquid +19 -19
- data/_includes/html/overlay/load.liquid +42 -47
- data/_includes/html/overlay/mobile.liquid +4 -4
- data/_includes/html/overlay/search.liquid +16 -12
- data/_includes/html/overlay.liquid +7 -4
- data/_includes/html/page/artwork.liquid +1 -1
- data/_includes/html/page/info.liquid +4 -4
- data/_includes/html/page/layout/chapter.liquid +2 -2
- data/_includes/html/page/layout/home.liquid +11 -9
- data/_includes/html/page/layout/page.liquid +4 -4
- data/_includes/html/page/title.liquid +3 -3
- data/_includes/html/page/topbar.liquid +10 -10
- data/_includes/html/page/util.liquid +2 -2
- data/_includes/html/page/utils/author.liquid +1 -1
- data/_includes/html/page/utils/share.liquid +3 -3
- data/_includes/html/page/utils/update.liquid +1 -1
- data/_includes/html/scripts.liquid +2 -2
- data/_layouts/feed.html +1 -1
- data/_layouts/single.html +1 -1
- data/_sass/_area.scss +23 -76
- data/_sass/_bar.scss +2 -2
- data/_sass/_base.lite.scss +4 -0
- data/_sass/_base.scss +16 -15
- data/_sass/_block.scss +21 -153
- data/_sass/_box.scss +2 -2
- data/_sass/_btn.scss +1 -1
- data/_sass/_col.scss +14 -17
- data/_sass/_form.scss +1 -1
- data/_sass/_input.scss +6 -7
- data/_sass/_lnk.scss +9 -10
- data/_sass/_nav.scss +3 -3
- data/_sass/_site.scss +3 -15
- data/_sass/_slick.scss +93 -97
- data/_sass/_split.scss +7 -10
- data/_sass/_task.scss +10 -13
- data/_sass/_title.scss +30 -58
- data/_sass/_wrap.scss +19 -50
- data/_sass/{_overlay.scss → area/_overlay.scss} +9 -17
- data/_sass/area/_topbar.scss +14 -0
- data/_sass/block/_browse.scss +35 -0
- data/_sass/block/_results.scss +39 -0
- data/_sass/block/_util.scss +37 -0
- data/_sass/fonts/_lite.scss +18 -0
- data/_sass/fonts/_max.scss +41 -0
- data/_sass/futuro.lite.scss +37 -0
- data/_sass/futuro.scss +32 -34
- data/_sass/helpers/_extends.scss +66 -49
- data/_sass/helpers/_mixins.scss +13 -5
- data/_sass/{_helpers.scss → helpers/_variables.scss} +0 -0
- data/_sass/title/_overlay.scss +22 -0
- data/_sass/wrap/_overlay.scss +28 -0
- data/assets/{img → css}/fallback.jpg +0 -0
- data/assets/{img → css}/favicon.png +0 -0
- data/assets/css/styles.lite.scss +4 -0
- data/assets/css/styles.scss +0 -1
- data/assets/js/footer/custom/CheckWidth.js +13 -11
- data/assets/js/footer/custom/ExpandBlock.js +9 -5
- data/assets/js/footer/custom/OpenOverlay.js +90 -65
- data/assets/js/footer/custom/ScrollFunc.js +15 -14
- data/assets/js/footer/custom/Settings.js +6 -7
- data/assets/js/footer/custom/SetupHome.js +6 -9
- data/assets/js/footer/custom/SiteFunc.js +15 -11
- data/assets/js/footer/custom/SplitCode.js +8 -10
- data/assets/js/footer/custom/StartBrowse.js +45 -45
- data/assets/js/footer/custom/UtilShare.js +13 -10
- data/assets/js/footer/vendor/gsap-draw.js +6 -9
- data/assets/js/futuro.footer.custom.js +1 -0
- data/assets/js/{futuro.vendor.js → futuro.footer.vendor.js} +7 -9
- data/assets/js/futuro.header.custom.js +1 -0
- data/assets/js/futuro.header.legacy.js +26 -0
- data/assets/js/{header.vendor.js → futuro.header.vendor.js} +1 -0
- data/assets/js/header/custom/Overlay.js +58 -0
- data/assets/js/header/custom/Site.js +72 -0
- data/assets/js/header/vendor/{enquire.min.js → enquire.js} +0 -0
- data/assets/js/header/vendor/{gsap.min.js → gsap.js} +0 -0
- data/assets/js/header/vendor/{modernizr.min.js → modernizr.js} +1 -1
- data/assets/js/header/vendor/modernizr.legacy.js +1 -0
- metadata +30 -19
- data/_sass/_copy.scss +0 -10
- data/_sass/_fonts.scss +0 -21
- data/assets/css/normalize.css +0 -423
- data/assets/img/search.svg +0 -1
- data/assets/js/futuro.custom.min.js +0 -1
- data/assets/js/header/custom/Settings.js +0 -21
- data/assets/js/header/data.js +0 -5
- data/assets/js/header.custom.min.js +0 -1
data/_sass/_slick.scss
CHANGED
@@ -1,125 +1,121 @@
|
|
1
1
|
|
2
|
-
.slick {
|
2
|
+
.slick-slide {
|
3
|
+
height: 100%;
|
4
|
+
float: left;
|
3
5
|
|
4
|
-
|
5
|
-
|
6
|
-
margin-left: 10px;
|
6
|
+
> div {
|
7
|
+
@include center;
|
7
8
|
height: 100%;
|
8
|
-
float: left;
|
9
|
-
|
10
|
-
> div {
|
11
|
-
height: 100%;
|
12
|
-
}
|
13
|
-
}
|
14
|
-
|
15
|
-
&-list {
|
16
|
-
position: relative;
|
17
|
-
overflow: hidden;
|
18
|
-
display: block;
|
19
|
-
margin: 0 auto;
|
20
|
-
width: 650px;
|
21
|
-
height: 100%;
|
22
|
-
z-index: 2;
|
23
|
-
padding: 0;
|
24
|
-
}
|
25
|
-
|
26
|
-
&-arrow {
|
27
|
-
transition: opacity 200ms ease;
|
28
|
-
background-color: transparent;
|
29
|
-
text-indent: -9999px;
|
30
|
-
position: absolute;
|
31
|
-
border-radius: 0;
|
32
|
-
height: 100%;
|
33
|
-
width: 50%;
|
34
|
-
z-index: 1;
|
35
|
-
padding: 0;
|
36
|
-
top: 0;
|
37
|
-
}
|
38
|
-
|
39
|
-
&-prev {
|
40
|
-
background: url('/assets/svg/arrow-left.svg') no-repeat center right 310px;
|
41
|
-
left: 0;
|
42
9
|
}
|
10
|
+
}
|
43
11
|
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
12
|
+
.slick-list {
|
13
|
+
position: relative;
|
14
|
+
overflow: hidden;
|
15
|
+
display: block;
|
16
|
+
margin: 0 auto;
|
17
|
+
width: 650px;
|
18
|
+
height: 100%;
|
19
|
+
z-index: 2;
|
20
|
+
padding: 0;
|
21
|
+
}
|
48
22
|
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
23
|
+
.slick-arrow {
|
24
|
+
transition: opacity 200ms ease;
|
25
|
+
background-color: transparent;
|
26
|
+
text-indent: -9999px;
|
27
|
+
position: absolute;
|
28
|
+
border-radius: 0;
|
29
|
+
height: 100%;
|
30
|
+
width: 50%;
|
31
|
+
z-index: 1;
|
32
|
+
padding: 0;
|
33
|
+
top: 0;
|
34
|
+
}
|
56
35
|
|
57
|
-
|
58
|
-
|
59
|
-
|
36
|
+
.slick-prev {
|
37
|
+
background: url('/assets/svg/arrow-left.svg') no-repeat center right 310px;
|
38
|
+
left: 0;
|
39
|
+
}
|
60
40
|
|
61
|
-
|
62
|
-
|
63
|
-
|
41
|
+
.slick-next {
|
42
|
+
background: url('/assets/svg/arrow-right.svg') no-repeat center left 310px;
|
43
|
+
right: 0;
|
44
|
+
}
|
64
45
|
|
65
|
-
|
66
|
-
|
67
|
-
|
46
|
+
.slick-slider {
|
47
|
+
-webkit-tap-highlight-color: transparent;
|
48
|
+
touch-action: pan-y;
|
49
|
+
position: relative;
|
50
|
+
user-select: none;
|
51
|
+
display: block;
|
68
52
|
|
69
|
-
|
70
|
-
|
71
|
-
}
|
53
|
+
.slick-track, .slick-list {
|
54
|
+
transform: translate3d(0, 0, 0);
|
72
55
|
}
|
56
|
+
}
|
73
57
|
|
74
|
-
|
58
|
+
.slick-slide {
|
59
|
+
min-height: 1px;
|
60
|
+
display: none;
|
75
61
|
|
76
|
-
|
77
|
-
|
78
|
-
|
62
|
+
&.slick-loading img {
|
63
|
+
display: none;
|
64
|
+
}
|
79
65
|
|
80
|
-
|
81
|
-
|
82
|
-
cursor: hand;
|
83
|
-
}
|
66
|
+
&.dragging img {
|
67
|
+
pointer-events: none;
|
84
68
|
}
|
85
69
|
|
86
|
-
|
87
|
-
position: relative;
|
88
|
-
margin-right: auto;
|
89
|
-
margin-left: auto;
|
70
|
+
img {
|
90
71
|
display: block;
|
91
|
-
height: 100%;
|
92
|
-
@include cf;
|
93
|
-
left: 0;
|
94
|
-
top: 0;
|
95
72
|
}
|
73
|
+
}
|
96
74
|
|
97
|
-
|
98
|
-
&-slider &-list {
|
99
|
-
transform: translate3d(0, 0, 0);
|
100
|
-
}
|
75
|
+
.slick-list {
|
101
76
|
|
102
|
-
|
103
|
-
|
104
|
-
display: none;
|
105
|
-
}
|
77
|
+
&:focus {
|
78
|
+
outline: none;
|
106
79
|
}
|
107
80
|
|
108
|
-
|
109
|
-
|
81
|
+
&.dragging {
|
82
|
+
cursor: pointer;
|
83
|
+
cursor: hand;
|
110
84
|
}
|
85
|
+
}
|
111
86
|
|
112
|
-
|
113
|
-
|
114
|
-
|
87
|
+
.slick-track {
|
88
|
+
position: relative;
|
89
|
+
margin-right: auto;
|
90
|
+
margin-left: auto;
|
91
|
+
display: block;
|
92
|
+
height: 100%;
|
93
|
+
@include cf;
|
94
|
+
left: 0;
|
95
|
+
top: 0;
|
96
|
+
}
|
115
97
|
|
116
|
-
|
117
|
-
float: right;
|
118
|
-
}
|
98
|
+
.slick-arrow {
|
119
99
|
|
120
|
-
|
121
|
-
|
122
|
-
display: block;
|
123
|
-
height: auto;
|
100
|
+
&.slick-hidden {
|
101
|
+
display: none;
|
124
102
|
}
|
125
103
|
}
|
104
|
+
|
105
|
+
.slick-initialized .slick-slide {
|
106
|
+
display: block;
|
107
|
+
}
|
108
|
+
|
109
|
+
.slick-loading .slick-slide {
|
110
|
+
visibility: hidden;
|
111
|
+
}
|
112
|
+
|
113
|
+
[dir='rtl'] .slick-slide {
|
114
|
+
float: right;
|
115
|
+
}
|
116
|
+
|
117
|
+
.slick-vertical .slick-slide {
|
118
|
+
border: 1px solid transparent;
|
119
|
+
display: block;
|
120
|
+
height: auto;
|
121
|
+
}
|
data/_sass/_split.scss
CHANGED
@@ -1,15 +1,12 @@
|
|
1
1
|
|
2
|
-
.split {
|
3
|
-
|
4
|
-
|
5
|
-
&.--right {
|
6
|
-
padding: 112px 0 0 56px;
|
7
|
-
}
|
2
|
+
.split-chapter {
|
3
|
+
&.right {
|
4
|
+
padding: 112px 0 0 56px;
|
8
5
|
}
|
6
|
+
}
|
9
7
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
}
|
8
|
+
.split-page {
|
9
|
+
&.left {
|
10
|
+
padding: 56px 0 0 180px;
|
14
11
|
}
|
15
12
|
}
|
data/_sass/_task.scss
CHANGED
@@ -1,16 +1,13 @@
|
|
1
1
|
|
2
|
-
.task {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
display: grid;
|
2
|
+
.task-list {
|
3
|
+
grid-row-gap: 4px;
|
4
|
+
padding-left: 0;
|
5
|
+
display: grid;
|
6
|
+
}
|
8
7
|
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
}
|
15
|
-
}
|
8
|
+
.task-list-item {
|
9
|
+
justify-content: flex-start;
|
10
|
+
grid-auto-flow: column;
|
11
|
+
grid-column-gap: 8px;
|
12
|
+
display: inline-grid;
|
16
13
|
}
|
data/_sass/_title.scss
CHANGED
@@ -1,78 +1,50 @@
|
|
1
1
|
|
2
2
|
.title {
|
3
3
|
|
4
|
-
&.
|
5
|
-
|
6
|
-
&-about {
|
7
|
-
border-bottom: 2px solid $gun;
|
8
|
-
}
|
9
|
-
|
10
|
-
&-browse {
|
11
|
-
border-bottom: 2px solid $gun;
|
12
|
-
}
|
13
|
-
|
14
|
-
&-search {
|
15
|
-
border-bottom: 2px solid $gun;
|
16
|
-
}
|
17
|
-
|
18
|
-
&-load {
|
19
|
-
@extend %bold;
|
20
|
-
text-transform: uppercase;
|
21
|
-
font-size: 4.8rem;
|
22
|
-
color: red;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
|
26
|
-
&._mobile {
|
4
|
+
&.mobile {
|
27
5
|
text-align: center;
|
28
6
|
font-size: 4.8rem;
|
29
7
|
line-height: 1;
|
30
8
|
}
|
31
9
|
|
32
|
-
&.
|
33
|
-
|
34
|
-
&-title {
|
10
|
+
&.chapter-title {
|
35
11
|
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
12
|
+
&:not(.docs) {
|
13
|
+
@include rotatetitle;
|
14
|
+
bottom: 56px;
|
15
|
+
left: 128px;
|
16
|
+
}
|
41
17
|
|
42
|
-
|
43
|
-
|
44
|
-
}
|
18
|
+
&.docs {
|
19
|
+
color: $smoke;
|
45
20
|
}
|
46
21
|
}
|
47
22
|
|
48
|
-
&.
|
49
|
-
|
50
|
-
&-title {
|
23
|
+
&.page-title {
|
51
24
|
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
}
|
57
|
-
|
58
|
-
&.--docs {
|
59
|
-
align-self: center;
|
60
|
-
}
|
25
|
+
&:not(.docs) {
|
26
|
+
@include rotatetitle;
|
27
|
+
bottom: 56px;
|
28
|
+
left: 128px;
|
61
29
|
}
|
62
30
|
|
63
|
-
|
64
|
-
|
65
|
-
text-transform: capitalize;
|
66
|
-
right: 78px;
|
67
|
-
top: 56px;
|
31
|
+
&.docs {
|
32
|
+
align-self: center;
|
68
33
|
}
|
34
|
+
}
|
69
35
|
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
36
|
+
&.page-chapter {
|
37
|
+
@include rotatetitle(top right);
|
38
|
+
text-transform: capitalize;
|
39
|
+
right: 78px;
|
40
|
+
top: 56px;
|
41
|
+
}
|
42
|
+
|
43
|
+
&.page-weight {
|
44
|
+
@include rotatetitle;
|
45
|
+
transform-origin: bottom left;
|
46
|
+
left: calc(100% - 58px);
|
47
|
+
text-align: right;
|
48
|
+
bottom: 56px;
|
77
49
|
}
|
78
50
|
}
|
data/_sass/_wrap.scss
CHANGED
@@ -1,76 +1,45 @@
|
|
1
1
|
|
2
2
|
.wrap {
|
3
3
|
|
4
|
-
&.
|
5
|
-
align
|
6
|
-
display: grid;
|
7
|
-
height: 100%;
|
8
|
-
}
|
9
|
-
|
10
|
-
&._home {
|
4
|
+
&.home {
|
5
|
+
text-align: center;
|
11
6
|
height: 100%;
|
12
7
|
width: 100%;
|
8
|
+
|
9
|
+
&:not(.slick-initialized) {
|
10
|
+
@include center;
|
11
|
+
}
|
13
12
|
}
|
14
13
|
|
15
|
-
&.
|
14
|
+
&.scroller {
|
16
15
|
@extend %wrap_grid;
|
17
16
|
grid-gap: 10px;
|
18
17
|
}
|
19
18
|
|
20
|
-
&.type {
|
21
|
-
|
22
|
-
&-page {
|
23
|
-
@extend %wrap_grid;
|
24
|
-
|
25
|
-
+ .wrap.type-page {
|
19
|
+
&.type-page {
|
20
|
+
@extend %wrap_grid;
|
26
21
|
|
27
|
-
|
28
|
-
margin-top: 20px;
|
29
|
-
}
|
22
|
+
+ .wrap.type-page {
|
30
23
|
|
31
|
-
|
32
|
-
|
33
|
-
}
|
24
|
+
&:not(.setup-docs) {
|
25
|
+
margin-top: 20px;
|
34
26
|
}
|
35
27
|
|
36
|
-
|
37
|
-
margin-top:
|
28
|
+
&.setup-docs {
|
29
|
+
margin-top: 1px;
|
38
30
|
}
|
39
31
|
}
|
40
32
|
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
+ .wrap.type-page {
|
45
|
-
margin-top: 20px;
|
46
|
-
}
|
33
|
+
+ .wrap.type-chapter {
|
34
|
+
margin-top: 100px;
|
47
35
|
}
|
48
36
|
}
|
49
37
|
|
50
|
-
&.
|
38
|
+
&.type-chapter {
|
51
39
|
@extend %wrap_grid;
|
52
|
-
align-self: center;
|
53
|
-
position: relative;
|
54
|
-
z-index: 2;
|
55
|
-
|
56
|
-
&.--load {
|
57
|
-
text-align: center;
|
58
|
-
|
59
|
-
.title + .box {
|
60
|
-
margin-top: 20px;
|
61
|
-
}
|
62
|
-
}
|
63
|
-
|
64
|
-
&.--mobile {
|
65
|
-
text-align: center;
|
66
|
-
|
67
|
-
p + .box._mobile {
|
68
|
-
margin-top: 20px;
|
69
|
-
}
|
70
|
-
}
|
71
40
|
|
72
|
-
|
73
|
-
|
41
|
+
+ .wrap.type-page {
|
42
|
+
margin-top: 20px;
|
74
43
|
}
|
75
44
|
}
|
76
45
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
|
2
|
-
.overlay {
|
2
|
+
.area.overlay {
|
3
3
|
@include zeros;
|
4
4
|
background-color: rgba($smoke,0.95);
|
5
5
|
justify-content: center;
|
@@ -12,30 +12,22 @@
|
|
12
12
|
color: $gun;
|
13
13
|
z-index: 4;
|
14
14
|
|
15
|
-
|
16
|
-
|
17
|
-
}
|
18
|
-
|
19
|
-
&._load {
|
15
|
+
&.load {
|
16
|
+
@extend %grid_load;
|
20
17
|
background-color: $smoke;
|
21
18
|
z-index: 5;
|
22
19
|
|
23
|
-
|
20
|
+
&.demo {
|
24
21
|
@extend %grid_load;
|
25
22
|
}
|
26
23
|
}
|
27
24
|
|
28
|
-
&.
|
29
|
-
background-color: $smoke;
|
25
|
+
&.mobile {
|
30
26
|
@extend %grid_load;
|
27
|
+
background-color: $smoke;
|
31
28
|
}
|
32
29
|
|
33
|
-
&.
|
34
|
-
@extend %grid_load;
|
35
|
-
z-index: 5;
|
36
|
-
}
|
37
|
-
|
38
|
-
&._about {
|
30
|
+
&.about {
|
39
31
|
@extend %grid_overlay;
|
40
32
|
|
41
33
|
h4 + p, p + p {
|
@@ -43,11 +35,11 @@
|
|
43
35
|
}
|
44
36
|
}
|
45
37
|
|
46
|
-
&.
|
38
|
+
&.browse {
|
47
39
|
@extend %grid_overlay;
|
48
40
|
}
|
49
41
|
|
50
|
-
&.
|
42
|
+
&.search {
|
51
43
|
@extend %grid_search;
|
52
44
|
}
|
53
45
|
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
|
2
|
+
.area.topbar {
|
3
|
+
@include zeros;
|
4
|
+
border-bottom: 1px solid darken($smoke,10%);
|
5
|
+
grid-template-columns: 1fr auto 1fr;
|
6
|
+
background-color: white;
|
7
|
+
grid-auto-flow: column;
|
8
|
+
padding-right: 14px;
|
9
|
+
padding-left: 14px;
|
10
|
+
display: grid;
|
11
|
+
bottom: auto;
|
12
|
+
height: 60px;
|
13
|
+
z-index: 4;
|
14
|
+
}
|
@@ -0,0 +1,35 @@
|
|
1
|
+
|
2
|
+
.block.browse {
|
3
|
+
grid-template-columns: 280px 280px;
|
4
|
+
min-height: 264px;
|
5
|
+
display: grid;
|
6
|
+
|
7
|
+
&.setup-library, &.setup-docs {
|
8
|
+
grid-template-columns: 160px 200px 200px;
|
9
|
+
}
|
10
|
+
|
11
|
+
&.setup-book {
|
12
|
+
.col.browse.book {
|
13
|
+
display: none;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
|
17
|
+
a {
|
18
|
+
text-decoration: none;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
|
22
|
+
.block.browse-label {
|
23
|
+
padding: 8px 10px 6px 10px;
|
24
|
+
|
25
|
+
&.head {
|
26
|
+
border-bottom: 2px solid $gun;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
.block.browse-lnk {
|
31
|
+
a {
|
32
|
+
padding: 8px 10px 6px 10px;
|
33
|
+
display: block;
|
34
|
+
}
|
35
|
+
}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
|
2
|
+
.block {
|
3
|
+
|
4
|
+
&.results {
|
5
|
+
list-style: none;
|
6
|
+
}
|
7
|
+
|
8
|
+
&.results-entry {
|
9
|
+
cursor: pointer;
|
10
|
+
grid-gap: 5px;
|
11
|
+
padding: 10px;
|
12
|
+
display: grid;
|
13
|
+
|
14
|
+
&:hover {
|
15
|
+
background-color: rgba(black,0.05);
|
16
|
+
}
|
17
|
+
|
18
|
+
&.book-orwell {
|
19
|
+
@include ThemeResults($orwell);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
23
|
+
&.results-info {
|
24
|
+
justify-content: flex-start;
|
25
|
+
grid-auto-flow: column;
|
26
|
+
line-height: 1;
|
27
|
+
grid-gap: 7px;
|
28
|
+
display: grid;
|
29
|
+
}
|
30
|
+
|
31
|
+
&.results-dot {
|
32
|
+
background-color: $gun;
|
33
|
+
border-radius: 50%;
|
34
|
+
position: relative;
|
35
|
+
height: 15px;
|
36
|
+
width: 15px;
|
37
|
+
top: 1px;
|
38
|
+
}
|
39
|
+
}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
|
2
|
+
.block.util {
|
3
|
+
grid-row-gap: 6px;
|
4
|
+
display: grid;
|
5
|
+
|
6
|
+
&.chapter {
|
7
|
+
position: absolute;
|
8
|
+
bottom: 56px;
|
9
|
+
right: 56px;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
.block.util-share {
|
14
|
+
@extend %util-grid;
|
15
|
+
cursor: pointer;
|
16
|
+
|
17
|
+
&.chapter {
|
18
|
+
justify-content: flex-end;
|
19
|
+
direction: rtl;
|
20
|
+
|
21
|
+
h5 {
|
22
|
+
direction: ltr;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
.block.util-url {
|
28
|
+
display: none;
|
29
|
+
}
|
30
|
+
|
31
|
+
.block.util-update {
|
32
|
+
@extend %util-grid;
|
33
|
+
}
|
34
|
+
|
35
|
+
.block.util-author {
|
36
|
+
@extend %util-grid;
|
37
|
+
}
|