prettydocs-jekyll 0.0.2
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 +7 -0
- data/_data/default/base.yml +20 -0
- data/_data/default/cards.yml +35 -0
- data/_data/default/contact.yml +24 -0
- data/_data/default/faqs.yml +46 -0
- data/_includes/_partials/post.html +32 -0
- data/_includes/_partials/social-buttons.html +12 -0
- data/_includes/_partials/toc.html +43 -0
- data/_includes/_sections/blog_post.html +33 -0
- data/_includes/_sections/cards.html +25 -0
- data/_includes/_sections/contact.html +25 -0
- data/_includes/_sections/faqs.html +28 -0
- data/_includes/_sections/not-found.html +11 -0
- data/_includes/_sections/resources.html +68 -0
- data/_includes/_theme/footer.html +19 -0
- data/_includes/_theme/head.html +42 -0
- data/_includes/_theme/header.html +34 -0
- data/_includes/_theme/js.html +7 -0
- data/_includes/_utils/common +24 -0
- data/_includes/_utils/month +17 -0
- data/_layouts/compress.html +9 -0
- data/_layouts/default.html +19 -0
- data/_layouts/faqs.html +20 -0
- data/_layouts/landing.html +18 -0
- data/_layouts/page.html +15 -0
- data/_layouts/post.html +5 -0
- data/_sass/globals/_base.scss +44 -0
- data/_sass/globals/_mixins.scss +175 -0
- data/_sass/partials/_base.scss +109 -0
- data/_sass/partials/_buttons.scss +97 -0
- data/_sass/partials/_cards.scss +170 -0
- data/_sass/partials/_contact.scss +29 -0
- data/_sass/partials/_doc.scss +523 -0
- data/_sass/partials/_footer.scss +8 -0
- data/_sass/partials/_header.scss +91 -0
- data/_sass/partials/_helper.scss +42 -0
- data/_sass/partials/_landing.scss +61 -0
- data/_sass/partials/_post.scss +32 -0
- data/_sass/partials/_resources.scss +10 -0
- data/_sass/partials/_toc.scss +163 -0
- data/_sass/prettydocs-jekyll.scss +20 -0
- data/_sass/vendor/_timeline.scss +221 -0
- data/_sass/vendor/timeline/functions/desaturated-lighten.scss +7 -0
- data/_sass/vendor/timeline/functions/map-deep-get.scss +9 -0
- data/_sass/vendor/timeline/functions/map-set.scss +5 -0
- data/_sass/vendor/timeline/functions/mutate-colors.scss +9 -0
- data/_sass/vendor/timeline/mixins/timeline-element.scss +23 -0
- data/_sass/vendor/timeline/mixins/timeline-event-variant.scss +20 -0
- data/_sass/vendor/timeline/mixins/timeline-item-arrow-color-variant.scss +6 -0
- data/_sass/vendor/timeline/mixins/timeline-item-arrow-size-variant.scss +17 -0
- data/_sass/vendor/timeline/mixins/timeline-item-right-side-position.scss +21 -0
- data/_sass/vendor/timeline/mixins/timeline-item-start-margins.scss +9 -0
- data/_sass/vendor/timeline/mixins/timeline-item-variant.scss +28 -0
- data/_sass/vendor/timeline/mixins/timeline-label-variant.scss +3 -0
- data/_sass/vendor/timeline/mixins/timeline-line-variant.scss +5 -0
- data/_sass/vendor/timeline/mixins/timeline-point-color-variant.scss +4 -0
- data/_sass/vendor/timeline/mixins/timeline-point-size-variant.scss +12 -0
- data/_sass/vendor/timeline/mixins/timeline-responsive-variant.scss +26 -0
- data/_sass/vendor/timeline/mixins/timeline-row-clearfix.scss +10 -0
- data/_sass/vendor/timeline/mixins/timeline-single-column.scss +56 -0
- data/_sass/vendor/timeline/mixins/transform-center.scss +3 -0
- data/_sass/vendor/timeline/variables.scss +90 -0
- data/assets/css/main.scss +4 -0
- data/assets/images/empty.gif +0 -0
- data/assets/images/favicon.ico +0 -0
- data/assets/js/main.js +45 -0
- metadata +182 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{% include _utils/common %}
|
|
2
|
+
<head>
|
|
3
|
+
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
|
4
|
+
<!-- Meta -->
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
8
|
+
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
|
9
|
+
{% for meta in general.meta %}
|
|
10
|
+
<meta name="{{ meta.name }}" lang="{{ meta.lang }}" xml:lang="{{ meta.lang }}" content="{{ meta.content | strip }}" />
|
|
11
|
+
{% endfor %}
|
|
12
|
+
{% if page.url == "/404.html" | prepend: {{site.baseurl}} %}
|
|
13
|
+
<meta http-equiv="refresh" content="10; url={{"/" | prepend: site.baseurl }}">
|
|
14
|
+
{% endif %}
|
|
15
|
+
|
|
16
|
+
<link rel="shortcut icon" href="{{ "/favicon.ico" | prepend: site.baseurl }}">
|
|
17
|
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
|
18
|
+
|
|
19
|
+
<!-- Global CSS -->
|
|
20
|
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
|
21
|
+
|
|
22
|
+
<!-- Plugins CSS -->
|
|
23
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.9.0/themes/prism.min.css">
|
|
24
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css">
|
|
25
|
+
|
|
26
|
+
<!-- Theme CSS -->
|
|
27
|
+
<link id="theme-style" rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
|
|
28
|
+
|
|
29
|
+
<!-- Custom Fonts -->
|
|
30
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
|
|
31
|
+
|
|
32
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
33
|
+
<!--[if lt IE 9]>
|
|
34
|
+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
35
|
+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
36
|
+
<![endif]-->
|
|
37
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
|
38
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
|
|
39
|
+
{% if jekyll.environment == 'production' and site.google_analytics %}
|
|
40
|
+
{% include google-analytics.html %}
|
|
41
|
+
{% endif %}
|
|
42
|
+
</head>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{% include _utils/common %}
|
|
2
|
+
<header id="header" class="header {% if page.layout == 'landing' %}text-center{% endif %}">
|
|
3
|
+
<div class="container">
|
|
4
|
+
<div class="branding">
|
|
5
|
+
<h1 class="logo">
|
|
6
|
+
<a href="{{ page.url }}">
|
|
7
|
+
<span aria-hidden="true" class="fa fa-book icon"></span>
|
|
8
|
+
<span class="text-highlight">{{ general.header.title }}</span>
|
|
9
|
+
<span class="text">{{ general.header.subtitle }}</span>
|
|
10
|
+
</a>
|
|
11
|
+
</h1>
|
|
12
|
+
</div>
|
|
13
|
+
{% if page.layout == 'landing' %}
|
|
14
|
+
<div class="tagline">
|
|
15
|
+
{% for tagline in general.header['tagline'] %}
|
|
16
|
+
<p>{{ tagline }}</p>
|
|
17
|
+
{% endfor %}
|
|
18
|
+
</div>
|
|
19
|
+
{% else %}
|
|
20
|
+
<ol class="breadcrumb">
|
|
21
|
+
<li><a href="/{{ site.baseurl }}">Acasă</a></li>
|
|
22
|
+
{% for resource in resources %}
|
|
23
|
+
{% if resource == "" %}{% continue %}{% endif %}
|
|
24
|
+
{% assign resource_url = resource_url | append: "/" | append: resource %}
|
|
25
|
+
{% if forloop.last == true %}
|
|
26
|
+
<li class="active">{{ page.title }}</li>
|
|
27
|
+
{% else %}
|
|
28
|
+
<li><a href="{{ resource_url }}">{{ resource | capitalize }}</a></li>
|
|
29
|
+
{% endif %}
|
|
30
|
+
{% endfor %}
|
|
31
|
+
</ol>
|
|
32
|
+
{% endif %}
|
|
33
|
+
</div>
|
|
34
|
+
</header>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
|
2
|
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
|
3
|
+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js"></script>
|
|
4
|
+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
|
|
5
|
+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.9.0/prism.min.js"></script>
|
|
6
|
+
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>
|
|
7
|
+
<script type="text/javascript" src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{% assign groups = page.group | split: '.' %}
|
|
2
|
+
{% assign page_data = site.data %}
|
|
3
|
+
{% for group in groups %}
|
|
4
|
+
{% assign page_data = page_data[group] %}
|
|
5
|
+
{% endfor %}
|
|
6
|
+
|
|
7
|
+
{% if page_data.base %} {% assign general = page_data.base %}
|
|
8
|
+
{% else %} {% assign general = site.data.default.base %}
|
|
9
|
+
{% endif %}
|
|
10
|
+
|
|
11
|
+
{% if page_data.cards %} {% assign cards = page_data.cards %}
|
|
12
|
+
{% else %} {% assign cards = site.data.default.cards %}
|
|
13
|
+
{% endif %}
|
|
14
|
+
|
|
15
|
+
{% if page_data.faqs %} {% assign faqs = page_data.faqs %}
|
|
16
|
+
{% else %} {% assign faqs = site.data.default.faqs %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
{% if page_data.contact %} {% assign contact = page_data.contact %}
|
|
20
|
+
{% else %} {% assign contact = site.data.default.contact %}
|
|
21
|
+
{% endif %}
|
|
22
|
+
|
|
23
|
+
{% assign resources = page.url | remove: site.url | remove: site.baseurl | split: '/' %}
|
|
24
|
+
{% assign resource_url = site.baseurl %}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{% capture month %}
|
|
2
|
+
{% assign m = include.date | date: "%-m" %}
|
|
3
|
+
{% case m %}
|
|
4
|
+
{% when '1' %}ianuarie
|
|
5
|
+
{% when '2' %}februarie
|
|
6
|
+
{% when '3' %}martie
|
|
7
|
+
{% when '4' %}aprilie
|
|
8
|
+
{% when '5' %}mai
|
|
9
|
+
{% when '6' %}iunie
|
|
10
|
+
{% when '7' %}iulie
|
|
11
|
+
{% when '8' %}august
|
|
12
|
+
{% when '9' %}septembrie
|
|
13
|
+
{% when '10' %}octombrie
|
|
14
|
+
{% when '11' %}noiembrie
|
|
15
|
+
{% when '12' %}decembrie
|
|
16
|
+
{% endcase %}
|
|
17
|
+
{% endcapture %}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
---
|
|
2
|
+
# Jekyll layout that compresses HTML
|
|
3
|
+
# v3.0.2
|
|
4
|
+
# http://jch.penibelst.de/
|
|
5
|
+
# © 2014–2015 Anatol Broder
|
|
6
|
+
# MIT License
|
|
7
|
+
---
|
|
8
|
+
{% capture _LINE_FEED %}
|
|
9
|
+
{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: compress
|
|
3
|
+
---
|
|
4
|
+
{% if page.color %}{% capture body_class %}class="body-{{ page.color }}"{% endcapture %}{% endif %}
|
|
5
|
+
|
|
6
|
+
<!DOCTYPE html>
|
|
7
|
+
<!--[if IE 8]> <html lang="{{ site.lang }}" class="ie8"> <![endif]-->
|
|
8
|
+
<!--[if IE 9]> <html lang="{{ site.lang }}" class="ie9"> <![endif]-->
|
|
9
|
+
<!--[if !IE]><!--> <html lang="{{ site.lang }}"> <!--<![endif]-->
|
|
10
|
+
{% include _theme/head.html %}
|
|
11
|
+
<body {{ body_class }}>
|
|
12
|
+
<div class="page-wrapper">
|
|
13
|
+
{% include _theme/header.html %}
|
|
14
|
+
{{ content }}
|
|
15
|
+
</div>
|
|
16
|
+
{% include _theme/footer.html %}
|
|
17
|
+
{% include _theme/js.html %}
|
|
18
|
+
</body>
|
|
19
|
+
</html>
|
data/_layouts/faqs.html
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<section class="doc-wrapper">
|
|
5
|
+
<div class="container">
|
|
6
|
+
<div id="doc-header" class="doc-header text-center">
|
|
7
|
+
<h1 class="doc-title">
|
|
8
|
+
<span aria-hidden="true" class="icon fa fa-question-circle"></span> {{ page.title | escape }}
|
|
9
|
+
</h1>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="doc-body">
|
|
12
|
+
<div class="doc-content">
|
|
13
|
+
<div class="content-inner">
|
|
14
|
+
{{ content }}
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
{% include _partials/toc.html content=content %}
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: compress
|
|
3
|
+
---
|
|
4
|
+
<!DOCTYPE html>
|
|
5
|
+
<!--[if IE 8]> <html lang="{{ site.lang }}" class="ie8"> <![endif]-->
|
|
6
|
+
<!--[if IE 9]> <html lang="{{ site.lang }}" class="ie9"> <![endif]-->
|
|
7
|
+
<!--[if !IE]><!--> <html lang="{{ site.lang }}"> <!--<![endif]-->
|
|
8
|
+
{% include _theme/head.html %}
|
|
9
|
+
<body class="landing-page">
|
|
10
|
+
<div class="page-wrapper">
|
|
11
|
+
{% include _theme/header.html %}
|
|
12
|
+
{% include _sections/cards.html %}
|
|
13
|
+
{{ content }}
|
|
14
|
+
</div>
|
|
15
|
+
{% include _theme/footer.html %}
|
|
16
|
+
{% include _theme/js.html %}
|
|
17
|
+
</body>
|
|
18
|
+
</html>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<section class="doc-wrapper">
|
|
5
|
+
<div class="container">
|
|
6
|
+
<div id="doc-header" class="doc-header text-center">
|
|
7
|
+
<h1 class="doc-title">
|
|
8
|
+
<span aria-hidden="true" class="icon fa fa-{{ page.icon }}"></span> {{ page.title | escape }}
|
|
9
|
+
</h1>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="doc-body">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// Variables
|
|
2
|
+
$color-primary: #40babd;
|
|
3
|
+
$color-green: #75c181;
|
|
4
|
+
$color-red: #f77b6b;
|
|
5
|
+
$color-blue: #58bbee;
|
|
6
|
+
$color-orange: #F88C30;
|
|
7
|
+
$color-pink: #EA5395;
|
|
8
|
+
$color-purple: #8A40A7;
|
|
9
|
+
|
|
10
|
+
$text-color: #494d55;
|
|
11
|
+
$text-color-secondary: lighten($text-color, 10%);
|
|
12
|
+
$text-grey: lighten($text-color-secondary, 25%);
|
|
13
|
+
|
|
14
|
+
$grey: lighten($text-color-secondary, 25%);
|
|
15
|
+
$light-grey: #c3c3c3;
|
|
16
|
+
$dark-grey: #666;
|
|
17
|
+
$black: #000;
|
|
18
|
+
$smoky-white: #f5f5f5;
|
|
19
|
+
$smoky-grey: #f9f9fb;
|
|
20
|
+
$divider: #f0f0f0;
|
|
21
|
+
|
|
22
|
+
$new: #60A823;
|
|
23
|
+
$error: #E65348;
|
|
24
|
+
$facebook: #3b5998;
|
|
25
|
+
$twitter: #55acee;
|
|
26
|
+
$google: #dd4b39;
|
|
27
|
+
$github: #444;
|
|
28
|
+
|
|
29
|
+
$primary: #1a7bd3;
|
|
30
|
+
$primary-hover: #3266d5;
|
|
31
|
+
$dark: #0b141f;
|
|
32
|
+
$light: #EEE;
|
|
33
|
+
$timeline-border: #036;
|
|
34
|
+
$console: #6a7490;
|
|
35
|
+
|
|
36
|
+
$regular: 300;
|
|
37
|
+
$bold: 500;
|
|
38
|
+
|
|
39
|
+
$social-buttons-color: $primary;
|
|
40
|
+
|
|
41
|
+
$base-transition: all .3s;
|
|
42
|
+
$base-cubic-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
|
|
43
|
+
$long-transition: all .5s;
|
|
44
|
+
$long-cubic-transition: all .5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
// Mixins
|
|
2
|
+
@mixin text-shadow($string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
|
|
3
|
+
text-shadow: $string;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
@mixin box-shadow($string) {
|
|
7
|
+
-webkit-box-shadow: $string;
|
|
8
|
+
-moz-box-shadow: $string;
|
|
9
|
+
box-shadow: $string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@mixin drop-shadow($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) {
|
|
13
|
+
-webkit-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
|
|
14
|
+
-moz-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
|
|
15
|
+
box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@mixin inner-shadow($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) {
|
|
19
|
+
-webkit-box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
|
|
20
|
+
-moz-box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
|
|
21
|
+
box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@mixin box-sizing($type: border-box) {
|
|
25
|
+
-webkit-box-sizing: $type;
|
|
26
|
+
-moz-box-sizing: $type;
|
|
27
|
+
box-sizing: $type;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@mixin border-radius($radius: 5px) {
|
|
31
|
+
-webkit-border-radius: $radius;
|
|
32
|
+
-moz-border-radius: $radius;
|
|
33
|
+
-ms-border-radius: $radius;
|
|
34
|
+
-o-border-radius: $radius;
|
|
35
|
+
border-radius: $radius;
|
|
36
|
+
|
|
37
|
+
-moz-background-clip: padding;
|
|
38
|
+
-webkit-background-clip: padding-box;
|
|
39
|
+
background-clip: padding-box;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
@mixin border-radiuses($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) {
|
|
43
|
+
-webkit-border-top-right-radius: $topright;
|
|
44
|
+
-webkit-border-bottom-right-radius: $bottomright;
|
|
45
|
+
-webkit-border-bottom-left-radius: $bottomleft;
|
|
46
|
+
-webkit-border-top-left-radius: $topleft;
|
|
47
|
+
|
|
48
|
+
-moz-border-radius-topright: $topright;
|
|
49
|
+
-moz-border-radius-bottomright: $bottomright;
|
|
50
|
+
-moz-border-radius-bottomleft: $bottomleft;
|
|
51
|
+
-moz-border-radius-topleft: $topleft;
|
|
52
|
+
|
|
53
|
+
border-top-right-radius: $topright;
|
|
54
|
+
border-bottom-right-radius: $bottomright;
|
|
55
|
+
border-bottom-left-radius: $bottomleft;
|
|
56
|
+
border-top-left-radius: $topleft;
|
|
57
|
+
|
|
58
|
+
-moz-background-clip: padding;
|
|
59
|
+
-webkit-background-clip: padding-box;
|
|
60
|
+
background-clip: padding-box;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
@mixin opacity($opacity: 0.5) {
|
|
64
|
+
-webkit-opacity: $opacity;
|
|
65
|
+
-moz-opacity: $opacity;
|
|
66
|
+
opacity: $opacity;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@mixin gradient($startColor: #eee, $endColor: white) {
|
|
70
|
+
background-color: $startColor;
|
|
71
|
+
background: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor));
|
|
72
|
+
background: -webkit-linear-gradient(top, $startColor, $endColor);
|
|
73
|
+
background: -moz-linear-gradient(top, $startColor, $endColor);
|
|
74
|
+
background: -ms-linear-gradient(top, $startColor, $endColor);
|
|
75
|
+
background: -o-linear-gradient(top, $startColor, $endColor);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@mixin horizontal-gradient($startColor: #eee, $endColor: white) {
|
|
79
|
+
background-color: $startColor;
|
|
80
|
+
background-image: -webkit-gradient(linear, left top, right top, from($startColor), to($endColor));
|
|
81
|
+
background-image: -webkit-linear-gradient(left, $startColor, $endColor);
|
|
82
|
+
background-image: -moz-linear-gradient(left, $startColor, $endColor);
|
|
83
|
+
background-image: -ms-linear-gradient(left, $startColor, $endColor);
|
|
84
|
+
background-image: -o-linear-gradient(left, $startColor, $endColor);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@mixin animation($name, $duration: 300ms, $delay: 0, $ease: ease) {
|
|
88
|
+
-webkit-animation: $name $duration $delay $ease;
|
|
89
|
+
-moz-animation: $name $duration $delay $ease;
|
|
90
|
+
-ms-animation: $name $duration $delay $ease;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@mixin transition($transition) {
|
|
94
|
+
-webkit-transition: $transition;
|
|
95
|
+
-moz-transition: $transition;
|
|
96
|
+
-ms-transition: $transition;
|
|
97
|
+
-o-transition: $transition;
|
|
98
|
+
}
|
|
99
|
+
@mixin transform($string) {
|
|
100
|
+
-webkit-transform: $string;
|
|
101
|
+
-moz-transform: $string;
|
|
102
|
+
-ms-transform: $string;
|
|
103
|
+
-o-transform: $string;
|
|
104
|
+
}
|
|
105
|
+
@mixin scale($factor) {
|
|
106
|
+
-webkit-transform: scale($factor);
|
|
107
|
+
-moz-transform: scale($factor);
|
|
108
|
+
-ms-transform: scale($factor);
|
|
109
|
+
-o-transform: scale($factor);
|
|
110
|
+
}
|
|
111
|
+
@mixin rotate($deg) {
|
|
112
|
+
-webkit-transform: rotate($deg);
|
|
113
|
+
-moz-transform: rotate($deg);
|
|
114
|
+
-ms-transform: rotate($deg);
|
|
115
|
+
-o-transform: rotate($deg);
|
|
116
|
+
}
|
|
117
|
+
@mixin skew($deg, $deg2) {
|
|
118
|
+
-webkit-transform: skew($deg, $deg2);
|
|
119
|
+
-moz-transform: skew($deg, $deg2);
|
|
120
|
+
-ms-transform: skew($deg, $deg2);
|
|
121
|
+
-o-transform: skew($deg, $deg2);
|
|
122
|
+
}
|
|
123
|
+
@mixin translate($x, $y:0) {
|
|
124
|
+
-webkit-transform: translate($x, $y);
|
|
125
|
+
-moz-transform: translate($x, $y);
|
|
126
|
+
-ms-transform: translate($x, $y);
|
|
127
|
+
-o-transform: translate($x, $y);
|
|
128
|
+
}
|
|
129
|
+
@mixin translate3d($x, $y: 0, $z: 0) {
|
|
130
|
+
-webkit-transform: translate3d($x, $y, $z);
|
|
131
|
+
-moz-transform: translate3d($x, $y, $z);
|
|
132
|
+
-ms-transform: translate3d($x, $y, $z);
|
|
133
|
+
-o-transform: translate3d($x, $y, $z);
|
|
134
|
+
}
|
|
135
|
+
@mixin perspective($value: 1000) {
|
|
136
|
+
-webkit-perspective: $value;
|
|
137
|
+
-moz-perspective: $value;
|
|
138
|
+
-ms-perspective: $value;
|
|
139
|
+
perspective: $value;
|
|
140
|
+
}
|
|
141
|
+
@mixin transform-origin($x:center, $y:center) {
|
|
142
|
+
-webkit-transform-origin: $x $y;
|
|
143
|
+
-moz-transform-origin: $x $y;
|
|
144
|
+
-ms-transform-origin: $x $y;
|
|
145
|
+
-o-transform-origin: $x $y;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
@mixin truncate($max-width: 250px) {
|
|
149
|
+
max-width: $max-width;
|
|
150
|
+
white-space: nowrap;
|
|
151
|
+
overflow: hidden;
|
|
152
|
+
text-overflow: ellipsis;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
@mixin background-size($string: contain) {
|
|
156
|
+
-webkit-background-size: $string;
|
|
157
|
+
-moz-background-size: $string;
|
|
158
|
+
-o-background-size: $string;
|
|
159
|
+
background-size: $string;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
@mixin placeholder($color: #999) {
|
|
163
|
+
&::-webkit-input-placeholder { /* WebKit browsers */
|
|
164
|
+
color: $color;
|
|
165
|
+
}
|
|
166
|
+
&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
167
|
+
color: $color;
|
|
168
|
+
}
|
|
169
|
+
&::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
170
|
+
color: $color;
|
|
171
|
+
}
|
|
172
|
+
&:-ms-input-placeholder { /* Internet Explorer 10+ */
|
|
173
|
+
color: $color;
|
|
174
|
+
}
|
|
175
|
+
}
|