analytics-link 0.1.0
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 +7 -0
- data/README.md +22 -0
- data/_includes/footer-end.html +5 -0
- data/_includes/footer.html +26 -0
- data/_includes/head.html +14 -0
- data/_includes/header.html +37 -0
- data/_includes/pagination.html +26 -0
- data/_includes/post-card.html +26 -0
- data/_includes/read-time.html +15 -0
- data/_includes/social-share.html +19 -0
- data/_layouts/default.html +12 -0
- data/_layouts/page.html +17 -0
- data/_layouts/post.html +63 -0
- data/_sass/0-settings/_colors.scss +54 -0
- data/_sass/0-settings/_global.scss +20 -0
- data/_sass/1-tools/_grid.scss +124 -0
- data/_sass/1-tools/_mixins.scss +41 -0
- data/_sass/1-tools/_normalize.scss +341 -0
- data/_sass/1-tools/_reset.scss +38 -0
- data/_sass/1-tools/_shared.scss +15 -0
- data/_sass/1-tools/_syntax-highlighting.scss +324 -0
- data/_sass/2-base/_base.scss +213 -0
- data/_sass/3-modules/_buttons.scss +27 -0
- data/_sass/3-modules/_footer.scss +82 -0
- data/_sass/3-modules/_pagination.scss +41 -0
- data/_sass/4-layouts/_home.scss +347 -0
- data/_sass/4-layouts/_page.scss +71 -0
- data/_sass/4-layouts/_post.scss +190 -0
- data/_sass/4-layouts/_tags.scss +32 -0
- data/_sass/5-trumps/_helpers.scss +85 -0
- metadata +129 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: dd4b4abaae53b6659e16eaa14478c5de93508dd2595974d3184fa258ae1042b2
|
|
4
|
+
data.tar.gz: d3ed2bf452c041b18d94a61b82bd0a9617913561911b6509ae8c94182b6ccda8
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: fa989c6f796ab4b0dcf7ad14561da7ee3b312bf37ce789f426cbed0ae270ad67b683b798c887647fad3c2a871299be2b237219d003f691e7c19f6e9d80e49e0c
|
|
7
|
+
data.tar.gz: 51de88ef1cc36b04d1e83bb3d114124979beb4f72a0450155ee15dc81ac3d01413acc82f5f257663eb7375a833bd673b415cbd310adcfaca493d16a9cc36b6b1
|
data/README.md
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
# Analytics-link.github.io
|
|
2
|
+
|
|
3
|
+
[Demo](https://analytics-link.github.io/)
|
|
4
|
+
|
|
5
|
+
## Prerequisites
|
|
6
|
+
|
|
7
|
+
### Requirements
|
|
8
|
+
|
|
9
|
+
* [Ruby](https://www.ruby-lang.org/en/downloads/) version **2.7.1.**, including all development headers (ruby version can be checked by running `ruby -v`)
|
|
10
|
+
* [RubyGems](https://rubygems.org/pages/download) (which you can check by running `gem -v`)
|
|
11
|
+
* [GCC](https://gcc.gnu.org/install/) and [Make](https://www.gnu.org/software/make/) (in case your system doesn't have them installed, which you can check by running `gcc -v`,`g++ -v` and `make -v` in your system's command line interface)
|
|
12
|
+
|
|
13
|
+
More info: [Requirements](https://jekyllrb.com/docs/installation/#requirements)
|
|
14
|
+
|
|
15
|
+
## Instructions
|
|
16
|
+
|
|
17
|
+
1. Run <code>gem install jekyll bundler</code>.
|
|
18
|
+
2. Copy the theme in your desired folder.
|
|
19
|
+
3. Enter into the folder by executing <code>cd name-of-the-folder</code>.
|
|
20
|
+
4. Run <code>bundle install</code>.
|
|
21
|
+
5. If you want to access and customize the theme, use <code>bundle exec jekyll serve</code>. This way it will be accessible on <code>http://localhost:4000</code>.
|
|
22
|
+
6. Upload the content of the compiled <code>_site</code> folder on your host server.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!-- js here -->
|
|
2
|
+
<script src="{{ "/static/js/jquery-3.3.1.min.js" | relative_url }}"></script>
|
|
3
|
+
<script src="{{ "/static/js/jquery.waitforimages.min.js" | relative_url }}"></script>
|
|
4
|
+
<script src="{{ "/static/js/jquery.fitvids.js" | relative_url }}"></script>
|
|
5
|
+
<script src="{{ "/static/js/common.js" | relative_url }}"></script>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<footer class="footer">
|
|
2
|
+
<div class="container">
|
|
3
|
+
<div class="row">
|
|
4
|
+
<div class="col col-12">
|
|
5
|
+
<div class="footer-top">
|
|
6
|
+
<h2 class="logo-title">
|
|
7
|
+
<a href="{{ "/" | relative_url }}" class="logo-text">{{ site.title }}</a>
|
|
8
|
+
</h2>
|
|
9
|
+
<div class="top"><i class="ion ion-ios-arrow-up"></i></div>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="footer-bottom">
|
|
12
|
+
<div class="copyright">
|
|
13
|
+
<p>© {{site.time | date: '%Y'}} {{ site.title }} Powered by <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a></p>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="footer-social">
|
|
16
|
+
<ul class="list-reset">
|
|
17
|
+
{% if site.github %}<li><a href="{{ site.github }}"><i class="ion ion-logo-github"></i> Github</a></li>{% endif %}
|
|
18
|
+
{% if site.linkedln %}<li><a href="{{ site.linkedln }}"><i class="ion ion-logo-linkedin"></i> Linkedln</a></li>{% endif %}
|
|
19
|
+
<li><a href="{{ "/feed.xml" | relative_url }}"><i class="ion ion-logo-rss"></i> Feed</a></li>
|
|
20
|
+
</ul>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
</footer> <!-- /.footer -->
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
5
|
+
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
|
6
|
+
<meta name="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" />
|
|
7
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
|
8
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
|
9
|
+
<!-- Google Font -->
|
|
10
|
+
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
|
|
11
|
+
<!-- Ionicons -->
|
|
12
|
+
<link href="https://unpkg.com/ionicons@4.2.2/dist/css/ionicons.min.css" rel="stylesheet">
|
|
13
|
+
<link rel="stylesheet" href="{{ "static/css/main.css" | relative_url }}">
|
|
14
|
+
</head>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<header class="header">
|
|
2
|
+
<div class="container">
|
|
3
|
+
<div class="row">
|
|
4
|
+
<div class="col col-12">
|
|
5
|
+
<div class="header-box">
|
|
6
|
+
<div class="col col-3 wd-mob">
|
|
7
|
+
{% if site.avatar_image %}
|
|
8
|
+
<a href="{{ "/" | relative_url }}" class="header-avatar">
|
|
9
|
+
<img src="{{ site.avatar_image | relative_url }}" class="header-avatar-img" alt="{{ site.title }}">
|
|
10
|
+
</a>
|
|
11
|
+
{% endif %}
|
|
12
|
+
</div>
|
|
13
|
+
<hr>
|
|
14
|
+
<div class="col col-9 wd-mob">
|
|
15
|
+
{% if site.title %}
|
|
16
|
+
<h1 class="header-title">{{ site.title }}</h1>
|
|
17
|
+
{% endif %}
|
|
18
|
+
{% if site.subtitle %}
|
|
19
|
+
<h1 class="header-subtitle">{{ site.subtitle }}</h1>
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% if site.description %}
|
|
22
|
+
<p class="header-tagline">{{ site.description }}</p>
|
|
23
|
+
{% endif %}
|
|
24
|
+
<div class="menu-links">
|
|
25
|
+
<ul class="list-reset">
|
|
26
|
+
{% if site.location %}<li class="item"><a class="item-link"><i class="ion ion-ios-pin"></i> {{ site.location }}</a></li>{% endif %}
|
|
27
|
+
{% if site.github %}<li class="item"><a class="item-link" href="{{ site.github }}"><i class="ion ion-logo-github"></i> Github</a></li>{% endif %}
|
|
28
|
+
{% if site.linkedln %}<li class="item"><a class="item-link" href="{{ site.linkedln }}"><i class="ion ion-logo-linkedin"></i> Linkedln</a></li>{% endif %}
|
|
29
|
+
{% if site.resume_url %}<li class="item"><a class="item-link" href="{{ site.resume_url }}"><i class="ion ion-ios-document"></i> Resume</a></li>{% endif %}
|
|
30
|
+
</ul>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</header> <!-- /.header -->
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<div class="row">
|
|
2
|
+
<div class="col col-12">
|
|
3
|
+
<div class="pagination">
|
|
4
|
+
<ul class="pagination-list list-reset">
|
|
5
|
+
{% if paginator.previous_page %} {% if paginator.previous_page == 1 %}
|
|
6
|
+
<li class="previous-posts">
|
|
7
|
+
<a class="previous-link" href="{{ site.baseurl }}/">
|
|
8
|
+
<i class="ion ion-ios-arrow-back"></i> Previous projects</a>
|
|
9
|
+
</li>
|
|
10
|
+
{% else %}
|
|
11
|
+
<li class="newer-posts">
|
|
12
|
+
<a class="newer-link" href="{{ site.baseurl }}/page/{{ paginator.previous_page }}/">
|
|
13
|
+
<i class="ion ion-ios-arrow-back"></i> Previous projects</a>
|
|
14
|
+
</li>
|
|
15
|
+
{% endif %} {% endif %}
|
|
16
|
+
{% if paginator.next_page %}
|
|
17
|
+
<li class="older-posts">
|
|
18
|
+
<a class="older-link" href="{{ site.baseurl }}/page/{{ paginator.next_page }}/">Older projects
|
|
19
|
+
<i class="ion ion-ios-arrow-forward"></i>
|
|
20
|
+
</a>
|
|
21
|
+
</li>
|
|
22
|
+
{% endif %}
|
|
23
|
+
</ul>
|
|
24
|
+
</div> <!-- /.pagination -->
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<article class="article col col-12 col-t-6">
|
|
2
|
+
<div class="article-box">
|
|
3
|
+
<div class="article-head">
|
|
4
|
+
<a href="{{ post.url | prepend: site.baseurl }}" class="article-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : post.image}})">
|
|
5
|
+
</a>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="article-content">
|
|
8
|
+
<div class="article-info">
|
|
9
|
+
<div class="article-date">
|
|
10
|
+
<span class="page__meta"><i class="ion ion-md-time"></i> {% include read-time.html %}</span>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="article-tag">
|
|
13
|
+
{% if post.tags.size >= 1 %}
|
|
14
|
+
{% for tag in post.tags %}
|
|
15
|
+
<a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a>
|
|
16
|
+
{% endfor %}
|
|
17
|
+
{% else %} {% endif %}
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
<h2 class="article-title">
|
|
21
|
+
<a href="{{ post.url | prepend: site.baseurl }}">{{post.title}}</a>
|
|
22
|
+
</h2>
|
|
23
|
+
<p class="article-excerpt">{% if post.description %}{{ post.description | strip_html | truncate: 135 }}{% else %}{{ post.content | strip_html | truncate: 135 }}{% endif %}</p>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
</article> <!-- /.article -->
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{% assign words_per_minute = site.words_per_minute | default: 200 %}
|
|
2
|
+
|
|
3
|
+
{% if post.read_time %}
|
|
4
|
+
{% assign words = post.content | strip_html | number_of_words %}
|
|
5
|
+
{% elsif page.read_time %}
|
|
6
|
+
{% assign words = page.content | strip_html | number_of_words %}
|
|
7
|
+
{% endif %}
|
|
8
|
+
|
|
9
|
+
{% if words < words_per_minute %}
|
|
10
|
+
{{ site.data.ui-text[site.locale].less_than | default: "less than" }} 1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
|
|
11
|
+
{% elsif words == words_per_minute %}
|
|
12
|
+
1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
|
|
13
|
+
{% else %}
|
|
14
|
+
{{ words | divided_by:words_per_minute }} {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
|
|
15
|
+
{% endif %}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<div class="post-share">
|
|
2
|
+
<ul class="share-list list-reset">
|
|
3
|
+
<li class="share-item">
|
|
4
|
+
<a class="share-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | absolute_url | url_encode }}" onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="Share on Facebook" rel="nofollow">
|
|
5
|
+
<i class="ion ion-logo-facebook"></i>
|
|
6
|
+
</a>
|
|
7
|
+
</li>
|
|
8
|
+
<li class="share-item">
|
|
9
|
+
<a class="share-twitter" href="https://twitter.com/intent/tweet?{% if site.twitter.username %}via={{ site.twitter.username | url_encode }}&{% endif %}text={{ page.title | url_encode }}%20{{ page.url | absolute_url | url_encode }}" onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="Share on Twitter" rel="nofollow">
|
|
10
|
+
<i class="ion ion-logo-twitter"></i>
|
|
11
|
+
</a>
|
|
12
|
+
</li>
|
|
13
|
+
<li class="share-item">
|
|
14
|
+
<a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url={{ page.url | absolute_url | url_encode }}" onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;" title="Share on LinkedIn" rel="nofollow">
|
|
15
|
+
<i class="ion ion-logo-linkedin"></i>
|
|
16
|
+
</a>
|
|
17
|
+
</li>
|
|
18
|
+
</ul>
|
|
19
|
+
</div>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row">
|
|
6
|
+
<article class="col col-12 col-t-10 push-t-1 page">
|
|
7
|
+
<div class="page-content">
|
|
8
|
+
<div class="page-head">
|
|
9
|
+
<h1 class="page-title">{{ page.title | escape }}</h1>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="page-body">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</article> <!-- /.page -->
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="container">
|
|
5
|
+
<div class="row">
|
|
6
|
+
<div class="col col-12">
|
|
7
|
+
<div class="post-image-box">
|
|
8
|
+
<div class="post-image" style="background-image: url({{"/img/" | prepend: site.baseurl | append : page.image}})"></div>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="container">
|
|
14
|
+
<div class="row">
|
|
15
|
+
<article class="col col-12 col-t-12 post">
|
|
16
|
+
<div class="post-content">
|
|
17
|
+
<div class="post-head">
|
|
18
|
+
{% if page.tags.size >= 1 %}
|
|
19
|
+
<div class="post-tag">
|
|
20
|
+
{% for tag in page.tags %}
|
|
21
|
+
<a href="{{ site.baseurl }}/tags#{{tag}}" class="tag">{{ tag }}</a>
|
|
22
|
+
{% endfor %}
|
|
23
|
+
</div>
|
|
24
|
+
{% endif %}
|
|
25
|
+
<h1 class="post-title">{{ page.title | escape }}</h1>
|
|
26
|
+
<div class="post-info">
|
|
27
|
+
<div class="post-time">
|
|
28
|
+
<span class="page__meta"><i class="ion ion-md-time"></i>{% include read-time.html %}</span>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
<div class="post-body">
|
|
33
|
+
{{ content }}
|
|
34
|
+
|
|
35
|
+
{% if page.share %}{% include social-share.html %}{% endif %}
|
|
36
|
+
|
|
37
|
+
</div>
|
|
38
|
+
{% if page.previous.url or page.next.url %}
|
|
39
|
+
<div class="post-navigation">
|
|
40
|
+
{% if page.previous.url %}
|
|
41
|
+
<a href="{{ site.baseurl }}{{page.previous.url}}" class="prev">
|
|
42
|
+
<div class="post-nav-arrow"><i class="ion ion-ios-arrow-round-back"></i> Previous </div>
|
|
43
|
+
</a>
|
|
44
|
+
{% else %}
|
|
45
|
+
<a href="#" class="prev disabled">
|
|
46
|
+
<div class="post-nav-arrow"><i class="ion ion-ios-arrow-round-back"></i> Previous </div>
|
|
47
|
+
</a>
|
|
48
|
+
{% endif %}
|
|
49
|
+
{% if page.next.url %}
|
|
50
|
+
<a href="{{ site.baseurl }}{{page.next.url}}" class="next">
|
|
51
|
+
<div class="post-nav-arrow">Next <i class="ion ion-ios-arrow-round-forward"></i></div>
|
|
52
|
+
</a>
|
|
53
|
+
{% else %}
|
|
54
|
+
<a href="#" class="next disabled">
|
|
55
|
+
<div class="post-nav-arrow">Next <i class="ion ion-ios-arrow-round-forward"></i></div>
|
|
56
|
+
</a>
|
|
57
|
+
{% endif %}
|
|
58
|
+
</div>
|
|
59
|
+
{% endif %}
|
|
60
|
+
</div>
|
|
61
|
+
</article> <!-- /.post -->
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
// Main Colors
|
|
2
|
+
$primary-color: #1ABC9C;
|
|
3
|
+
$secondary-color: #C19CD8;
|
|
4
|
+
$highlight: #ffeea8;
|
|
5
|
+
$text: #f6f6f6;
|
|
6
|
+
$gray-blue: #707890;
|
|
7
|
+
$white: #ffffff;
|
|
8
|
+
$light-white: #e7e7e7;
|
|
9
|
+
$black: #101010;
|
|
10
|
+
$lighten-black: #323743;
|
|
11
|
+
$blue-black: #2C2F36;
|
|
12
|
+
$blue-darken: #232427;
|
|
13
|
+
$green-darken: #2C3635;
|
|
14
|
+
$danger: #e02f40;
|
|
15
|
+
$success: #34a74e;
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
// Background Colors
|
|
19
|
+
$background: $blue-black;
|
|
20
|
+
|
|
21
|
+
// Body Color
|
|
22
|
+
$body-color: $text;
|
|
23
|
+
|
|
24
|
+
// Headings
|
|
25
|
+
$heading-font-color: #404040;
|
|
26
|
+
|
|
27
|
+
// Links
|
|
28
|
+
$link-color: $primary-color;
|
|
29
|
+
$link-color-hover: lighten($link-color, 15%);
|
|
30
|
+
|
|
31
|
+
// Button
|
|
32
|
+
$button-color: $white;
|
|
33
|
+
$button-background-color: $primary-color;
|
|
34
|
+
|
|
35
|
+
// Border
|
|
36
|
+
$border-color: #3E4250;
|
|
37
|
+
|
|
38
|
+
/* syntax highlighting (base16) */
|
|
39
|
+
$base00: #263238 !default;
|
|
40
|
+
$base01: #2e3c43 !default;
|
|
41
|
+
$base02: #314549 !default;
|
|
42
|
+
$base03: #546e7a !default;
|
|
43
|
+
$base04: #b2ccd6 !default;
|
|
44
|
+
$base05: #eeffff !default;
|
|
45
|
+
$base06: #eeffff !default;
|
|
46
|
+
$base07: #ffffff !default;
|
|
47
|
+
$base08: #f07178 !default;
|
|
48
|
+
$base09: #f78c6c !default;
|
|
49
|
+
$base0a: #ffcb6b !default;
|
|
50
|
+
$base0b: #c3e88d !default;
|
|
51
|
+
$base0c: #89ddff !default;
|
|
52
|
+
$base0d: #82aaff !default;
|
|
53
|
+
$base0e: #c792ea !default;
|
|
54
|
+
$base0f: #ff5370 !default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// Spaces
|
|
2
|
+
$base-spacing-unit: 15px;
|
|
3
|
+
|
|
4
|
+
// Border radius
|
|
5
|
+
$global-radius: 3px;
|
|
6
|
+
|
|
7
|
+
// Transition
|
|
8
|
+
$global-transition: .35s;
|
|
9
|
+
|
|
10
|
+
// Syntax highlighing
|
|
11
|
+
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
|
|
12
|
+
$type-size: 0.75em !default;
|
|
13
|
+
$border-radius: 4px !default;
|
|
14
|
+
|
|
15
|
+
@font-face {
|
|
16
|
+
font-family: 'Futura Md BT';
|
|
17
|
+
src: url("../fonts/futura medium bt.tff") format('truetype');
|
|
18
|
+
font-weight: normal;
|
|
19
|
+
font-style: normal;
|
|
20
|
+
}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
$columns: 12;
|
|
2
|
+
$container-base-width: 1200px;
|
|
3
|
+
$container-offset: $base-spacing-unit;
|
|
4
|
+
|
|
5
|
+
$mobile: 576px;
|
|
6
|
+
$tablet: 768px;
|
|
7
|
+
$desktop: 992px;
|
|
8
|
+
|
|
9
|
+
$mq: ( $mobile:$columns, $tablet:$columns, $desktop:$columns );
|
|
10
|
+
|
|
11
|
+
.container {
|
|
12
|
+
max-width: $container-base-width;
|
|
13
|
+
padding-left: $container-offset;
|
|
14
|
+
padding-right: $container-offset;
|
|
15
|
+
margin: 0 auto;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.container-full {
|
|
19
|
+
max-width: 100%;
|
|
20
|
+
padding-left: $container-offset;
|
|
21
|
+
padding-right: $container-offset;
|
|
22
|
+
margin: 0 auto;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.row {
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-wrap: wrap;
|
|
28
|
+
flex: 0 1 auto;
|
|
29
|
+
flex-direction: row;
|
|
30
|
+
box-sizing: border-box;
|
|
31
|
+
margin-left: ($base-spacing-unit * -1);
|
|
32
|
+
margin-right: ($base-spacing-unit * -1);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.col {
|
|
36
|
+
padding-left: $base-spacing-unit;
|
|
37
|
+
padding-right: $base-spacing-unit;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
[class^="col-"] {
|
|
41
|
+
flex: auto;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/* ========== MOBILE FIRST ========== */
|
|
45
|
+
|
|
46
|
+
// MOBILE
|
|
47
|
+
@for $i from 0 through $columns {
|
|
48
|
+
.col-#{$i} {
|
|
49
|
+
width: percentage( $i / $columns );
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@for $i from 0 through $columns {
|
|
54
|
+
.push-#{$i} {
|
|
55
|
+
margin-left: percentage( $i / $columns );
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@for $i from 0 through $columns {
|
|
60
|
+
.pull-#{$i} {
|
|
61
|
+
margin-right: percentage( $i / $columns );
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
@each $key, $val in $mq {
|
|
67
|
+
|
|
68
|
+
// TABLET
|
|
69
|
+
@media(min-width: $tablet) {
|
|
70
|
+
|
|
71
|
+
@for $i from 0 through $columns {
|
|
72
|
+
.col-t-#{$i} {
|
|
73
|
+
width: percentage( $i / $columns );
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@for $i from 0 through $columns {
|
|
78
|
+
.push-t-#{$i} {
|
|
79
|
+
margin-left: percentage( $i / $columns );
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@for $i from 0 through $columns {
|
|
84
|
+
.pull-t-#{$i} {
|
|
85
|
+
margin-right: percentage( $i / $columns );
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
// DESKTOP
|
|
92
|
+
@media(min-width: $desktop) {
|
|
93
|
+
|
|
94
|
+
@for $i from 0 through $columns {
|
|
95
|
+
.col-d-#{$i} {
|
|
96
|
+
width: percentage( $i / $columns );
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@for $i from 0 through $columns {
|
|
101
|
+
.push-d-#{$i} {
|
|
102
|
+
margin-left: percentage( $i / $columns );
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@for $i from 0 through $columns {
|
|
107
|
+
.pull-d-#{$i} {
|
|
108
|
+
margin-right: percentage( $i / $columns );
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@media(min-width: $desktop) {
|
|
116
|
+
.d-hide {
|
|
117
|
+
display: none !important;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.d-show {
|
|
121
|
+
display: block !important;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|