alna-jekyll-theme 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- metadata +1 -28
- data/_sass/components/_components.author.scss +0 -35
- data/_sass/components/_components.book-details.scss +0 -46
- data/_sass/components/_components.book.scss +0 -43
- data/_sass/components/_components.bookcase.scss +0 -24
- data/_sass/components/_components.buttons.scss +0 -129
- data/_sass/components/_components.date.scss +0 -8
- data/_sass/components/_components.icons.scss +0 -80
- data/_sass/components/_components.notebook.scss +0 -30
- data/_sass/components/_components.page-content.scss +0 -25
- data/_sass/components/_components.page-foot.scss +0 -36
- data/_sass/components/_components.page-head.scss +0 -9
- data/_sass/components/_components.portfolio.scss +0 -19
- data/_sass/components/_components.post-head.scss +0 -9
- data/_sass/components/_components.post.scss +0 -33
- data/_sass/components/_components.project.scss +0 -24
- data/_sass/components/_components.rating.scss +0 -7
- data/_sass/components/_components.see-more.scss +0 -7
- data/_sass/components/_components.site-nav.scss +0 -45
- data/_sass/components/_components.social-media.scss +0 -12
- data/_sass/elements/_elements.descriptions.scss +0 -23
- data/_sass/elements/_elements.headings.scss +0 -8
- data/_sass/elements/_elements.links.scss +0 -14
- data/_sass/elements/_elements.page.scss +0 -20
- data/_sass/main.scss +0 -197
- data/_sass/settings/_settings.colors.scss +0 -174
- data/_sass/settings/_settings.global.scss +0 -20
- data/_sass/tools/_tools.aliases.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: 7368d5ee305917dea3d00669a3df6063d9549b75
|
4
|
+
data.tar.gz: c3d8ffb51f2e529ff3a99478b3b9176534ddae92
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: fed63fb0e40c6d3f1f86adfc8c828a0c2b35cfdd8e037a2e6e8e79365f221fc91818216a65b63d9cc8ee4e3936bdac9e7305a0ae0251744d18d61016800768a3
|
7
|
+
data.tar.gz: 56c90a13933596bb154146cc86b1241f8b6c83a3c7b1479f218769c8f97839d8cf5ab7c0c78ec265ef013c9a82aefe09b02580e6a23df0e4db3edfd068132c31
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: alna-jekyll-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Abel Nieva
|
@@ -82,33 +82,6 @@ files:
|
|
82
82
|
- _layouts/default.html
|
83
83
|
- _layouts/page.html
|
84
84
|
- _layouts/post.html
|
85
|
-
- _sass/components/_components.author.scss
|
86
|
-
- _sass/components/_components.book-details.scss
|
87
|
-
- _sass/components/_components.book.scss
|
88
|
-
- _sass/components/_components.bookcase.scss
|
89
|
-
- _sass/components/_components.buttons.scss
|
90
|
-
- _sass/components/_components.date.scss
|
91
|
-
- _sass/components/_components.icons.scss
|
92
|
-
- _sass/components/_components.notebook.scss
|
93
|
-
- _sass/components/_components.page-content.scss
|
94
|
-
- _sass/components/_components.page-foot.scss
|
95
|
-
- _sass/components/_components.page-head.scss
|
96
|
-
- _sass/components/_components.portfolio.scss
|
97
|
-
- _sass/components/_components.post-head.scss
|
98
|
-
- _sass/components/_components.post.scss
|
99
|
-
- _sass/components/_components.project.scss
|
100
|
-
- _sass/components/_components.rating.scss
|
101
|
-
- _sass/components/_components.see-more.scss
|
102
|
-
- _sass/components/_components.site-nav.scss
|
103
|
-
- _sass/components/_components.social-media.scss
|
104
|
-
- _sass/elements/_elements.descriptions.scss
|
105
|
-
- _sass/elements/_elements.headings.scss
|
106
|
-
- _sass/elements/_elements.links.scss
|
107
|
-
- _sass/elements/_elements.page.scss
|
108
|
-
- _sass/main.scss
|
109
|
-
- _sass/settings/_settings.colors.scss
|
110
|
-
- _sass/settings/_settings.global.scss
|
111
|
-
- _sass/tools/_tools.aliases.scss
|
112
85
|
- assets/css/main.css
|
113
86
|
- assets/fonts/icomoon.eot
|
114
87
|
- assets/fonts/icomoon.svg
|
@@ -1,35 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#AUTHOR
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-author {
|
6
|
-
margin-bottom: 0;
|
7
|
-
padding: 0 $unit;
|
8
|
-
|
9
|
-
@include mq($until: tablet) {
|
10
|
-
text-align: center;
|
11
|
-
}
|
12
|
-
}
|
13
|
-
|
14
|
-
|
15
|
-
.c-author__photo {
|
16
|
-
@include mq($until: tablet) {
|
17
|
-
padding-right: 0;
|
18
|
-
}
|
19
|
-
|
20
|
-
img {
|
21
|
-
border-radius: 50%;
|
22
|
-
}
|
23
|
-
}
|
24
|
-
|
25
|
-
|
26
|
-
.c-author__bio {
|
27
|
-
@include mq($until: tablet) {
|
28
|
-
display: none;
|
29
|
-
}
|
30
|
-
|
31
|
-
a {
|
32
|
-
color: currentColor;
|
33
|
-
border-bottom: 1px dotted currentColor;
|
34
|
-
}
|
35
|
-
}
|
@@ -1,46 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#BOOK-DETAILS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-book-details {
|
6
|
-
background: $color-book-details-background;
|
7
|
-
padding: $unit;
|
8
|
-
margin-bottom: $unit-large;
|
9
|
-
border-left: 4px solid $color-book-details-border;
|
10
|
-
|
11
|
-
small {
|
12
|
-
display: block;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
|
17
|
-
.c-book-details__cover {
|
18
|
-
@include mq($until: tablet) {
|
19
|
-
display: block;
|
20
|
-
float: none;
|
21
|
-
margin: 0 auto $unit;
|
22
|
-
}
|
23
|
-
|
24
|
-
img {
|
25
|
-
max-height: 180px;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
|
29
|
-
|
30
|
-
.c-book-details__title {
|
31
|
-
margin-bottom: 0;
|
32
|
-
}
|
33
|
-
|
34
|
-
|
35
|
-
.c-book-details__details {
|
36
|
-
@include font-size(14px, false);
|
37
|
-
}
|
38
|
-
|
39
|
-
|
40
|
-
.c-book-details__descriptions {
|
41
|
-
margin-bottom: 0;
|
42
|
-
|
43
|
-
@include mq($until: tablet) {
|
44
|
-
display: none;
|
45
|
-
}
|
46
|
-
}
|
@@ -1,43 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#BOOK
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-book {
|
6
|
-
text-align: center;
|
7
|
-
}
|
8
|
-
|
9
|
-
|
10
|
-
.c-book__link {
|
11
|
-
color: $color-book;
|
12
|
-
display: block;
|
13
|
-
padding: $unit-small;
|
14
|
-
|
15
|
-
&:hover,
|
16
|
-
&:focus {
|
17
|
-
color: $color-book;
|
18
|
-
background: $color-book-background;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
|
23
|
-
.c-book__cover {
|
24
|
-
box-sizing: content-box;
|
25
|
-
margin-bottom: $unit-small;
|
26
|
-
max-height: 200px;
|
27
|
-
|
28
|
-
img {
|
29
|
-
max-height: inherit;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
|
34
|
-
.c-book__headline {
|
35
|
-
color: $color-book-headline;
|
36
|
-
margin: $unit-tiny 0;
|
37
|
-
}
|
38
|
-
|
39
|
-
|
40
|
-
.c-book__excerpt {
|
41
|
-
@include font-size(16px, false);
|
42
|
-
margin-bottom: 0;
|
43
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#BOOKCASE
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-bookcase {
|
6
|
-
padding: $unit-large 0;
|
7
|
-
border-bottom: 1px solid $color-bookcase-border;
|
8
|
-
}
|
9
|
-
|
10
|
-
|
11
|
-
.c-bookcase__headline {
|
12
|
-
text-align: center;
|
13
|
-
margin-bottom: $unit-large;
|
14
|
-
}
|
15
|
-
|
16
|
-
|
17
|
-
.c-bookcase__list {
|
18
|
-
margin-bottom: $unit;
|
19
|
-
}
|
20
|
-
|
21
|
-
|
22
|
-
.c-bookcase__item {
|
23
|
-
margin-bottom: $unit;
|
24
|
-
}
|
@@ -1,129 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#BUTTONS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
/**
|
6
|
-
* 1. Allow us to style box model properties.
|
7
|
-
* 2. Line different sized buttons up a little nicer.
|
8
|
-
* 3. Reset/normalize some styles.
|
9
|
-
* 4. Force all button-styled elements to appear clickable.
|
10
|
-
*/
|
11
|
-
|
12
|
-
.c-btn {
|
13
|
-
@include font-size(18px, 2.2);
|
14
|
-
display: inline-block; /* [1] */
|
15
|
-
vertical-align: middle; /* [2] */
|
16
|
-
text-align: center; /* [3] */
|
17
|
-
margin: 0; /* [3] */
|
18
|
-
cursor: pointer; /* [4] */
|
19
|
-
padding: 0 $unit;
|
20
|
-
transition: $global-transition;
|
21
|
-
border-radius: $global-radius;
|
22
|
-
font-weight: $semi-bold;
|
23
|
-
|
24
|
-
}
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
/* Style variants
|
31
|
-
========================================================================== */
|
32
|
-
|
33
|
-
.c-btn--primary {
|
34
|
-
background-color: $color-btn-primary-background;
|
35
|
-
|
36
|
-
&,
|
37
|
-
&:hover,
|
38
|
-
&:active,
|
39
|
-
&:focus {
|
40
|
-
text-decoration: none; /* [3] */
|
41
|
-
color: $color-btn-primary;
|
42
|
-
}
|
43
|
-
|
44
|
-
&:hover,
|
45
|
-
&:focus {
|
46
|
-
background-color: $color-btn-primary-hover;
|
47
|
-
}
|
48
|
-
|
49
|
-
}
|
50
|
-
|
51
|
-
.c-btn--secondary {
|
52
|
-
background-color: $color-btn-secondary-background;
|
53
|
-
|
54
|
-
&,
|
55
|
-
&:hover,
|
56
|
-
&:active,
|
57
|
-
&:focus {
|
58
|
-
text-decoration: none; /* [3] */
|
59
|
-
color: $color-btn-secondary;
|
60
|
-
}
|
61
|
-
|
62
|
-
&:hover,
|
63
|
-
&:focus {
|
64
|
-
background-color: $color-btn-secondary-hover;
|
65
|
-
}
|
66
|
-
|
67
|
-
}
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
/* Size variants
|
74
|
-
========================================================================== */
|
75
|
-
|
76
|
-
.c-btn--small {
|
77
|
-
@include font-size(16px, 1.8);
|
78
|
-
padding: 0 $unit-small;
|
79
|
-
}
|
80
|
-
|
81
|
-
.c-btn--large {
|
82
|
-
@include font-size(20px, 2.6);
|
83
|
-
padding: 0 $unit-large;
|
84
|
-
}
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
/* Ghost buttons
|
91
|
-
========================================================================== */
|
92
|
-
|
93
|
-
/**
|
94
|
-
* Ghost buttons have see-through backgrounds and are bordered.
|
95
|
-
*/
|
96
|
-
|
97
|
-
$btn-ghost-border-width: 1px;
|
98
|
-
|
99
|
-
.c-btn--ghost {
|
100
|
-
box-shadow: inset 0 0 0 $btn-ghost-border-width currentColor;
|
101
|
-
|
102
|
-
&,
|
103
|
-
&:hover,
|
104
|
-
&:active,
|
105
|
-
&:focus {
|
106
|
-
background: none;
|
107
|
-
}
|
108
|
-
|
109
|
-
&.c-btn--primary {
|
110
|
-
color: $color-btn-primary-background;
|
111
|
-
|
112
|
-
&:hover,
|
113
|
-
&:focus {
|
114
|
-
color: $color-btn-primary-hover;
|
115
|
-
}
|
116
|
-
|
117
|
-
}
|
118
|
-
|
119
|
-
&.c-btn--secondary {
|
120
|
-
color: $color-btn-secondary-background;
|
121
|
-
|
122
|
-
&:hover,
|
123
|
-
&:focus {
|
124
|
-
color: $color-btn-secondary-hover;
|
125
|
-
}
|
126
|
-
|
127
|
-
}
|
128
|
-
|
129
|
-
}
|
@@ -1,80 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#ICONS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
@font-face {
|
6
|
-
font-family: 'icomoon';
|
7
|
-
src: url('../fonts/icomoon.eot?snldla');
|
8
|
-
src: url('../fonts/icomoon.eot?snldla#iefix') format('embedded-opentype'),
|
9
|
-
url('../fonts/icomoon.ttf?snldla') format('truetype'),
|
10
|
-
url('../fonts/icomoon.woff?snldla') format('woff'),
|
11
|
-
url('../fonts/icomoon.svg?snldla#icomoon') format('svg');
|
12
|
-
font-weight: normal;
|
13
|
-
font-style: normal;
|
14
|
-
}
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
.c-icon {
|
21
|
-
/* use !important to prevent issues with browser extensions that change fonts */
|
22
|
-
font-family: 'icomoon' !important;
|
23
|
-
speak: none;
|
24
|
-
font-style: normal;
|
25
|
-
font-weight: normal;
|
26
|
-
font-variant: normal;
|
27
|
-
text-transform: none;
|
28
|
-
line-height: 1;
|
29
|
-
|
30
|
-
/* Better Font Rendering =========== */
|
31
|
-
-webkit-font-smoothing: antialiased;
|
32
|
-
-moz-osx-font-smoothing: grayscale;
|
33
|
-
}
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
/* Type variants
|
40
|
-
========================================================================== */
|
41
|
-
|
42
|
-
.c-icon--facebook:before {
|
43
|
-
content: "\ea90";
|
44
|
-
}
|
45
|
-
|
46
|
-
.c-icon--instagram:before {
|
47
|
-
content: "\ea92";
|
48
|
-
}
|
49
|
-
|
50
|
-
.c-icon--twitter:before {
|
51
|
-
content: "\ea96";
|
52
|
-
}
|
53
|
-
|
54
|
-
.c-icon--youtube:before {
|
55
|
-
content: "\ea9d";
|
56
|
-
}
|
57
|
-
|
58
|
-
.c-icon--github:before {
|
59
|
-
content: "\eab0";
|
60
|
-
}
|
61
|
-
|
62
|
-
.c-icon--soundcloud:before {
|
63
|
-
content: "\eac3";
|
64
|
-
}
|
65
|
-
|
66
|
-
.c-icon--linkedin:before {
|
67
|
-
content: "\eaca";
|
68
|
-
}
|
69
|
-
|
70
|
-
.c-icon--envelop:before {
|
71
|
-
content: "\e945";
|
72
|
-
}
|
73
|
-
|
74
|
-
.c-icon--star-empty:before {
|
75
|
-
content: "\e9d7";
|
76
|
-
}
|
77
|
-
|
78
|
-
.c-icon--star-full:before {
|
79
|
-
content: "\e9d9";
|
80
|
-
}
|
@@ -1,30 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#NOTEBOOK
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-notebook {
|
6
|
-
padding: $unit-large 0;
|
7
|
-
border-bottom: 1px solid $color-notebook-border;
|
8
|
-
}
|
9
|
-
|
10
|
-
|
11
|
-
.c-notebook__headline {
|
12
|
-
text-align: center;
|
13
|
-
margin-bottom: $unit-large;
|
14
|
-
}
|
15
|
-
|
16
|
-
|
17
|
-
.c-notebook__list {
|
18
|
-
padding-bottom: $unit;
|
19
|
-
margin-bottom: 0;
|
20
|
-
}
|
21
|
-
|
22
|
-
|
23
|
-
.c-notebook__item {
|
24
|
-
border-bottom: 1px solid $color-notebook-border;
|
25
|
-
margin-top: $unit;
|
26
|
-
|
27
|
-
&:last-child {
|
28
|
-
border-bottom: 0;
|
29
|
-
}
|
30
|
-
}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#PAGE-CONTENT
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-page-content {
|
6
|
-
padding: $unit-large 0;
|
7
|
-
border-bottom: 1px solid $color-page-content-border;
|
8
|
-
|
9
|
-
p {
|
10
|
-
line-height: 1.5;
|
11
|
-
}
|
12
|
-
|
13
|
-
h2 {
|
14
|
-
border-top: 1px solid $color-page-content-border;
|
15
|
-
margin: $unit-large 0 $unit-small;
|
16
|
-
padding: $unit 0;
|
17
|
-
text-align: center;
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
|
22
|
-
.c-page-content__headline {
|
23
|
-
text-align: center;
|
24
|
-
margin-bottom: $unit-large;
|
25
|
-
}
|
@@ -1,36 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#DATE
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-page-foot {
|
6
|
-
@include font-size(14px, false);
|
7
|
-
color: $color-page-foot;
|
8
|
-
padding: $unit-large 0;
|
9
|
-
text-align: center;
|
10
|
-
}
|
11
|
-
|
12
|
-
|
13
|
-
.c-page-foot__about {
|
14
|
-
margin-bottom: $unit-small;
|
15
|
-
|
16
|
-
a {
|
17
|
-
border-bottom: 1px dotted currentColor;
|
18
|
-
color: $color-page-foot;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
|
23
|
-
.c-page-foot__copyright {
|
24
|
-
font-weight: $semi-bold;
|
25
|
-
margin-bottom: 0;
|
26
|
-
}
|
27
|
-
|
28
|
-
|
29
|
-
.c-page-foot__list {
|
30
|
-
}
|
31
|
-
|
32
|
-
|
33
|
-
.c-page-foot__item {
|
34
|
-
@include font-size(24px, false);
|
35
|
-
padding: 0 $unit-small;
|
36
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#PAGE-HEAD
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-page-head {
|
6
|
-
background: $color-page-head-background;
|
7
|
-
color: $color-page-head;
|
8
|
-
padding: $unit-large 0;
|
9
|
-
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#PORTFOLIO
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-portfolio {
|
6
|
-
border-bottom: 1px solid $color-portfolio-border;
|
7
|
-
padding: $unit-large 0;
|
8
|
-
}
|
9
|
-
|
10
|
-
|
11
|
-
.c-portfolio__headline {
|
12
|
-
margin-bottom: $unit-large;
|
13
|
-
text-align: center;
|
14
|
-
}
|
15
|
-
|
16
|
-
|
17
|
-
.c-portfolio__list {
|
18
|
-
margin-bottom: 0;
|
19
|
-
}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#POST
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-post {
|
6
|
-
padding: $unit-large 0;
|
7
|
-
border-bottom: 1px solid $color-post-border;
|
8
|
-
|
9
|
-
p {
|
10
|
-
line-height: 1.5;
|
11
|
-
}
|
12
|
-
|
13
|
-
h2 {
|
14
|
-
border-top: 1px solid $color-post-border;
|
15
|
-
margin: $unit-large 0 $unit-small;
|
16
|
-
padding: $unit 0;
|
17
|
-
}
|
18
|
-
|
19
|
-
a {
|
20
|
-
border-bottom: 1px dotted currentColor;
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
|
25
|
-
.c-post__content {
|
26
|
-
border-bottom: 1px solid $color-post-border;
|
27
|
-
margin-bottom: $unit-large;
|
28
|
-
padding-bottom: $unit-large;
|
29
|
-
|
30
|
-
p:last-child {
|
31
|
-
margin-bottom: 0;
|
32
|
-
}
|
33
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#PROJECT
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-project {
|
6
|
-
margin-bottom: $unit;
|
7
|
-
}
|
8
|
-
|
9
|
-
|
10
|
-
.c-project__banner {
|
11
|
-
margin-bottom: $unit;
|
12
|
-
}
|
13
|
-
|
14
|
-
|
15
|
-
.c-project__headline {
|
16
|
-
margin-bottom: $unit-small;
|
17
|
-
text-align: center;
|
18
|
-
text-transform: uppercase;
|
19
|
-
}
|
20
|
-
|
21
|
-
|
22
|
-
.c-project__btn {
|
23
|
-
text-align: center;
|
24
|
-
}
|
@@ -1,45 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#SITE-NAV
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
/**
|
6
|
-
* The site-nav component simply displays a list of items in one line.
|
7
|
-
*/
|
8
|
-
|
9
|
-
.c-site-nav {
|
10
|
-
background: $color-site-nav-background;
|
11
|
-
}
|
12
|
-
|
13
|
-
|
14
|
-
.c-site-nav__list {
|
15
|
-
margin-bottom: 0;
|
16
|
-
}
|
17
|
-
|
18
|
-
|
19
|
-
.c-site-nav__item {
|
20
|
-
text-align: center;
|
21
|
-
|
22
|
-
@include mq($until: tablet) {
|
23
|
-
display: block;
|
24
|
-
}
|
25
|
-
}
|
26
|
-
|
27
|
-
|
28
|
-
.c-site-nav__link {
|
29
|
-
@include font-size(16px, false);
|
30
|
-
color: $color-site-nav-link;
|
31
|
-
display: block;
|
32
|
-
letter-spacing: 3px;
|
33
|
-
padding: $unit 0;
|
34
|
-
text-transform: uppercase;
|
35
|
-
|
36
|
-
@include mq($until: tablet) {
|
37
|
-
padding: $unit-small 0;
|
38
|
-
}
|
39
|
-
|
40
|
-
&:hover,
|
41
|
-
&:focus {
|
42
|
-
background: $color-site-nav-link-background;
|
43
|
-
color: $color-site-nav-link;
|
44
|
-
}
|
45
|
-
}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#SITE-NAV
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
.c-social-media {
|
6
|
-
color: $color-social-media;
|
7
|
-
|
8
|
-
&:hover,
|
9
|
-
&:focus {
|
10
|
-
color: $color-social-media-hover;
|
11
|
-
}
|
12
|
-
}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#DESCRIPTIONS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
dl {
|
6
|
-
|
7
|
-
}
|
8
|
-
|
9
|
-
dt {
|
10
|
-
font-weight: $semi-bold;
|
11
|
-
float: left;
|
12
|
-
clear: left;
|
13
|
-
width: $unit * 5;
|
14
|
-
|
15
|
-
&:after {
|
16
|
-
content: ":";
|
17
|
-
}
|
18
|
-
}
|
19
|
-
|
20
|
-
dd {
|
21
|
-
margin-left: $unit;
|
22
|
-
padding-left: $unit;
|
23
|
-
}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#LINKS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
a {
|
6
|
-
color: $color-links;
|
7
|
-
text-decoration: none;
|
8
|
-
transition: $global-transition;
|
9
|
-
|
10
|
-
&:hover,
|
11
|
-
&:focus {
|
12
|
-
color: $color-links-hover;
|
13
|
-
}
|
14
|
-
}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#PAGE
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
/**
|
6
|
-
* 1. Prevent certain mobile browsers from automatically zooming fonts.
|
7
|
-
* 2. Fonts on OSX will look more consistent with other systems that do not
|
8
|
-
* render text using sub-pixel anti-aliasing.
|
9
|
-
*/
|
10
|
-
|
11
|
-
html {
|
12
|
-
color: $color-text;
|
13
|
-
font-family: $base-font-family;
|
14
|
-
font-weight: $regular;
|
15
|
-
letter-spacing: 0.5px;
|
16
|
-
-webkit-text-size-adjust: 100%; /* [1] */
|
17
|
-
-ms-text-size-adjust: 100%; /* [1] */
|
18
|
-
-moz-osx-font-smoothing: grayscale; /* [2] */
|
19
|
-
-webkit-font-smoothing: antialiased; /* [2] */
|
20
|
-
}
|
data/_sass/main.scss
DELETED
@@ -1,197 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
INUITCSS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
/**
|
6
|
-
* inuitcss, by @csswizardry
|
7
|
-
*
|
8
|
-
* github.com/inuitcss | inuitcss.com
|
9
|
-
*/
|
10
|
-
|
11
|
-
/**
|
12
|
-
* This is an example inuitcss manifest file. DO NOT MODIFY THIS FILE DIRECTLY.
|
13
|
-
* Instead, copy and paste it into your own CSS directory and make additions,
|
14
|
-
* extensions, and modifications there.
|
15
|
-
*/
|
16
|
-
|
17
|
-
/**
|
18
|
-
* CONTENTS
|
19
|
-
*
|
20
|
-
* SETTINGS
|
21
|
-
* Config...............Project-level configuration and feature switches.
|
22
|
-
* Core.................inuitcss’ core and setup settings.
|
23
|
-
* Global...............Project-wide variables and settings.
|
24
|
-
* Colors...............Manage our color palette in isolation.
|
25
|
-
*
|
26
|
-
* TOOLS
|
27
|
-
* Rem..................Tools for converting pixel inputs into their rem
|
28
|
-
* equivalents.
|
29
|
-
* Font-size............A mixin which guarantees baseline-friendly line-heights.
|
30
|
-
* Clearfix.............Micro clearfix mixin.
|
31
|
-
* Hidden...............Mixin for hiding elements.
|
32
|
-
* Sass MQ..............inuitcss’ default media query manager.
|
33
|
-
* Aliases..............Aliases onto longer inuitcss variables and mixins.
|
34
|
-
*
|
35
|
-
* GENERIC
|
36
|
-
* Box-sizing...........Better default `box-sizing`.
|
37
|
-
* Normalize.css........A level playing field using @necolas’ Normalize.css.
|
38
|
-
* Reset................A tiny reset to complement Normalize.css.
|
39
|
-
* Shared...............Sensibly and tersely share some global commonalities
|
40
|
-
* (particularly useful when managing vertical rhythm).
|
41
|
-
*
|
42
|
-
* ELEMENTS
|
43
|
-
* Page.................Set up our document’s default `font-size` and
|
44
|
-
* `line-height`.
|
45
|
-
* Headings.............Very minimal (i.e. only font-size information) for
|
46
|
-
* headings 1 through 6.
|
47
|
-
* Images...............Base image styles.
|
48
|
-
* Tables...............Simple table styles.
|
49
|
-
*
|
50
|
-
* OBJECTS
|
51
|
-
* Wrapper..............Page constraint object.
|
52
|
-
* Layout...............Generic layout module.
|
53
|
-
* Media................Image- and text-like content side by side. The
|
54
|
-
* poster-child of OOCSS.
|
55
|
-
* Flag.................Table-layout-based advancement on the Media object.
|
56
|
-
* List-bare............Lists with no bullets or indents.
|
57
|
-
* List-inline..........A list whose items all site in a line.
|
58
|
-
* Box..................Simple boxing abstraction.
|
59
|
-
* Block................Image-on-top-of-text object.
|
60
|
-
* Ratio................A container for maintaining aspect ratio of content.
|
61
|
-
* Crop.................Provide a cropping context for media (images, etc.).
|
62
|
-
* Tables...............Classes for manipulating `table`s.
|
63
|
-
* Pack.................Pack items into available horizontal space.
|
64
|
-
*
|
65
|
-
* COMPONENTS
|
66
|
-
* Buttons..............An example button component, and how it fits into the
|
67
|
-
* inuitcss framework.
|
68
|
-
* Site-nav.............Site’s main nav area.
|
69
|
-
*
|
70
|
-
* UTILITIES
|
71
|
-
* Clearfix.............Bind our clearfix onto a utility class.
|
72
|
-
* Widths...............Simple width helper classes.
|
73
|
-
* Headings.............Reassigning our heading styles to helper classes.
|
74
|
-
* Spacing..............Nudge bits of the DOM around with these spacing
|
75
|
-
* classes.
|
76
|
-
* Print................Reset-like styles taken from the HTML5 Boilerplate.
|
77
|
-
* Hide.................Helper classes to hide content
|
78
|
-
*/
|
79
|
-
|
80
|
-
// SETTINGS
|
81
|
-
// @import "settings/example.settings.config";
|
82
|
-
|
83
|
-
$inuit-global-font-size: 18px;
|
84
|
-
$inuit-global-line-height: 24px;
|
85
|
-
@import "../node_modules/inuitcss/settings/settings.core";
|
86
|
-
|
87
|
-
@import "settings/settings.global";
|
88
|
-
@import "settings/settings.colors";
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
// TOOLS
|
95
|
-
@import "../node_modules/inuitcss/tools/tools.rem";
|
96
|
-
@import "../node_modules/inuitcss/tools/tools.font-size";
|
97
|
-
@import "../node_modules/inuitcss/tools/tools.clearfix";
|
98
|
-
@import "../node_modules/inuitcss/tools/tools.hidden";
|
99
|
-
@import "../node_modules/sass-mq/mq";
|
100
|
-
@import "tools/tools.aliases";
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
// GENERIC
|
107
|
-
@import "../node_modules/inuitcss/generic/generic.box-sizing";
|
108
|
-
@import "../node_modules/inuitcss/generic/generic.normalize";
|
109
|
-
@import "../node_modules/inuitcss/generic/generic.reset";
|
110
|
-
@import "../node_modules/inuitcss/generic/generic.shared";
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
// ELEMENTS
|
117
|
-
@import "../node_modules/inuitcss/elements/elements.page";
|
118
|
-
@import "elements/elements.page";
|
119
|
-
|
120
|
-
$inuit-font-size-h1: 34px;
|
121
|
-
$inuit-font-size-h2: 30px;
|
122
|
-
$inuit-font-size-h3: 26px;
|
123
|
-
$inuit-font-size-h4: 20px;
|
124
|
-
$inuit-font-size-h5: 16px;
|
125
|
-
$inuit-font-size-h6: 14px;
|
126
|
-
@import "../node_modules/inuitcss/elements/elements.headings";
|
127
|
-
|
128
|
-
@import "elements/elements.headings";
|
129
|
-
@import "../node_modules/inuitcss/elements/elements.images";
|
130
|
-
@import "../node_modules/inuitcss/elements/elements.tables";
|
131
|
-
@import "elements/elements.links";
|
132
|
-
@import "elements/elements.descriptions";
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
// OBJECTS
|
139
|
-
//
|
140
|
-
// Uncomment and add to this section as necessary.
|
141
|
-
|
142
|
-
$inuit-wrapper-width: 800px;
|
143
|
-
@import "../node_modules/inuitcss/objects/objects.wrapper";
|
144
|
-
|
145
|
-
@import "../node_modules/inuitcss/objects/objects.layout";
|
146
|
-
// @import "../node_modules/inuitcss/objects/objects.media";
|
147
|
-
@import "../node_modules/inuitcss/objects/objects.flag";
|
148
|
-
@import "../node_modules/inuitcss/objects/objects.list-bare";
|
149
|
-
@import "../node_modules/inuitcss/objects/objects.list-inline";
|
150
|
-
// @import "../node_modules/inuitcss/objects/objects.box";
|
151
|
-
// @import "../node_modules/inuitcss/objects/objects.block";
|
152
|
-
// @import "../node_modules/inuitcss/objects/objects.ratio";
|
153
|
-
// @import "../node_modules/inuitcss/objects/objects.crop";
|
154
|
-
// @import "../node_modules/inuitcss/objects/objects.tables";
|
155
|
-
@import "../node_modules/inuitcss/objects/objects.pack";
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
// COMPONENTS
|
162
|
-
//
|
163
|
-
// Build and include your project’s UI Compoments here.
|
164
|
-
@import "components/components.buttons";
|
165
|
-
@import "components/components.site-nav";
|
166
|
-
@import "components/components.page-head";
|
167
|
-
@import "components/components.notebook";
|
168
|
-
@import "components/components.date";
|
169
|
-
@import "components/components.author";
|
170
|
-
@import "components/components.page-foot";
|
171
|
-
@import "components/components.icons";
|
172
|
-
@import "components/components.social-media";
|
173
|
-
@import "components/components.bookcase";
|
174
|
-
@import "components/components.book";
|
175
|
-
@import "components/components.see-more";
|
176
|
-
@import "components/components.page-content";
|
177
|
-
@import "components/components.post";
|
178
|
-
@import "components/components.post-head";
|
179
|
-
@import "components/components.book-details";
|
180
|
-
@import "components/components.rating";
|
181
|
-
@import "components/components.portfolio";
|
182
|
-
@import "components/components.project";
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
// UTILITIES
|
189
|
-
@import "../node_modules/inuitcss/utilities/utilities.clearfix";
|
190
|
-
|
191
|
-
$inuit-offsets: true;
|
192
|
-
@import "../node_modules/inuitcss/utilities/utilities.widths";
|
193
|
-
|
194
|
-
@import "../node_modules/inuitcss/utilities/utilities.headings";
|
195
|
-
@import "../node_modules/inuitcss/utilities/utilities.spacing";
|
196
|
-
@import "../node_modules/inuitcss/utilities/utilities.print";
|
197
|
-
@import "../node_modules/inuitcss/utilities/utilities.hide";
|
@@ -1,174 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#COLORS
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
// Color palette
|
6
|
-
|
7
|
-
$color-bleu-de-france: #318CE7;
|
8
|
-
$color-cyan-cobalt-blue: #2d599e;
|
9
|
-
$color-ghost-white: #f6fafd;
|
10
|
-
$color-onyx: #30373b;
|
11
|
-
$color-platinum: #e5e5e5;
|
12
|
-
$color-snow: #f9fafa;
|
13
|
-
$color-sonic-silver: #767676;
|
14
|
-
$color-white: #fff;
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
// UI color application
|
21
|
-
|
22
|
-
$color-brand: $color-cyan-cobalt-blue;
|
23
|
-
$color-text: $color-onyx;
|
24
|
-
$color-border: $color-platinum;
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
// Site nav
|
31
|
-
|
32
|
-
$color-site-nav-background: $color-onyx;
|
33
|
-
$color-site-nav-link: $color-white;
|
34
|
-
$color-site-nav-link-background: rgba($color-white, 0.10);
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
// Page head
|
41
|
-
|
42
|
-
$color-page-head: $color-white;
|
43
|
-
$color-page-head-background: linear-gradient(to right, $color-cyan-cobalt-blue 0%, $color-bleu-de-france 100%);
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
// Notebook
|
50
|
-
|
51
|
-
$color-notebook-border: $color-border;
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
// Links
|
58
|
-
|
59
|
-
$color-links: $color-cyan-cobalt-blue;
|
60
|
-
$color-links-hover: $color-text;
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
// Date
|
67
|
-
|
68
|
-
$color-date: $color-sonic-silver;
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
// Buttons
|
75
|
-
|
76
|
-
$color-btn-primary: $color-white;
|
77
|
-
$color-btn-primary-background: $color-brand;
|
78
|
-
$color-btn-primary-hover: $color-text;
|
79
|
-
|
80
|
-
$color-btn-secondary: $color-white;
|
81
|
-
$color-btn-secondary-background: $color-sonic-silver;
|
82
|
-
$color-btn-secondary-hover: $color-text;
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
// Social media
|
89
|
-
|
90
|
-
$color-social-media: $color-sonic-silver;
|
91
|
-
$color-social-media-hover: $color-text;
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
// Page foot
|
98
|
-
|
99
|
-
$color-page-foot: $color-text;
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
// Bookcase
|
106
|
-
|
107
|
-
$color-bookcase-border: $color-border;
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
// Book
|
114
|
-
|
115
|
-
$color-book: $color-sonic-silver;
|
116
|
-
$color-book-headline: $color-text;
|
117
|
-
$color-book-background: $color-snow;
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
// Page content
|
124
|
-
|
125
|
-
$color-page-content-border: $color-border;
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
// Post
|
132
|
-
|
133
|
-
$color-post-border: $color-border;
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
// Book details
|
140
|
-
|
141
|
-
$color-book-details-background: $color-ghost-white;
|
142
|
-
$color-book-details-border: $color-bleu-de-france;
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
// Author
|
149
|
-
|
150
|
-
$color-author-background: $color-snow;
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
// Rating
|
157
|
-
|
158
|
-
$color-rating: $color-bleu-de-france;
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
// Project
|
165
|
-
|
166
|
-
$color-project-background: $color-snow;
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
// Portfolio
|
173
|
-
|
174
|
-
$color-portfolio-border: $color-border;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#GLOBAL
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
// Standardise some UI treatments.
|
6
|
-
|
7
|
-
$global-radius: 3px;
|
8
|
-
$global-transition: (1/3) + s;
|
9
|
-
|
10
|
-
|
11
|
-
// Typography
|
12
|
-
|
13
|
-
$base-font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
|
14
|
-
$heading-font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
|
15
|
-
$extra-light: 200;
|
16
|
-
$light: 300;
|
17
|
-
$regular: 400;
|
18
|
-
$semi-bold: 600;
|
19
|
-
$bold: 700;
|
20
|
-
$black: 900;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
/* ==========================================================================
|
2
|
-
#ALIASES
|
3
|
-
========================================================================== */
|
4
|
-
|
5
|
-
// Reassign `$inuit-global-spacing-unit` to `$unit`.
|
6
|
-
|
7
|
-
$unit: $inuit-global-spacing-unit;
|
8
|
-
$unit-tiny: $inuit-global-spacing-unit-tiny;
|
9
|
-
$unit-small: $inuit-global-spacing-unit-small;
|
10
|
-
$unit-large: $inuit-global-spacing-unit-large;
|
11
|
-
$unit-huge: $inuit-global-spacing-unit-huge;
|
12
|
-
|
13
|
-
|
14
|
-
// Reassign lengthy font-size mixin to `font-size()`.
|
15
|
-
|
16
|
-
@mixin font-size($args...) {
|
17
|
-
@include inuit-font-size($args...);
|
18
|
-
}
|