analytics-link 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
|