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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 541ad58e2f275a197bf181b9bd6d86e68a45a241
4
- data.tar.gz: 5d46c20647489dff273cdc98af16b632aaba80a9
3
+ metadata.gz: 7368d5ee305917dea3d00669a3df6063d9549b75
4
+ data.tar.gz: c3d8ffb51f2e529ff3a99478b3b9176534ddae92
5
5
  SHA512:
6
- metadata.gz: ba888774c9ca1bdeef0e2ca4b84a2da893986289b6044e9754a13451acaca562728f6e1ed5d927de5815faa90d8b8514d36f10a8f0494c921b596323695d17df
7
- data.tar.gz: 84fa69f080e5500cc32202551139c9670f3b1bf1a2058bc653497ae942b5751b299faee103bb5c2623370016a9849ceb196edb12798b228585102f12b8b94a60
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.0
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,8 +0,0 @@
1
- /* ==========================================================================
2
- #DATE
3
- ========================================================================== */
4
-
5
- .c-date {
6
- @include font-size(16px);
7
- color: $color-date;
8
- }
@@ -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,9 +0,0 @@
1
- /* ==========================================================================
2
- #POST-HEAD
3
- ========================================================================== */
4
-
5
- .c-post-head {
6
- h1 {
7
- margin-bottom: $unit-large;
8
- }
9
- }
@@ -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,7 +0,0 @@
1
- /* ==========================================================================
2
- #RATING
3
- ========================================================================== */
4
-
5
- .c-rating {
6
- color: $color-rating;
7
- }
@@ -1,7 +0,0 @@
1
- /* ==========================================================================
2
- #SEE-MORE
3
- ========================================================================== */
4
-
5
- .c-see-more {
6
- text-align: center;
7
- }
@@ -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,8 +0,0 @@
1
- /* ==========================================================================
2
- #HEADINGS
3
- ========================================================================== */
4
-
5
- h1, h2, h3, h4, h5, h6 {
6
- font-family: $heading-font-family;
7
- font-weight: $regular;
8
- }
@@ -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
- }