Compare commits
6 Commits
1.0.0
..
production
| Author | SHA1 | Date | |
|---|---|---|---|
 autonomicgitlabci
|
15b7ab6120 | ||
|
autonomicgitlabci
|
a63fdb8466 | ||
|
autonomicgitlabci
|
a02ad504d2 | ||
|
autonomicgitlabci
|
c4a30a17ea | ||
|
autonomicgitlabci
|
54a4b50c1b | ||
|
autonomicgitlabci
|
234acc8a01 |
@@ -1,8 +0,0 @@
|
||||
root=true
|
||||
|
||||
[*]
|
||||
charset=utf-8
|
||||
indent_style=space
|
||||
|
||||
[Makefile]
|
||||
indent_style=tab
|
||||
@@ -1,5 +0,0 @@
|
||||
dist/
|
||||
.sass-cache/
|
||||
.jekyll-metadata
|
||||
Gemfile.lock
|
||||
*.gem
|
||||
@@ -1,14 +0,0 @@
|
||||
image: ruby:2.4.2
|
||||
|
||||
pages:
|
||||
stage: build
|
||||
script:
|
||||
- gem install jekyll
|
||||
- jekyll build -d public
|
||||
- gem build autonomic.gemspec
|
||||
artifacts:
|
||||
paths:
|
||||
- public
|
||||
- "autonomic-*.gem"
|
||||
only:
|
||||
- master
|
||||
@@ -0,0 +1,98 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Autonomic Co-operative</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="shortcut icon" href="/assets/images/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="/assets/styles/main.css" />
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="page-wrapper">
|
||||
<header id="header" >
|
||||
<h1><a href="/">Autonomic</a></h1>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li class="special">
|
||||
<a href="#menu" class="menuToggle"><span>Menu</span></a>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/#core-values">Our Core Values</a></li>
|
||||
<li><a href="/blog">Blog</a></li>
|
||||
<li><a href="/#services">Services We Offer</a></li>
|
||||
<li><a href="/#contact">Get In Touch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div id="main">
|
||||
<header>
|
||||
|
||||
<h2>Oops, Page Missing :|</h2>
|
||||
<p></p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<section class="wrapper alt style2">
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<ul class="icons">
|
||||
|
||||
<li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||||
|
||||
<li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li class="icon fa-creative-commons"> Autonomic Co-operative</li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/assets/js/jquery.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="/assets/js/skel.min.js"></script>
|
||||
<script src="/assets/js/util.js"></script>
|
||||
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
|
||||
<script src="/assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
_paq.push(['setTrackerUrl', 'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
|
||||
_paq.push(['setSiteId', 1]);
|
||||
_paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Piwik Code -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,61 +0,0 @@
|
||||
[](https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io/commits/master)
|
||||
|
||||
# autonomic-cooperative.gitlab.io
|
||||
|
||||
A [Jekyll] based site for the Autonomic Cooperative.
|
||||
|
||||
The template is based on the [spectral-jekyll-theme].
|
||||
|
||||
[Jekyll]: https://jekyllrb.com/
|
||||
[spectral-jekyll-theme]: https://github.com/andrewbanchich/spectral-jekyll-theme
|
||||
|
||||
# Quick Start
|
||||
|
||||
For those unfamiliar with how Jekyll works, check out [jekyll.rb] for all the
|
||||
details, or read up on the basics of [front matter], [writing posts] and
|
||||
[creating pages].
|
||||
|
||||
[jekyll.rb]: https://jekyllrb.com/
|
||||
[front matter]: https://jekyllrb.com/docs/frontmatter/
|
||||
[writing posts]: https://jekyllrb.com/docs/posts/
|
||||
[creating pages]: https://jekyllrb.com/docs/pages/
|
||||
|
||||
In order to not blow up your computer handling a system wide Ruby installation, it is
|
||||
advised that you use [RVM](https://rvm.io/rvm/install).
|
||||
|
||||
Once you've got that installed and configured, get the latest version of Ruby with:
|
||||
|
||||
```bash
|
||||
$ rvm install 2.4.2
|
||||
```
|
||||
|
||||
Select that version and then create an isolated [gemset](https://rvm.io/gemsets/basics) with:
|
||||
|
||||
```bash
|
||||
$ rvm use 2.4.2
|
||||
$ rvm gemset create autonomic
|
||||
$ rvm gemset use autonomic
|
||||
```
|
||||
|
||||
Then you can get your Ruby dependencies installed with:
|
||||
|
||||
``` bash
|
||||
$ gem install jekyll bundler
|
||||
```
|
||||
|
||||
And serve the website locally with:
|
||||
|
||||
``` bash
|
||||
$ jekyll serve
|
||||
```
|
||||
|
||||
You can edit content in the `.md` files under `src` and `src/_posts`.
|
||||
|
||||
When you're hacking later on (or in a new shell), you'll need to run:
|
||||
|
||||
``` bash
|
||||
$ rvm use 2.4.2
|
||||
$ rvm gemset use autonomic
|
||||
```
|
||||
|
||||
And then you'll have access to the environment.
|
||||
-22
@@ -1,22 +0,0 @@
|
||||
title: Autonomic Co-operative
|
||||
email: autonomic@posteo.net
|
||||
description: Sustainability, Transparency, Privacy
|
||||
baseurl: ""
|
||||
url: ""
|
||||
source: src
|
||||
destination: dist
|
||||
sass:
|
||||
sass_dir: ./assets/styles
|
||||
featured-image-source:
|
||||
500px_url:
|
||||
github_url:
|
||||
gitlab_url: https://gitlab.com/autonomic-cooperative
|
||||
twitter_url: https://twitter.com/autonomiccoop
|
||||
markdown: kramdown
|
||||
permalink: pretty
|
||||
collections:
|
||||
posts:
|
||||
output: true
|
||||
permalink: /blog/:title/
|
||||
clients:
|
||||
output: false
|
||||
|
Before Width: | Height: | Size: 668 KiB After Width: | Height: | Size: 668 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 103 KiB After Width: | Height: | Size: 103 KiB |
@@ -0,0 +1,66 @@
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
/* Icon */
|
||||
.icon.major {
|
||||
border: none; }
|
||||
.icon.major:before {
|
||||
font-size: 3em; }
|
||||
|
||||
/* Form */
|
||||
label {
|
||||
color: #2E3842; }
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
select,
|
||||
textarea {
|
||||
border: solid 1px #dfdfdf; }
|
||||
|
||||
/* Button */
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
border: solid 2px #dfdfdf; }
|
||||
input[type="submit"].special,
|
||||
input[type="reset"].special,
|
||||
input[type="button"].special,
|
||||
button.special,
|
||||
.button.special {
|
||||
border: 0 !important; }
|
||||
|
||||
/* Page Wrapper + Menu */
|
||||
#menu {
|
||||
display: none; }
|
||||
|
||||
body.is-menu-visible #menu {
|
||||
display: block; }
|
||||
|
||||
/* Header */
|
||||
#header nav > ul > li > a.menuToggle:after {
|
||||
display: none; }
|
||||
|
||||
/* Banner + Wrapper (style4) */
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
-ms-behavior: url("assets/js/ie/backgroundsize.min.htc"); }
|
||||
#banner:before,
|
||||
.wrapper.style4:before {
|
||||
display: none; }
|
||||
|
||||
/* Banner */
|
||||
#banner .more {
|
||||
height: 4em; }
|
||||
#banner .more:after {
|
||||
display: none; }
|
||||
|
||||
/* Main */
|
||||
#main > header {
|
||||
-ms-behavior: url("assets/js/ie/backgroundsize.min.htc"); }
|
||||
#main > header:before {
|
||||
display: none; }
|
||||
@@ -0,0 +1,88 @@
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
/* Spotlight */
|
||||
.spotlight {
|
||||
display: block; }
|
||||
.spotlight .image {
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
.spotlight .content {
|
||||
padding: 4em 4em 2em 4em ;
|
||||
display: inline-block; }
|
||||
.spotlight:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block; }
|
||||
|
||||
/* Features */
|
||||
.features {
|
||||
display: block; }
|
||||
.features li {
|
||||
float: left; }
|
||||
.features:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both; }
|
||||
|
||||
/* Banner + Wrapper (style4) */
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
background-image: url("../../assets/images/banner.jpg");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative; }
|
||||
#banner:before,
|
||||
.wrapper.style4:before {
|
||||
background: #000000;
|
||||
content: '';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%; }
|
||||
#banner .inner,
|
||||
.wrapper.style4 .inner {
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
/* Banner */
|
||||
#banner {
|
||||
padding: 14em 0 12em 0 ;
|
||||
height: auto; }
|
||||
#banner:after {
|
||||
display: none; }
|
||||
|
||||
/* CTA */
|
||||
#cta .inner header {
|
||||
float: left; }
|
||||
#cta .inner .actions {
|
||||
float: left; }
|
||||
#cta .inner:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block; }
|
||||
|
||||
/* Main */
|
||||
#main > header {
|
||||
background-image: url("../../assets/images/banner.jpg");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative; }
|
||||
#main > header:before {
|
||||
background: #000000;
|
||||
content: '';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%; }
|
||||
#main > header > * {
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
Before Width: | Height: | Size: 409 B After Width: | Height: | Size: 409 B |
|
Before Width: | Height: | Size: 404 B After Width: | Height: | Size: 404 B |
|
Before Width: | Height: | Size: 363 B After Width: | Height: | Size: 363 B |
File diff suppressed because it is too large
Load Diff
@@ -1,15 +0,0 @@
|
||||
# coding: utf-8
|
||||
|
||||
Gem::Specification.new do |spec|
|
||||
spec.name = "autonomic"
|
||||
spec.version = '0.0.0'
|
||||
spec.date = '2017-09-24'
|
||||
spec.summary = ""
|
||||
spec.description = ""
|
||||
spec.authors = ['autonomic co-operative']
|
||||
spec.email = 'autonomic.posteo.net'
|
||||
spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r{^(assets|_layouts|_includes|_sass|LICENSE|README)}i) }
|
||||
|
||||
spec.add_development_dependency "jekyll", "~> 3.3"
|
||||
spec.add_development_dependency "bundler", "~> 1.12"
|
||||
end
|
||||
+111
@@ -0,0 +1,111 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Autonomic Co-operative</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="shortcut icon" href="/assets/images/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="/assets/styles/main.css" />
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="page-wrapper">
|
||||
<header id="header" >
|
||||
<h1><a href="/">Autonomic</a></h1>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li class="special">
|
||||
<a href="#menu" class="menuToggle"><span>Menu</span></a>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/#core-values">Our Core Values</a></li>
|
||||
<li><a href="/blog">Blog</a></li>
|
||||
<li><a href="/#services">Services We Offer</a></li>
|
||||
<li><a href="/#contact">Get In Touch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div id="main">
|
||||
<header>
|
||||
|
||||
<h2>Blog</h2>
|
||||
<p></p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<section class="wrapper alt style2">
|
||||
|
||||
|
||||
|
||||
<section class="spotlight">
|
||||
<div class="image"><img src="/assets/images/pic01.jpg" alt="" /></div>
|
||||
<div class="content">
|
||||
<h2>
|
||||
<a href="/blog/our-founding-principles/" class="link">
|
||||
Our Founding Principles
|
||||
</a>
|
||||
</h2>
|
||||
<p class="h5">October 03, 2017</p>
|
||||
<p>Autonomic Co-operative And Our Core Values</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<ul class="icons">
|
||||
|
||||
<li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||||
|
||||
<li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li class="icon fa-creative-commons"> Autonomic Co-operative</li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/assets/js/jquery.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="/assets/js/skel.min.js"></script>
|
||||
<script src="/assets/js/util.js"></script>
|
||||
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
|
||||
<script src="/assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
_paq.push(['setTrackerUrl', 'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
|
||||
_paq.push(['setSiteId', 1]);
|
||||
_paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Piwik Code -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,186 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Autonomic Co-operative</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="shortcut icon" href="/assets/images/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="/assets/styles/main.css" />
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<div id="page-wrapper">
|
||||
<header id="header" >
|
||||
<h1><a href="/">Autonomic</a></h1>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li class="special">
|
||||
<a href="#menu" class="menuToggle"><span>Menu</span></a>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/#core-values">Our Core Values</a></li>
|
||||
<li><a href="/blog">Blog</a></li>
|
||||
<li><a href="/#services">Services We Offer</a></li>
|
||||
<li><a href="/#contact">Get In Touch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<!-- Main -->
|
||||
<article id="main">
|
||||
<header>
|
||||
|
||||
<div
|
||||
class="header-image"
|
||||
style="background-image: url('/assets/images/pic01.jpg');"></div>
|
||||
|
||||
<h2>Our Founding Principles</h2>
|
||||
<p>Autonomic Co-operative And Our Core Values</p>
|
||||
<p><em>October 03, 2017</em></p>
|
||||
</header>
|
||||
<section class="wrapper style5">
|
||||
<div class="inner">
|
||||
|
||||
<p>Autonomic is a worker co-operative. That means we are owned and run by our
|
||||
workers and not by bosses or investors. We make our decisions collectively
|
||||
using consensus. We are committed to a set of basic principles of working on
|
||||
projects for social good. We reject destructive and unsustainable practices
|
||||
within the tech industry.</p>
|
||||
|
||||
<p>As individuals, we have become increasingly concerned with the levels of
|
||||
surveillance carried by nation states and corporations. Everyone deserves the
|
||||
fundamental right to privacy and safety online as well as in the physical
|
||||
world. We seem to be moving ever closer to a total reliance upon centralised
|
||||
services that mine our data for profit and are run in anything but our best
|
||||
interest as users.</p>
|
||||
|
||||
<p>There is another way. The philosophy of <a href="https://fsfe.org/about/basics/freesoftware.en.html">free software</a> allows for development
|
||||
guided not by profit alone, but instead by the desires and inspiration of the
|
||||
developers and users. Rather than subjugating users, it aims to empower users
|
||||
by making software source code available for anyone to examine, modify or
|
||||
share. We are committed to building the software commons by making as much of
|
||||
our code available under free software licences as possible.</p>
|
||||
|
||||
<p>As the internet becomes ubiquitous in our everyday lives, we must consider the
|
||||
technologies that we utilise in order to communicate. We must all have the
|
||||
ability to discuss and collaborate without being spied upon or our personal
|
||||
information sold to the highest bidder. Autonomic are committed to providing a
|
||||
platform for progressive projects and ideas that require accessible and modern
|
||||
infrastructure to thrive and grow, whilst preserving our client’s privacy and
|
||||
protecting their data.</p>
|
||||
|
||||
<h2 id="privacy">Privacy</h2>
|
||||
|
||||
<p>We seek to minimise data collection and retention wherever possible. If you
|
||||
don’t need it, don’t collect it.</p>
|
||||
|
||||
<p>We will utilise and recommend encryption wherever possible, especially if it is
|
||||
end to end encryption and has been well tested in real life scenarios by
|
||||
non-technical users.</p>
|
||||
|
||||
<p>We believe that unrestricted and uncensored access to the internet is a human
|
||||
right and we should all resist any attempts to censor the sharing of knowledge
|
||||
and experiences that helps build greater cooperation between peoples around the
|
||||
world.</p>
|
||||
|
||||
<h2 id="transparency">Transparency</h2>
|
||||
|
||||
<p>We don’t give you any crap. If something goes wrong, we’ll let you know and
|
||||
seek to communicate with our clients and the public in an effective manner.</p>
|
||||
|
||||
<p>We are committed to using free (as in freedom) software wherever possible and
|
||||
seek to contribute back to the upstream projects we rely on where practical.</p>
|
||||
|
||||
<p>We engage in ethical processes to avoid working with any organisations that are
|
||||
racist, homophobic, transphobic, misogynist or otherwise engage in oppressive
|
||||
behaviour.</p>
|
||||
|
||||
<h2 id="sustainability">Sustainability</h2>
|
||||
|
||||
<p>As a worker co-operative, we aim to grow in a sustainable way. This means not
|
||||
taking venture capital or risky loans. We build this the smart way, through
|
||||
hard work. We are always learning and studying as we go.</p>
|
||||
|
||||
<p>We are committed to learning more about about the ecological impact of
|
||||
technology. Whether that be the energy used by data centres or the components
|
||||
in our computing devices.</p>
|
||||
|
||||
<p>We will engage with the wider co-operative movement and work together to grow
|
||||
our sector and begin to build a new world in the ashes of the old.</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>We hope this basic statement of principles has given you an idea of where we
|
||||
are coming from and perhaps where we will be heading. The plan is to revisit
|
||||
these ideas as we grow and access the impact of this project. We hope you will
|
||||
be a part of this adventure.</p>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<ul class="icons">
|
||||
|
||||
<li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||||
|
||||
<li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li class="icon fa-creative-commons"> Autonomic Co-operative</li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/assets/js/jquery.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="/assets/js/skel.min.js"></script>
|
||||
<script src="/assets/js/util.js"></script>
|
||||
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
|
||||
<script src="/assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
_paq.push(['setTrackerUrl', 'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
|
||||
_paq.push(['setSiteId', 1]);
|
||||
_paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Piwik Code -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+228
@@ -0,0 +1,228 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Autonomic Co-operative</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="shortcut icon" href="/assets/images/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/html5shiv.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="/assets/styles/main.css" />
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endif]-->
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![endif]-->
|
||||
</head>
|
||||
|
||||
<body class="landing">
|
||||
<div id="page-wrapper">
|
||||
<header id="header" class="alt" >
|
||||
<h1><a href="/">Autonomic</a></h1>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li class="special">
|
||||
<a href="#menu" class="menuToggle"><span>Menu</span></a>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/#core-values">Our Core Values</a></li>
|
||||
<li><a href="/blog">Blog</a></li>
|
||||
<li><a href="/#services">Services We Offer</a></li>
|
||||
<li><a href="/#contact">Get In Touch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Banner -->
|
||||
<div class="particle">
|
||||
<section id="banner">
|
||||
<div class="inner content">
|
||||
<h2>/Auto|nomic\</h2>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<a class="named-anchor" name="core-values"></a>
|
||||
<section id="one" class="wrapper style5 special">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2>
|
||||
Autonomic is a co-operative<br/>that is owned and run by its workers
|
||||
</h2>
|
||||
<p>
|
||||
We build technologies and infrastructure to empower users to make a positive</br>
|
||||
impact on the world. All of our services reflect our commitment to our core values:
|
||||
</p>
|
||||
</header>
|
||||
<ul class="icons major icons--flex">
|
||||
<li>
|
||||
<span class="icon fa-leaf major style1"></span>
|
||||
<span class="icons__title">Sustainability</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="icon fa-eye major style1"></span>
|
||||
<span class="icons__title">Transparency</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="icon fa-lock major style1"></span>
|
||||
<span class="icons__title">Privacy</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="two" class="wrapper alt style2">
|
||||
|
||||
|
||||
|
||||
<section class="spotlight">
|
||||
<div class="image"><img src="/assets/images/pic01.jpg" alt="" /></div>
|
||||
<div class="content">
|
||||
<h2><a href="/blog/our-founding-principles/" class="link">Our Founding Principles</a></h2>
|
||||
<p class="h5">October 03, 2017</p>
|
||||
<p>Autonomic Co-operative And Our Core Values</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<a class="named-anchor" name="services"></a>
|
||||
<section id="three" class="wrapper style6 special">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2>Services we offer</h2>
|
||||
<p>
|
||||
We design integrated infrastructure tailored to your needs utilising
|
||||
technologies from <br/> the best free and open source software projects
|
||||
available. Your data under your control.<br/> Here are some examples of
|
||||
the applications we have deployed for our clients.
|
||||
</p>
|
||||
</header>
|
||||
<ul class="features">
|
||||
<li class="icon fa-paper-plane-o">
|
||||
<h3>Encrypted Email</h3>
|
||||
<p>
|
||||
Secure your email communications with state of the art transport
|
||||
encryption and <a href="https://0xacab.org/riseuplabs/trees">TREES</a>
|
||||
encrypted mailbox storage.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-rocket2">
|
||||
<h3>Text and Video Chat</h3>
|
||||
<p>
|
||||
Mobile friendly multi-channel team chat using <a href="https://rocket.chat/">Rocket.Chat</a>,
|
||||
with no artificial limits on features. Vital for remote project coordination.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-cloud-o">
|
||||
<h3>Cloud Storage and Collaboration</h3>
|
||||
<p>
|
||||
<a href="https://sandstorm.io/">Sandstorm</a> is a personal "cloud
|
||||
in a box" , designed with the upmost security in mind. It allows you to
|
||||
deploy apps for file-storage, collaborative document editing,
|
||||
calendars, to-do lists and much more.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-headphones">
|
||||
<h3>Voice Conferencing</h3>
|
||||
<p>
|
||||
Stable and low latency voice communications using <a href="https://wiki.mumble.info/wiki/Main_Page">Mumble</a>.
|
||||
Perfect for meetings, even with large groups, on mobile, or with low bandwidth.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-comments-o">
|
||||
<h3>Forum and Mailing Lists</h3>
|
||||
<p>
|
||||
Build your online community with a modern and responsive forum with
|
||||
<a href="https://www.discourse.org/">Discourse</a>. An accessible
|
||||
replacement for traditional mailing lists.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-map-o">
|
||||
<h3>Interactive Data and Mapping</h3>
|
||||
<p>
|
||||
Got some data? We can provide a variety of interactive data
|
||||
visualisations, including mapping using <a href="https://www.openstreetmap.org">OpenStreetMap</a>,
|
||||
and charts using <a href="https://d3js.org/">D3.js</a>. Get the most out of your
|
||||
data by presenting it in a bespoke web app.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-code">
|
||||
<h3>Bespoke Development</h3>
|
||||
<p>
|
||||
For some problems, there may not be a pre-existing free software solution. Let
|
||||
us guide you through the full development cycle to deliver your bespoke solution.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-lock">
|
||||
<h3>Cybersecurity Training</h3>
|
||||
<p>
|
||||
A grounded and principled understanding of the cybersecurity domain can ensure
|
||||
your organisation is not liable to any unwanted security threats. We provide
|
||||
structured training taliored to your threat model.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<a class="named-anchor" name="contact"></a>
|
||||
<section id="contact" class="wrapper style5 special">
|
||||
<header class="major">
|
||||
<h2>Get in Touch</h2>
|
||||
<p>Contact us to discuss your project's needs and arrange a consultation.</p>
|
||||
<p><a href="mailto:autonomic-coop@posteo.net">autonomic-coop@posteo.net</a></p>
|
||||
<p>
|
||||
If you use encrypted email, here is our <a href="/assets/pgp/autonomic-key.asc">PGP key</a>.
|
||||
Our key fingerprint is: <br/><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
|
||||
</p>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<ul class="icons">
|
||||
|
||||
<li><a href="https://twitter.com/autonomiccoop" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||||
|
||||
<li><a href="https://gitlab.com/autonomic-cooperative" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li class="icon fa-creative-commons"> Autonomic Co-operative</li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/assets/js/jquery.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrollex.min.js"></script>
|
||||
<script src="/assets/js/jquery.scrolly.min.js"></script>
|
||||
<script src="/assets/js/skel.min.js"></script>
|
||||
<script src="/assets/js/util.js"></script>
|
||||
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
|
||||
<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
|
||||
<script src="/assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
_paq.push(['setTrackerUrl', 'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
|
||||
_paq.push(['setSiteId', 1]);
|
||||
_paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Piwik Code -->
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,5 +0,0 @@
|
||||
---
|
||||
layout: spotlight
|
||||
title: Oops, Page Missing :|
|
||||
permalink: /404.html
|
||||
---
|
||||
@@ -1,8 +0,0 @@
|
||||
<!-- Banner -->
|
||||
<div class="particle">
|
||||
<section id="banner">
|
||||
<div class="inner content">
|
||||
<h2>/Auto|nomic\</h2>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@@ -1,14 +0,0 @@
|
||||
<section id="two" class="wrapper alt style2">
|
||||
|
||||
{% for post in site.categories.values %}
|
||||
|
||||
<section class="spotlight">
|
||||
<div class="image">{% if post.image %}<img src="{% if site.featured-image-source %}{{ post.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ post.image }}{% endif %}" alt="" />{% endif %}</div>
|
||||
<div class="content">
|
||||
<h2><a href="{{ post.url | relative_url }}" class="link">{{ post.title }}</a></h2>
|
||||
<p>{{ post.description }}</p>
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
|
||||
</section>
|
||||
@@ -1,12 +0,0 @@
|
||||
<a class="named-anchor" name="contact"></a>
|
||||
<section id="contact" class="wrapper style5 special">
|
||||
<header class="major">
|
||||
<h2>Get in Touch</h2>
|
||||
<p>Contact us to discuss your project's needs and arrange a consultation.</p>
|
||||
<p><a href="mailto:autonomic@posteo.net">autonomic@posteo.net</a></p>
|
||||
<p>
|
||||
If you use encrypted email, here is our <a href="{{ "/assets/pgp/autonomic-key.asc" | relative_url }}">PGP key</a>.
|
||||
Our key fingerprint is: <br/><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
|
||||
</p>
|
||||
</header>
|
||||
</section>
|
||||
@@ -1,28 +0,0 @@
|
||||
<a class="named-anchor" name="core-values"></a>
|
||||
<section id="one" class="wrapper style5 special">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2>
|
||||
Autonomic is a co-operative<br/>that is owned and run by its workers
|
||||
</h2>
|
||||
<p>
|
||||
We build technologies and infrastructure to empower users to make a positive</br>
|
||||
impact on the world. All of our services reflect our commitment to our core values:
|
||||
</p>
|
||||
</header>
|
||||
<ul class="icons major icons--flex">
|
||||
<li>
|
||||
<span class="icon fa-leaf major style1"></span>
|
||||
<span class="icons__title">Sustainability</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="icon fa-eye major style1"></span>
|
||||
<span class="icons__title">Transparency</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="icon fa-lock major style1"></span>
|
||||
<span class="icons__title">Privacy</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,14 +0,0 @@
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
_paq.push(['setTrackerUrl', 'https://api-183ae21d2fb4215fa8fb3bbf13fbda21.autonomic.sandcats.io']);
|
||||
_paq.push(['setSiteId', 1]);
|
||||
_paq.push(['setApiToken', '6X45HLvJ0KWNiLTlhbZ-uuhZcXfg9n3bDauHalRZMSh']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://6aurs6uetbyvpubfuh5y.autonomic.sandcats.io/embed.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Piwik Code -->
|
||||
@@ -1,33 +0,0 @@
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<ul class="icons">
|
||||
{% if site.twitter_url %}
|
||||
<li><a href="{{ site.twitter_url }}" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||||
{% endif %} {% if site.500px_url %}
|
||||
<li><a href="{{ site.500px_url }}" class="icon fa-500px" target="_blank"><span class="label">500px</span></a></li>
|
||||
{% endif %} {% if site.gitlab_url %}
|
||||
<li><a href="{{ site.gitlab_url }}" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
|
||||
{% endif %} {% if site.github_url %}
|
||||
<li><a href="{{ site.github_url }}" class="icon fa-github" target="_blank"><span class="label">GitHub</span></a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
<ul class="copyright">
|
||||
<li class="icon fa-creative-commons"> {{ site.title }}</li>
|
||||
</ul>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="{{ "/assets/js/jquery.min.js" | absolute_url }}"></script>
|
||||
<script src="{{ "/assets/js/jquery.scrollex.min.js" | absolute_url }}"></script>
|
||||
<script src="{{ "/assets/js/jquery.scrolly.min.js" | absolute_url }}"></script>
|
||||
<script src="{{ "/assets/js/skel.min.js" | absolute_url }}"></script>
|
||||
<script src="{{ "/assets/js/util.js" | absolute_url }}"></script>
|
||||
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
|
||||
<!--[if lte IE 8]><script src="{{ "/assets/js/ie/respond.min.js" | absolute_url }}"></script><![endif]-->
|
||||
<script src="{{ "/assets/js/main.js" | absolute_url }}"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,10 +0,0 @@
|
||||
<head>
|
||||
<title>{{ site.title }}</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="shortcut icon" href="{{ "/assets/images/favicon.ico" | relative_url }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<!--[if lte IE 8]><script src="{{ "/assets/js/ie/html5shiv.js" | relative_url }}"></script><![endif]-->
|
||||
<link rel="stylesheet" href="{{ "/assets/styles/main.css" | relative_url }}" />
|
||||
<!--[if lte IE 8]><link rel="stylesheet" href="{{ "/assets/css/ie8.css" | relative_url }}" /><![endif]-->
|
||||
<!--[if lte IE 9]><link rel="stylesheet" href="{{ "/assets/css/ie9.css" | relative_url }}" /><![endif]-->
|
||||
</head>
|
||||
@@ -1,20 +0,0 @@
|
||||
<div id="page-wrapper">
|
||||
<header id="header" {% if page.layout == 'default' %} class="alt" {% endif %}>
|
||||
<h1><a href="{{ "/" | absolute_url }}">Autonomic</a></h1>
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li class="special">
|
||||
<a href="#menu" class="menuToggle"><span>Menu</span></a>
|
||||
<div id="menu">
|
||||
<ul>
|
||||
<li><a href="{{ "/" | relative_url }}">Home</a></li>
|
||||
<li><a href="{{ "/#core-values" | relative_url }}">Our Core Values</a></li>
|
||||
<li><a href="{{ "/blog" | relative_url }}">Blog</a></li>
|
||||
<li><a href="{{ "/#services" | relative_url }}">Services We Offer</a></li>
|
||||
<li><a href="{{ "/#contact" | relative_url }}">Get In Touch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
@@ -1,79 +0,0 @@
|
||||
<a class="named-anchor" name="services"></a>
|
||||
<section id="three" class="wrapper style6 special">
|
||||
<div class="inner">
|
||||
<header class="major">
|
||||
<h2>Services we offer</h2>
|
||||
<p>
|
||||
We design integrated infrastructure tailored to your needs utilising
|
||||
technologies from <br/> the best free and open source software projects
|
||||
available. Your data under your control.<br/> Here are some examples of
|
||||
the applications we have deployed for our clients.
|
||||
</p>
|
||||
</header>
|
||||
<ul class="features">
|
||||
<li class="icon fa-paper-plane-o">
|
||||
<h3>Encrypted Email</h3>
|
||||
<p>
|
||||
Secure your email communications with state of the art transport
|
||||
encryption and <a href="https://0xacab.org/riseuplabs/trees">TREES</a>
|
||||
encrypted mailbox storage.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-rocket2">
|
||||
<h3>Text and Video Chat</h3>
|
||||
<p>
|
||||
Mobile friendly multi-channel team chat using <a href="https://rocket.chat/">Rocket.Chat</a>,
|
||||
with no artificial limits on features. Vital for remote project coordination.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-cloud-o">
|
||||
<h3>Cloud Storage and Collaboration</h3>
|
||||
<p>
|
||||
<a href="https://sandstorm.io/">Sandstorm</a> is a personal "cloud
|
||||
in a box" , designed with the upmost security in mind. It allows you to
|
||||
deploy apps for file-storage, collaborative document editing,
|
||||
calendars, to-do lists and much more.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-headphones">
|
||||
<h3>Voice Conferencing</h3>
|
||||
<p>
|
||||
Stable and low latency voice communications using <a href="https://wiki.mumble.info/wiki/Main_Page">Mumble</a>.
|
||||
Perfect for meetings, even with large groups, on mobile, or with low bandwidth.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-comments-o">
|
||||
<h3>Forum and Mailing Lists</h3>
|
||||
<p>
|
||||
Build your online community with a modern and responsive forum with
|
||||
<a href="https://www.discourse.org/">Discourse</a>. An accessible
|
||||
replacement for traditional mailing lists.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-map-o">
|
||||
<h3>Interactive Data and Mapping</h3>
|
||||
<p>
|
||||
Got some data? We can provide a variety of interactive data
|
||||
visualisations, including mapping using <a href="https://www.openstreetmap.org">OpenStreetMap</a>,
|
||||
and charts using <a href="https://d3js.org/">D3.js</a>. Get the most out of your
|
||||
data by presenting it in a bespoke web app.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-code">
|
||||
<h3>Bespoke Development</h3>
|
||||
<p>
|
||||
For some problems, there may not be a pre-existing free software solution. Let
|
||||
us guide you through the full development cycle to deliver your bespoke solution.
|
||||
</p>
|
||||
</li>
|
||||
<li class="icon fa-lock">
|
||||
<h3>Cybersecurity Training</h3>
|
||||
<p>
|
||||
A grounded and principled understanding of the cybersecurity domain can ensure
|
||||
your organisation is not liable to any unwanted security threats. We provide
|
||||
structured training.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,14 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
{% include head.html %}
|
||||
<body class="landing">
|
||||
{% include header.html %}
|
||||
{% include banner.html %}
|
||||
{% include core-values.html %}
|
||||
{% include blog.html %}
|
||||
{% include services.html %}
|
||||
{% include contact.html %}
|
||||
{% include footer.html %}
|
||||
{% include foot-scripts.html %}
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,33 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
<!-- Main -->
|
||||
<article id="main">
|
||||
<header>
|
||||
{% if page.image %}
|
||||
<div
|
||||
class="header-image"
|
||||
style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
|
||||
{% endif %}
|
||||
<h2>{{ page.title }}</h2>
|
||||
<p>{{ page.description }}</p>
|
||||
</header>
|
||||
<section class="wrapper style5">
|
||||
<div class="inner">
|
||||
|
||||
{{ content }}
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
{% include footer.html %}
|
||||
{% include foot-scripts.html %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,41 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<!-- Main -->
|
||||
<article id="main">
|
||||
<header>
|
||||
{% if page.image %}
|
||||
<div
|
||||
class="header-image"
|
||||
style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
|
||||
{% endif %}
|
||||
<h2>{{ page.title }}</h2>
|
||||
<p>{{ page.description }}</p>
|
||||
<p><em>{{ page.date | date: '%B %d, %Y' }}</em></p>
|
||||
</header>
|
||||
<section class="wrapper style5">
|
||||
<div class="inner">
|
||||
|
||||
{{ content }}
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
{% include footer.html %}
|
||||
{% include foot-scripts.html %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,48 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
<div id="main">
|
||||
<header>
|
||||
{% if page.image %}
|
||||
<div
|
||||
class="header-image"
|
||||
style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
|
||||
{% endif %}
|
||||
<h2>{{ page.title }}</h2>
|
||||
<p>{{ page.description }}</p>
|
||||
</header>
|
||||
</div>
|
||||
|
||||
<section class="wrapper alt style2">
|
||||
{% if page.tiles-source == 'posts' %}
|
||||
{% assign items = site.posts %}
|
||||
{% elsif page.tiles-source == 'pages' %}
|
||||
{% assign items = site.pages %}
|
||||
{% elsif page.tiles-source == 'clients' %}
|
||||
{% assign items = site.clients %}
|
||||
{% endif %}
|
||||
|
||||
{% for item in items limit:page.tiles-count %}
|
||||
<section class="spotlight">
|
||||
<div class="image">{% if item.image %}<img src="{% if site.featured-image-source %}{{ item.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ item.image }}{% endif %}" alt="" />{% endif %}</div>
|
||||
<div class="content">
|
||||
<h2>
|
||||
{% if item.layout %}<a href="{{ item.url | relative_url }}" class="link">{% endif %}
|
||||
{{ item.title }}
|
||||
{% if item.layout %}</a>{% endif %}
|
||||
</h2>
|
||||
<p>{{ item.description }}</p>
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
{% include footer.html %}
|
||||
{% include foot-scripts.html %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,55 +0,0 @@
|
||||
---
|
||||
layout: post
|
||||
title: Our Founding Principles
|
||||
description: Autonomic Co-operative And Our Core Values.
|
||||
image: pic01.jpg
|
||||
category: values
|
||||
date: 2017-10-03
|
||||
---
|
||||
|
||||
Autonomic is a worker co-operative. That means we are owned and run by our workers and not by bosses or investors. We make our
|
||||
decisions collectively using consensus. We are committed to a set of basic principles of working on projects for social
|
||||
good. We reject destructive and unsustainable practices within the tech industry.
|
||||
|
||||
As individuals, we have become increasingly concerned with the levels of surveillance carried by nation states and corporations.
|
||||
Everyone deserves the fundamental right to privacy and safety online as well as in the physical world. We seem to be moving ever
|
||||
closer to a total reliance upon centralised services that mine our data for profit and are run in anything but our best interest as
|
||||
users.
|
||||
|
||||
There is another way. The philosophy of [free software](https://fsfe.org/about/basics/freesoftware.en.html) allows for development guided not by profit alone, but instead by the desires and inspiration of the developers and users. Rather than subjugating users, it aims to empower users by making software source code available for anyone to examine, modify or share. We are committed to building the software commons by making as much of our code available under free software licences as possible.
|
||||
|
||||
As the internet becomes ubiquitous in our everyday lives, we must consider the technologies that we utilise in order to communicate. We must all have the ability to discuss and collaborate without being spied upon or our personal information sold to the highest bidder. Autonomic are committed to providing a platform for progressive projects and ideas that require accessible and modern infrastructure to thrive and grow, whilst preserving our client's privacy and protecting their data.
|
||||
|
||||
## Privacy
|
||||
|
||||
We seek to minimise data collection and retention wherever possible. If you don't need it, don't collect it.
|
||||
|
||||
We will utilise and recommend encryption wherever possible, especially if it is end to end encryption and has been well tested in
|
||||
real life scenarios by non-technical users.
|
||||
|
||||
We believe that unrestricted and uncensored access to the internet is a human right and we should all resist any attempts to censor
|
||||
the sharing of knowledge and experiences that helps build greater cooperation between peoples around the world.
|
||||
|
||||
## Transparency
|
||||
We don't give you any crap. If something goes wrong, we'll let you know and seek to communicate with our clients and the public in
|
||||
an effective manner.
|
||||
|
||||
We are committed to using free (as in freedom) software wherever possible and seek to contribute back to the upstream projects we rely on where practical.
|
||||
|
||||
We engage in ethical processes to avoid working with any organisations that are racist, homophobic, transphobic, misogynist or otherwise engage in oppressive behaviour.
|
||||
|
||||
## Sustainability
|
||||
As a worker co-operative, we aim to grow in a sustainable way. This means not taking venture capital or risky loans. We build this the
|
||||
smart way, through hard work. We are always learning and studying as we go.
|
||||
|
||||
We are committed to learning more about about the ecological impact of technology. Whether that be the energy used by data centres
|
||||
or the components in our computing devices.
|
||||
|
||||
We will engage with the wider co-operative movement and work together to grow our sector and begin to build a new world in the ashes
|
||||
of the old.
|
||||
|
||||
<hr>
|
||||
|
||||
We hope this basic statement of principles has given you an idea of where we are coming from and perhaps where we will be heading. The plan
|
||||
is to revisit these ideas as we grow and access the impact of this project. We hope you will be a part of this adventure.
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@@ -1,127 +0,0 @@
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-direction', 'column');
|
||||
@include vendor('justify-content', 'center');
|
||||
cursor: default;
|
||||
height: 100vh;
|
||||
min-height: 35em;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
@include vendor('transform', 'scale(1)');
|
||||
@include vendor('transition', ('transform 0.5s ease', 'opacity 0.5s ease'));
|
||||
display: inline-block;
|
||||
font-size: 1.75em;
|
||||
opacity: 1;
|
||||
padding: 0.35em 1em;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&:before, &:after {
|
||||
@include vendor('transition', 'width 1s ease');
|
||||
@include vendor('transition-delay', '0.25s');
|
||||
background: _palette(fg-bold);
|
||||
content: '';
|
||||
display: block;
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
@include vendor('transition', 'opacity 0.5s ease');
|
||||
@include vendor('transition-delay', '1s');
|
||||
margin-bottom: 25px;
|
||||
opacity: 1;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
@include padding(7em, 3em);
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
|
||||
.particles-js-canvas-el {
|
||||
@include vendor('transition', 'opacity #{_duration(fadein)} ease-in-out');
|
||||
@include vendor('transition-delay', '1s');
|
||||
opacity: 1;
|
||||
|
||||
@include breakpoint(medium) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.is-loading {
|
||||
#banner {
|
||||
h1 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@include vendor('transform', 'scale(0.95)');
|
||||
opacity: 0;
|
||||
|
||||
&:before, &:after {
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.particles-js-canvas-el {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.particle {
|
||||
position: relative;
|
||||
user-select: none;
|
||||
background: _palette(accent3, bg);
|
||||
|
||||
@include breakpoint(medium) {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.particles-js-canvas-el {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 1;
|
||||
user-select: auto;
|
||||
}
|
||||
}
|
||||
@@ -1,235 +0,0 @@
|
||||
|
||||
/* Basic */
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
body {
|
||||
background: _palette(bg);
|
||||
|
||||
&.is-loading {
|
||||
*, *:before, *:after {
|
||||
@include vendor('animation', 'none !important');
|
||||
@include vendor('transition', 'none !important');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body, input, select, textarea {
|
||||
color: _palette(fg);
|
||||
font-family: _font(family);
|
||||
font-size: 15pt;
|
||||
font-weight: _font(weight);
|
||||
letter-spacing: _size(letter-spacing);
|
||||
line-height: 1.65em;
|
||||
|
||||
@include breakpoint(xlarge) {
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
@include breakpoint(large) {
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
font-size: 11pt;
|
||||
letter-spacing: _size(letter-spacing) * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@include vendor('transition', ('color #{_duration(transitions)} ease', 'border-bottom-color #{_duration(transitions)} ease'));
|
||||
border-bottom: dotted 1px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
strong, b {
|
||||
color: _palette(fg-bold);
|
||||
font-weight: _font(weight-bold);
|
||||
}
|
||||
|
||||
em, i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
}
|
||||
|
||||
.h1, .h2, .h3, .h4, .h5, .h6,
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: _palette(fg-bold);
|
||||
font-weight: _font(weight-extrabold);
|
||||
letter-spacing: _size(letter-spacing-alt);
|
||||
line-height: 1em;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
text-transform: uppercase;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 1.35em;
|
||||
line-height: 1.4;
|
||||
|
||||
@include breakpoint(small) {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
.h3,
|
||||
h3 {
|
||||
font-size: 1.15em;
|
||||
line-height: 1.4;
|
||||
|
||||
@include breakpoint(small) {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.h4,
|
||||
h4 {
|
||||
font-size: 1em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.h5,
|
||||
h5 {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.h6,
|
||||
h6 {
|
||||
font-size: 0.7em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: 0.5em;
|
||||
}
|
||||
|
||||
sup {
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: solid 2px _palette(border);
|
||||
margin: (_size(element-margin) * 1.5) 0;
|
||||
|
||||
&.major {
|
||||
margin: (_size(element-margin) * 2.25) 0;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: solid 4px _palette(border);
|
||||
font-style: italic;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
padding: 0.5em 0 0.5em 2em;
|
||||
}
|
||||
|
||||
code {
|
||||
background: _palette(border-bg);
|
||||
border-radius: 3px;
|
||||
font-family: _font(family-fixed);
|
||||
font-size: 0.9em;
|
||||
letter-spacing: 0;
|
||||
margin: 0 0.25em;
|
||||
padding: 0.25em 0.65em;
|
||||
}
|
||||
|
||||
pre {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
font-family: _font(family-fixed);
|
||||
font-size: 0.9em;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
|
||||
code {
|
||||
display: block;
|
||||
line-height: 1.75em;
|
||||
padding: 1em 1.5em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
header {
|
||||
p {
|
||||
color: _palette(fg-light);
|
||||
position: relative;
|
||||
top: -0.25em;
|
||||
}
|
||||
|
||||
h2 + p {
|
||||
}
|
||||
|
||||
h3 + p {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
h4 + p,
|
||||
h5 + p,
|
||||
h6 + p {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
&.major {
|
||||
margin: 0 0 (_size(element-margin) * 1.75) 0;
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
border-bottom: solid 2px _palette(border);
|
||||
display: inline-block;
|
||||
padding-bottom: 1em;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: _palette(fg);
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
|
||||
/* Box */
|
||||
|
||||
.box {
|
||||
border-radius: 3px;
|
||||
border: solid 2px _palette(border);
|
||||
margin-bottom: _size(element-margin);
|
||||
padding: 1.5em;
|
||||
|
||||
> :last-child,
|
||||
> :last-child > :last-child,
|
||||
> :last-child > :last-child > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.alt {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icon */
|
||||
|
||||
.icon {
|
||||
@include icon;
|
||||
border-bottom: none;
|
||||
position: relative;
|
||||
|
||||
> .label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.major {
|
||||
@include vendor('transform', 'rotate(-45deg)');
|
||||
border-radius: 3px;
|
||||
border: solid 2px _palette(border);
|
||||
display: inline-block;
|
||||
font-size: 1.35em;
|
||||
height: calc(3em + 2px);
|
||||
line-height: 3em;
|
||||
text-align: center;
|
||||
width: calc(3em + 2px);
|
||||
|
||||
&:before {
|
||||
@include vendor('transform', 'rotate(45deg)');
|
||||
display: inline-block;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
&.style1 {
|
||||
color: _palette(bg);
|
||||
}
|
||||
|
||||
&.style2 {
|
||||
color: _palette(accent2, bg);
|
||||
}
|
||||
|
||||
&.style3 {
|
||||
color: _palette(accent3, bg);
|
||||
}
|
||||
|
||||
&.style4 {
|
||||
color: _palette(accent4, bg);
|
||||
}
|
||||
}
|
||||
@@ -1,83 +0,0 @@
|
||||
|
||||
/* Button */
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
@include vendor('appearance', 'none');
|
||||
@include vendor('transition', ('background-color #{_duration(transitions)} ease-in-out', 'color #{_duration(transitions)} ease-in-out'));
|
||||
background-color: transparent;
|
||||
border-radius: 3px;
|
||||
border: 0;
|
||||
box-shadow: inset 0 0 0 2px _palette(border);
|
||||
color: _palette(fg-bold);
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 0.8em;
|
||||
font-weight: _font(weight-bold);
|
||||
height: 3.125em;
|
||||
letter-spacing: _size(letter-spacing-alt);
|
||||
line-height: 3.125em;
|
||||
padding: 0 2.75em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
&:hover {
|
||||
background-color: _palette(border-bg);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: _palette(border2-bg);
|
||||
}
|
||||
|
||||
&.icon {
|
||||
&:before {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
&.fit {
|
||||
display: block;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
&.big {
|
||||
font-size: 1.35em;
|
||||
}
|
||||
|
||||
&.special {
|
||||
background-color: _palette(accent3, bg);
|
||||
box-shadow: none !important;
|
||||
color: _palette(accent3, fg-bold) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten(_palette(accent3, bg), 5) !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: darken(_palette(accent3, bg), 5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
@include vendor('pointer-events', 'none');
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
height: 3.75em;
|
||||
line-height: 3.75em;
|
||||
}
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
#contact {
|
||||
header {
|
||||
@include vendor('order', '1');
|
||||
|
||||
p {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.actions {
|
||||
@include vendor('order', '2');
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
header {
|
||||
padding-right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.actions {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 20em;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
.actions {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,75 +0,0 @@
|
||||
|
||||
/* Features */
|
||||
|
||||
.features {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('flex-wrap', 'wrap');
|
||||
@include vendor('justify-content', 'center');
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
@include padding(4em, 4em, (0,0,0,2em));
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
width: 50%;
|
||||
|
||||
@for $i from 1 through _misc(max-features) {
|
||||
$j: 0.035 * $i;
|
||||
|
||||
&:nth-child(#{$i}) {
|
||||
background-color: rgba(0,0,0, $j);
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
color: _palette(accent1, bg);
|
||||
position: absolute;
|
||||
left: 1.75em;
|
||||
top: 2.75em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
&:nth-last-child(1) {
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
&:nth-last-child(2) {
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
@include padding(3em, 2em);
|
||||
text-align: center;
|
||||
|
||||
&:before {
|
||||
left: 0;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
@include padding(3em, 0);
|
||||
background-color: transparent !important;
|
||||
border-top: solid 2px _palette(border);
|
||||
width: 100%;
|
||||
|
||||
&:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,166 +0,0 @@
|
||||
|
||||
/* Form */
|
||||
|
||||
form {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
}
|
||||
|
||||
label {
|
||||
color: _palette(fg-bold);
|
||||
display: block;
|
||||
font-size: 0.9em;
|
||||
font-weight: _font(weight-bold);
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
select,
|
||||
textarea {
|
||||
@include vendor('appearance', 'none');
|
||||
background: _palette(border-bg);
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
color: inherit;
|
||||
display: block;
|
||||
outline: 0;
|
||||
padding: 0 1em;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
|
||||
&:invalid {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px _palette(accent1, bg);
|
||||
}
|
||||
}
|
||||
|
||||
.select-wrapper {
|
||||
@include icon;
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
@include vendor('pointer-events', 'none');
|
||||
color: _palette(border);
|
||||
content: '\f078';
|
||||
display: block;
|
||||
height: _size(element-height);
|
||||
line-height: _size(element-height);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: _size(element-height);
|
||||
}
|
||||
|
||||
select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
select {
|
||||
height: _size(element-height);
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: 0.75em 1em;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"], {
|
||||
@include vendor('appearance', 'none');
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: -2em;
|
||||
opacity: 0;
|
||||
width: 1em;
|
||||
z-index: -1;
|
||||
|
||||
& + label {
|
||||
@include icon;
|
||||
color: _palette(fg);
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 1em;
|
||||
font-weight: _font(weight);
|
||||
padding-left: (_size(element-height) * 0.6) + 0.75em;
|
||||
padding-right: 0.75em;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
background: _palette(border-bg);
|
||||
border-radius: 3px;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: (_size(element-height) * 0.6);
|
||||
left: 0;
|
||||
line-height: (_size(element-height) * 0.575);
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: (_size(element-height) * 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + label {
|
||||
&:before {
|
||||
background: _palette(bg);
|
||||
color: _palette(fg-bold);
|
||||
content: '\f00c';
|
||||
}
|
||||
}
|
||||
|
||||
&:focus + label {
|
||||
&:before {
|
||||
box-shadow: 0 0 0 2px _palette(accent1, bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
& + label {
|
||||
&:before {
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
& + label {
|
||||
&:before {
|
||||
border-radius: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: _palette(fg-light) !important;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: _palette(fg-light) !important;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
color: _palette(fg-light) !important;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: _palette(fg-light) !important;
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
.formerize-placeholder {
|
||||
color: _palette(fg-light) !important;
|
||||
opacity: 1.0;
|
||||
}
|
||||
@@ -1,105 +0,0 @@
|
||||
|
||||
/* Header */
|
||||
|
||||
#header {
|
||||
@include vendor('transition', 'background-color #{_duration(transitions)} ease');
|
||||
background: _palette(bg);
|
||||
height: 3em;
|
||||
left: 0;
|
||||
line-height: 3em;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: _misc(z-index-base);
|
||||
|
||||
h1 {
|
||||
@include vendor('transition', 'opacity #{_duration(transitions)} ease');
|
||||
height: inherit;
|
||||
left: 1.25em;
|
||||
line-height: inherit;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
a {
|
||||
border: 0;
|
||||
display: block;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
|
||||
@include breakpoint(small) {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
|
||||
> ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
|
||||
> li {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
|
||||
> a {
|
||||
border: 0;
|
||||
color: _palette(fg-bold);
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
letter-spacing: _size(letter-spacing-alt);
|
||||
padding: 0 1.5em;
|
||||
text-transform: uppercase;
|
||||
|
||||
&.menuToggle {
|
||||
outline: 0;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
background-image: url('images/bars.svg');
|
||||
background-position: right center;
|
||||
background-repeat: no-repeat;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 3.75em;
|
||||
vertical-align: top;
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
padding: 0 1.5em;
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
padding: 0 0 0 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.alt {
|
||||
background: transparent;
|
||||
|
||||
h1 {
|
||||
@include vendor('pointer-events', 'none');
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,45 +0,0 @@
|
||||
|
||||
/* Image */
|
||||
|
||||
.image {
|
||||
border-radius: 3px;
|
||||
border: 0;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
border-radius: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.left {
|
||||
float: left;
|
||||
margin: 0 2em 2em 0;
|
||||
top: 0.25em;
|
||||
}
|
||||
|
||||
&.right {
|
||||
float: right;
|
||||
margin: 0 0 2em 2em;
|
||||
top: 0.25em;
|
||||
}
|
||||
|
||||
&.left,
|
||||
&.right {
|
||||
max-width: 40%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.fit {
|
||||
display: block;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
width: 100%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,219 +0,0 @@
|
||||
|
||||
/* List */
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
padding-left: 1.25em;
|
||||
|
||||
li {
|
||||
padding-left: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
padding-left: 1em;
|
||||
|
||||
li {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
&.alt {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
border-top: solid 1px _palette(border);
|
||||
padding: 0.5em 0;
|
||||
|
||||
&:first-child {
|
||||
border-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.icons {
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 0 1em 0 0;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.major {
|
||||
padding: 1em 0;
|
||||
|
||||
li {
|
||||
padding-right: 3.5em;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
padding: 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.icons--flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
max-width: 980px;
|
||||
margin: auto;
|
||||
padding-left: 16px;
|
||||
|
||||
li {
|
||||
flex-basis: 33.333%;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
display: block;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
margin: 40px 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.icons__title {
|
||||
display: block;
|
||||
@extend .h3;
|
||||
margin-top: 40px;
|
||||
|
||||
@include breakpoint(small) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.actions {
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 0 (_size(element-margin) * 0.75) 0 0;
|
||||
vertical-align: middle;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.small {
|
||||
li {
|
||||
padding: 0 (_size(element-margin) * 0.375) 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.vertical {
|
||||
li {
|
||||
display: block;
|
||||
padding: (_size(element-margin) * 0.75) 0 0 0;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
> * {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.small {
|
||||
li {
|
||||
padding: (_size(element-margin) * 0.375) 0 0 0;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fit {
|
||||
display: table;
|
||||
margin-left: (_size(element-margin) * -0.75);
|
||||
padding: 0;
|
||||
table-layout: fixed;
|
||||
width: calc(100% + #{(_size(element-margin) * 0.75)});
|
||||
|
||||
li {
|
||||
display: table-cell;
|
||||
padding: 0 0 0 (_size(element-margin) * 0.75);
|
||||
|
||||
> * {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.small {
|
||||
margin-left: (_size(element-margin) * -0.375);
|
||||
width: calc(100% + #{(_size(element-margin) * 0.375)});
|
||||
|
||||
li {
|
||||
padding: 0 0 0 (_size(element-margin) * 0.375);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
li {
|
||||
display: block;
|
||||
padding: (_size(element-margin) * 0.5) 0 0 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
> * {
|
||||
margin: 0 auto !important;
|
||||
max-width: 30em;
|
||||
width: 100%;
|
||||
|
||||
&.icon {
|
||||
&:before {
|
||||
margin-left: -1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.small {
|
||||
li {
|
||||
padding: (_size(element-margin) * 0.25) 0 0 0;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
}
|
||||
@@ -1,104 +0,0 @@
|
||||
|
||||
/* Page Wrapper + Menu */
|
||||
|
||||
#page-wrapper {
|
||||
@include vendor('transition', 'opacity #{_duration(menu)} ease');
|
||||
opacity: 1;
|
||||
padding-top: 3em;
|
||||
|
||||
&:before {
|
||||
background: rgba(0,0,0,0);
|
||||
content: '';
|
||||
display: block;
|
||||
display: none;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: _misc(z-index-base) + 1;
|
||||
}
|
||||
}
|
||||
|
||||
#menu {
|
||||
display:none;
|
||||
@include vendor('transform', 'translateX(20em)');
|
||||
@include vendor('transition', 'transform #{_duration(menu)} ease');
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background: _palette(accent1, bg);
|
||||
color: _palette(accent1, fg-bold);
|
||||
height: 100%;
|
||||
max-width: 80%;
|
||||
overflow-y: auto;
|
||||
padding: 3em 2em;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 20em;
|
||||
z-index: _misc(z-index-base) + 2;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
border-top: solid 1px _palette(accent1, border);
|
||||
margin: 0.5em 0 0 0;
|
||||
padding: 0.5em 0 0 0;
|
||||
|
||||
&:first-child {
|
||||
border-top: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
> a {
|
||||
border: 0;
|
||||
color: inherit;
|
||||
display: block;
|
||||
font-size: 0.8em;
|
||||
letter-spacing: _size(letter-spacing-alt);
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
|
||||
@include breakpoint(small) {
|
||||
line-height: 3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.close {
|
||||
background-image: url('images/close.svg');
|
||||
background-position: 4.85em 1em;
|
||||
background-repeat: no-repeat;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 3em;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
vertical-align: middle;
|
||||
width: 7em;
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
padding: 3em 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
body.is-menu-visible {
|
||||
#page-wrapper {
|
||||
opacity: 0.35;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#menu {
|
||||
@include vendor('transform', 'translateX(0)');
|
||||
}
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
/* Section/Article */
|
||||
|
||||
section, article {
|
||||
&.special {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@@ -1,72 +0,0 @@
|
||||
|
||||
/* Spotlight */
|
||||
|
||||
.spotlight {
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('display', 'flex');
|
||||
|
||||
.image {
|
||||
@include vendor('order', '1');
|
||||
border-radius: 0;
|
||||
width: 40%;
|
||||
|
||||
img {
|
||||
border-radius: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
@include padding(2em, 4em);
|
||||
@include vendor('order', '2');
|
||||
max-width: 48em;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
&:nth-child(2n) {
|
||||
@include vendor('flex-direction', 'row-reverse');
|
||||
}
|
||||
|
||||
@for $i from 1 through _misc(max-spotlights) {
|
||||
$j: 0.075 * $i;
|
||||
|
||||
&:nth-child(#{$i}) {
|
||||
background-color: rgba(0,0,0, $j);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(large) {
|
||||
.image {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 55%;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
display: block;
|
||||
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content {
|
||||
@include padding(4em, 3em);
|
||||
max-width: none;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
.content {
|
||||
@include padding(3em, 2em);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,76 +0,0 @@
|
||||
|
||||
/* Table */
|
||||
|
||||
.table-wrapper {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 0 0 _size(element-margin) 0;
|
||||
width: 100%;
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
border: solid 1px _palette(border);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
background-color: _palette(border-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0.75em 0.75em;
|
||||
}
|
||||
|
||||
th {
|
||||
color: _palette(fg-bold);
|
||||
font-size: 0.9em;
|
||||
font-weight: _font(weight-bold);
|
||||
padding: 0 0.75em 0.75em 0.75em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: solid 2px _palette(border);
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-top: solid 2px _palette(border);
|
||||
}
|
||||
|
||||
&.alt {
|
||||
border-collapse: separate;
|
||||
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
border: solid 1px _palette(border);
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
|
||||
&:first-child {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
td {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,244 +0,0 @@
|
||||
|
||||
/* Wrapper */
|
||||
|
||||
@mixin wrapper($p) {
|
||||
background-color: _palette($p, bg);
|
||||
color: _palette($p, fg);
|
||||
|
||||
// Basic
|
||||
|
||||
strong, b {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
|
||||
.h2, .h3, .h4, .h5, .h6,
|
||||
h2, h3, h4, h5, h6 {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
|
||||
code {
|
||||
background: _palette($p, border-bg);
|
||||
}
|
||||
|
||||
// Section/Article
|
||||
|
||||
header {
|
||||
p {
|
||||
color: _palette($p, fg-light);
|
||||
}
|
||||
|
||||
&.major {
|
||||
h2, h3, h4, h5, h6 {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
|
||||
p {
|
||||
color: _palette($p, fg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Form
|
||||
|
||||
label {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
select,
|
||||
textarea {
|
||||
background: _palette($p, border-bg);
|
||||
}
|
||||
|
||||
.select-wrapper {
|
||||
&:before {
|
||||
color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"], {
|
||||
& + label {
|
||||
color: _palette($p, fg);
|
||||
|
||||
&:before {
|
||||
background: _palette($p, border-bg);
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + label {
|
||||
&:before {
|
||||
background: _palette($p, fg-bold);
|
||||
color: _palette($p, bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
.formerize-placeholder {
|
||||
color: _palette($p, fg-light) !important;
|
||||
}
|
||||
|
||||
// Icon
|
||||
|
||||
.icon {
|
||||
&.major {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
|
||||
// List
|
||||
|
||||
ul {
|
||||
&.alt {
|
||||
li {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Table
|
||||
|
||||
table {
|
||||
tbody {
|
||||
tr {
|
||||
border-color: _palette($p, border);
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
background-color: _palette($p, border-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
color: _palette($p, fg-bold);
|
||||
}
|
||||
|
||||
thead {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
|
||||
&.alt {
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
border-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Button
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
box-shadow: inset 0 0 0 2px _palette($p, border);
|
||||
color: _palette($p, fg-bold);
|
||||
|
||||
&:hover {
|
||||
background-color: _palette($p, border-bg);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: _palette($p, border2-bg);
|
||||
}
|
||||
}
|
||||
|
||||
// Features
|
||||
|
||||
.features {
|
||||
li {
|
||||
@include breakpoint(small) {
|
||||
border-top-color: _palette($p, border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
@include padding(6em, 0);
|
||||
|
||||
> .inner {
|
||||
width: 60em;
|
||||
margin: 0 auto;
|
||||
|
||||
@include breakpoint(large) {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.alt {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.style1 {
|
||||
@include wrapper(accent1);
|
||||
}
|
||||
|
||||
&.style2 {
|
||||
background-color: _palette(bg);
|
||||
}
|
||||
|
||||
&.style3 {
|
||||
@include wrapper(accent3);
|
||||
}
|
||||
|
||||
&.style4 {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&.style5 {
|
||||
@include wrapper(accent2);
|
||||
}
|
||||
|
||||
&.style6 {
|
||||
@include wrapper(accent4);
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
@include padding(4em, 3em);
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
@include padding(3em, 2em);
|
||||
}
|
||||
}
|
||||
@@ -1,117 +0,0 @@
|
||||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/skel';
|
||||
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Icon */
|
||||
|
||||
.icon {
|
||||
&.major {
|
||||
border: none;
|
||||
|
||||
&:before {
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Form */
|
||||
|
||||
label {
|
||||
color: _palette(accent2, fg-bold);
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
select,
|
||||
textarea {
|
||||
border: solid 1px _palette(accent2, border);
|
||||
}
|
||||
|
||||
/* Button */
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
border: solid 2px _palette(accent2, border);
|
||||
|
||||
&.special {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Page Wrapper + Menu */
|
||||
|
||||
#menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.is-menu-visible {
|
||||
#menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header {
|
||||
nav {
|
||||
> ul {
|
||||
> li {
|
||||
> a {
|
||||
&.menuToggle {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner + Wrapper (style4) */
|
||||
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
-ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
.more {
|
||||
height: 4em;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Main */
|
||||
|
||||
#main {
|
||||
> header {
|
||||
-ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,136 +0,0 @@
|
||||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/skel';
|
||||
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Spotlight */
|
||||
|
||||
.spotlight {
|
||||
display: block;
|
||||
|
||||
.image {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.content {
|
||||
@include padding(4em, 4em);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Features */
|
||||
|
||||
.features {
|
||||
display: block;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner + Wrapper (style4) */
|
||||
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
background-image: url("../../assets/images/banner.jpg");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
background: #000000;
|
||||
content: '';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inner {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
|
||||
#banner {
|
||||
@include padding(14em, 0);
|
||||
height: auto;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* CTA */
|
||||
|
||||
#cta {
|
||||
.inner {
|
||||
header {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.actions {
|
||||
float: left;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Main */
|
||||
|
||||
#main {
|
||||
> header {
|
||||
background-image: url("../../assets/images/banner.jpg");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
background: #000000;
|
||||
content: '';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> * {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,34 +0,0 @@
|
||||
// Spinning Icons
|
||||
// --------------------------
|
||||
|
||||
.#{$fa-css-prefix}-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pulse {
|
||||
-webkit-animation: fa-spin 1s infinite steps(8);
|
||||
animation: fa-spin 1s infinite steps(8);
|
||||
}
|
||||
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
// Bordered & Pulled
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-border {
|
||||
padding: .2em .25em .15em;
|
||||
border: solid .08em $fa-border-color;
|
||||
border-radius: .1em;
|
||||
}
|
||||
|
||||
.#{$fa-css-prefix}-pull-left { float: left; }
|
||||
.#{$fa-css-prefix}-pull-right { float: right; }
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
|
||||
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
|
||||
}
|
||||
|
||||
/* Deprecated as of 4.4.0 */
|
||||
.pull-right { float: right; }
|
||||
.pull-left { float: left; }
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
&.pull-left { margin-right: .3em; }
|
||||
&.pull-right { margin-left: .3em; }
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
// Base Class Definition
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix} {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
// Fixed Width Icons
|
||||
// -------------------------
|
||||
.#{$fa-css-prefix}-fw {
|
||||
width: (18em / 14);
|
||||
text-align: center;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,13 +0,0 @@
|
||||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.#{$fa-css-prefix}-lg {
|
||||
font-size: (4em / 3);
|
||||
line-height: (3em / 4);
|
||||
vertical-align: -15%;
|
||||
}
|
||||
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
||||
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
||||
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
||||
@@ -1,19 +0,0 @@
|
||||
// List Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-ul {
|
||||
padding-left: 0;
|
||||
margin-left: $fa-li-width;
|
||||
list-style-type: none;
|
||||
> li { position: relative; }
|
||||
}
|
||||
.#{$fa-css-prefix}-li {
|
||||
position: absolute;
|
||||
left: -$fa-li-width;
|
||||
width: $fa-li-width;
|
||||
top: (2em / 14);
|
||||
text-align: center;
|
||||
&.#{$fa-css-prefix}-lg {
|
||||
left: -$fa-li-width + (4em / 14);
|
||||
}
|
||||
}
|
||||
@@ -1,60 +0,0 @@
|
||||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
@mixin fa-icon() {
|
||||
display: inline-block;
|
||||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
||||
text-rendering: auto; // optimizelegibility throws things off #1094
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
}
|
||||
|
||||
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees);
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
|
||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
||||
-webkit-transform: scale($horiz, $vert);
|
||||
-ms-transform: scale($horiz, $vert);
|
||||
transform: scale($horiz, $vert);
|
||||
}
|
||||
|
||||
|
||||
// Only display content to screen readers. A la Bootstrap 4.
|
||||
//
|
||||
// See: http://a11yproject.com/posts/how-to-hide-content/
|
||||
|
||||
@mixin sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0,0,0,0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Use in conjunction with .sr-only to only display content when it's focused.
|
||||
//
|
||||
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
||||
//
|
||||
// Credit: HTML5 Boilerplate
|
||||
|
||||
@mixin sr-only-focusable {
|
||||
&:active,
|
||||
&:focus {
|
||||
position: static;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
}
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
/* FONT PATH
|
||||
* -------------------------- */
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('#{$fa-font-path}/font-awesome.eot?v=#{$fa-version}');
|
||||
src: url('#{$fa-font-path}/font-awesome.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
|
||||
url('#{$fa-font-path}/font-awesome.woff?v=#{$fa-version}') format('woff'),
|
||||
url('#{$fa-font-path}/font-awesome.ttf?v=#{$fa-version}') format('truetype'),
|
||||
url('#{$fa-font-path}/font-awesome.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
|
||||
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
// Rotated & Flipped Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
||||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
||||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
||||
|
||||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
||||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
||||
|
||||
// Hook for IE8-9
|
||||
// -------------------------
|
||||
|
||||
:root .#{$fa-css-prefix}-rotate-90,
|
||||
:root .#{$fa-css-prefix}-rotate-180,
|
||||
:root .#{$fa-css-prefix}-rotate-270,
|
||||
:root .#{$fa-css-prefix}-flip-horizontal,
|
||||
:root .#{$fa-css-prefix}-flip-vertical {
|
||||
filter: none;
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
// Screen Readers
|
||||
// -------------------------
|
||||
|
||||
.sr-only { @include sr-only(); }
|
||||
.sr-only-focusable { @include sr-only-focusable(); }
|
||||
@@ -1,20 +0,0 @@
|
||||
// Stacked Icons
|
||||
// -------------------------
|
||||
|
||||
.#{$fa-css-prefix}-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
||||
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
||||
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|
||||
@@ -1,801 +0,0 @@
|
||||
// Variables
|
||||
// --------------------------
|
||||
|
||||
$fa-font-path: "../fonts" !default;
|
||||
$fa-font-size-base: 14px !default;
|
||||
$fa-line-height-base: 1 !default;
|
||||
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
|
||||
$fa-css-prefix: fa !default;
|
||||
$fa-version: "4.7.0" !default;
|
||||
$fa-border-color: #eee !default;
|
||||
$fa-inverse: #fff !default;
|
||||
$fa-li-width: (30em / 14) !default;
|
||||
|
||||
$fa-var-cloud-o: "\e900";
|
||||
$fa-var-rocket2: "\e905";
|
||||
$fa-var-asterisk: "\f069";
|
||||
$fa-var-plus: "\f067";
|
||||
$fa-var-question: "\f128";
|
||||
$fa-var-minus: "\f068";
|
||||
$fa-var-glass: "\f000";
|
||||
$fa-var-music: "\f001";
|
||||
$fa-var-search: "\f002";
|
||||
$fa-var-envelope-o: "\f003";
|
||||
$fa-var-heart: "\f004";
|
||||
$fa-var-star: "\f005";
|
||||
$fa-var-star-o: "\f006";
|
||||
$fa-var-user: "\f007";
|
||||
$fa-var-film: "\f008";
|
||||
$fa-var-th-large: "\f009";
|
||||
$fa-var-th: "\f00a";
|
||||
$fa-var-th-list: "\f00b";
|
||||
$fa-var-check: "\f00c";
|
||||
$fa-var-close: "\f00d";
|
||||
$fa-var-remove: "\f00d";
|
||||
$fa-var-times: "\f00d";
|
||||
$fa-var-search-plus: "\f00e";
|
||||
$fa-var-search-minus: "\f010";
|
||||
$fa-var-power-off: "\f011";
|
||||
$fa-var-signal: "\f012";
|
||||
$fa-var-cog: "\f013";
|
||||
$fa-var-gear: "\f013";
|
||||
$fa-var-trash-o: "\f014";
|
||||
$fa-var-home: "\f015";
|
||||
$fa-var-file-o: "\f016";
|
||||
$fa-var-clock-o: "\f017";
|
||||
$fa-var-road: "\f018";
|
||||
$fa-var-download: "\f019";
|
||||
$fa-var-arrow-circle-o-down: "\f01a";
|
||||
$fa-var-arrow-circle-o-up: "\f01b";
|
||||
$fa-var-inbox: "\f01c";
|
||||
$fa-var-play-circle-o: "\f01d";
|
||||
$fa-var-repeat: "\f01e";
|
||||
$fa-var-rotate-right: "\f01e";
|
||||
$fa-var-refresh: "\f021";
|
||||
$fa-var-list-alt: "\f022";
|
||||
$fa-var-lock: "\f023";
|
||||
$fa-var-flag: "\f024";
|
||||
$fa-var-headphones: "\f025";
|
||||
$fa-var-volume-off: "\f026";
|
||||
$fa-var-volume-down: "\f027";
|
||||
$fa-var-volume-up: "\f028";
|
||||
$fa-var-qrcode: "\f029";
|
||||
$fa-var-barcode: "\f02a";
|
||||
$fa-var-tag: "\f02b";
|
||||
$fa-var-tags: "\f02c";
|
||||
$fa-var-book: "\f02d";
|
||||
$fa-var-bookmark: "\f02e";
|
||||
$fa-var-print: "\f02f";
|
||||
$fa-var-camera: "\f030";
|
||||
$fa-var-font: "\f031";
|
||||
$fa-var-bold: "\f032";
|
||||
$fa-var-italic: "\f033";
|
||||
$fa-var-text-height: "\f034";
|
||||
$fa-var-text-width: "\f035";
|
||||
$fa-var-align-left: "\f036";
|
||||
$fa-var-align-center: "\f037";
|
||||
$fa-var-align-right: "\f038";
|
||||
$fa-var-align-justify: "\f039";
|
||||
$fa-var-list: "\f03a";
|
||||
$fa-var-dedent: "\f03b";
|
||||
$fa-var-outdent: "\f03b";
|
||||
$fa-var-indent: "\f03c";
|
||||
$fa-var-video-camera: "\f03d";
|
||||
$fa-var-image: "\f03e";
|
||||
$fa-var-photo: "\f03e";
|
||||
$fa-var-picture-o: "\f03e";
|
||||
$fa-var-pencil: "\f040";
|
||||
$fa-var-map-marker: "\f041";
|
||||
$fa-var-adjust: "\f042";
|
||||
$fa-var-tint: "\f043";
|
||||
$fa-var-edit: "\f044";
|
||||
$fa-var-pencil-square-o: "\f044";
|
||||
$fa-var-share-square-o: "\f045";
|
||||
$fa-var-check-square-o: "\f046";
|
||||
$fa-var-arrows: "\f047";
|
||||
$fa-var-step-backward: "\f048";
|
||||
$fa-var-fast-backward: "\f049";
|
||||
$fa-var-backward: "\f04a";
|
||||
$fa-var-play: "\f04b";
|
||||
$fa-var-pause: "\f04c";
|
||||
$fa-var-stop: "\f04d";
|
||||
$fa-var-forward: "\f04e";
|
||||
$fa-var-fast-forward: "\f050";
|
||||
$fa-var-step-forward: "\f051";
|
||||
$fa-var-eject: "\f052";
|
||||
$fa-var-chevron-left: "\f053";
|
||||
$fa-var-chevron-right: "\f054";
|
||||
$fa-var-plus-circle: "\f055";
|
||||
$fa-var-minus-circle: "\f056";
|
||||
$fa-var-times-circle: "\f057";
|
||||
$fa-var-check-circle: "\f058";
|
||||
$fa-var-question-circle: "\f059";
|
||||
$fa-var-info-circle: "\f05a";
|
||||
$fa-var-crosshairs: "\f05b";
|
||||
$fa-var-times-circle-o: "\f05c";
|
||||
$fa-var-check-circle-o: "\f05d";
|
||||
$fa-var-ban: "\f05e";
|
||||
$fa-var-arrow-left: "\f060";
|
||||
$fa-var-arrow-right: "\f061";
|
||||
$fa-var-arrow-up: "\f062";
|
||||
$fa-var-arrow-down: "\f063";
|
||||
$fa-var-mail-forward: "\f064";
|
||||
$fa-var-share: "\f064";
|
||||
$fa-var-expand: "\f065";
|
||||
$fa-var-compress: "\f066";
|
||||
$fa-var-exclamation-circle: "\f06a";
|
||||
$fa-var-gift: "\f06b";
|
||||
$fa-var-leaf: "\f06c";
|
||||
$fa-var-fire: "\f06d";
|
||||
$fa-var-eye: "\f06e";
|
||||
$fa-var-eye-slash: "\f070";
|
||||
$fa-var-exclamation-triangle: "\f071";
|
||||
$fa-var-warning: "\f071";
|
||||
$fa-var-plane: "\f072";
|
||||
$fa-var-calendar: "\f073";
|
||||
$fa-var-random: "\f074";
|
||||
$fa-var-comment: "\f075";
|
||||
$fa-var-magnet: "\f076";
|
||||
$fa-var-chevron-up: "\f077";
|
||||
$fa-var-chevron-down: "\f078";
|
||||
$fa-var-retweet: "\f079";
|
||||
$fa-var-shopping-cart: "\f07a";
|
||||
$fa-var-folder: "\f07b";
|
||||
$fa-var-folder-open: "\f07c";
|
||||
$fa-var-arrows-v: "\f07d";
|
||||
$fa-var-arrows-h: "\f07e";
|
||||
$fa-var-bar-chart: "\f080";
|
||||
$fa-var-bar-chart-o: "\f080";
|
||||
$fa-var-twitter-square: "\f081";
|
||||
$fa-var-facebook-square: "\f082";
|
||||
$fa-var-camera-retro: "\f083";
|
||||
$fa-var-key: "\f084";
|
||||
$fa-var-cogs: "\f085";
|
||||
$fa-var-gears: "\f085";
|
||||
$fa-var-comments: "\f086";
|
||||
$fa-var-thumbs-o-up: "\f087";
|
||||
$fa-var-thumbs-o-down: "\f088";
|
||||
$fa-var-star-half: "\f089";
|
||||
$fa-var-heart-o: "\f08a";
|
||||
$fa-var-sign-out: "\f08b";
|
||||
$fa-var-linkedin-square: "\f08c";
|
||||
$fa-var-thumb-tack: "\f08d";
|
||||
$fa-var-external-link: "\f08e";
|
||||
$fa-var-sign-in: "\f090";
|
||||
$fa-var-trophy: "\f091";
|
||||
$fa-var-github-square: "\f092";
|
||||
$fa-var-upload: "\f093";
|
||||
$fa-var-lemon-o: "\f094";
|
||||
$fa-var-phone: "\f095";
|
||||
$fa-var-square-o: "\f096";
|
||||
$fa-var-bookmark-o: "\f097";
|
||||
$fa-var-phone-square: "\f098";
|
||||
$fa-var-twitter: "\f099";
|
||||
$fa-var-facebook: "\f09a";
|
||||
$fa-var-facebook-f: "\f09a";
|
||||
$fa-var-github: "\f09b";
|
||||
$fa-var-unlock: "\f09c";
|
||||
$fa-var-credit-card: "\f09d";
|
||||
$fa-var-feed: "\f09e";
|
||||
$fa-var-rss: "\f09e";
|
||||
$fa-var-hdd-o: "\f0a0";
|
||||
$fa-var-bullhorn: "\f0a1";
|
||||
$fa-var-bell-o: "\f0a2";
|
||||
$fa-var-certificate: "\f0a3";
|
||||
$fa-var-hand-o-right: "\f0a4";
|
||||
$fa-var-hand-o-left: "\f0a5";
|
||||
$fa-var-hand-o-up: "\f0a6";
|
||||
$fa-var-hand-o-down: "\f0a7";
|
||||
$fa-var-arrow-circle-left: "\f0a8";
|
||||
$fa-var-arrow-circle-right: "\f0a9";
|
||||
$fa-var-arrow-circle-up: "\f0aa";
|
||||
$fa-var-arrow-circle-down: "\f0ab";
|
||||
$fa-var-globe: "\f0ac";
|
||||
$fa-var-wrench: "\f0ad";
|
||||
$fa-var-tasks: "\f0ae";
|
||||
$fa-var-filter: "\f0b0";
|
||||
$fa-var-briefcase: "\f0b1";
|
||||
$fa-var-arrows-alt: "\f0b2";
|
||||
$fa-var-group: "\f0c0";
|
||||
$fa-var-users: "\f0c0";
|
||||
$fa-var-chain: "\f0c1";
|
||||
$fa-var-link: "\f0c1";
|
||||
$fa-var-cloud: "\f0c2";
|
||||
$fa-var-flask: "\f0c3";
|
||||
$fa-var-cut: "\f0c4";
|
||||
$fa-var-scissors: "\f0c4";
|
||||
$fa-var-copy: "\f0c5";
|
||||
$fa-var-files-o: "\f0c5";
|
||||
$fa-var-paperclip: "\f0c6";
|
||||
$fa-var-floppy-o: "\f0c7";
|
||||
$fa-var-save: "\f0c7";
|
||||
$fa-var-square: "\f0c8";
|
||||
$fa-var-bars: "\f0c9";
|
||||
$fa-var-navicon: "\f0c9";
|
||||
$fa-var-reorder: "\f0c9";
|
||||
$fa-var-list-ul: "\f0ca";
|
||||
$fa-var-list-ol: "\f0cb";
|
||||
$fa-var-strikethrough: "\f0cc";
|
||||
$fa-var-underline: "\f0cd";
|
||||
$fa-var-table: "\f0ce";
|
||||
$fa-var-magic: "\f0d0";
|
||||
$fa-var-truck: "\f0d1";
|
||||
$fa-var-pinterest: "\f0d2";
|
||||
$fa-var-pinterest-square: "\f0d3";
|
||||
$fa-var-google-plus-square: "\f0d4";
|
||||
$fa-var-google-plus: "\f0d5";
|
||||
$fa-var-money: "\f0d6";
|
||||
$fa-var-caret-down: "\f0d7";
|
||||
$fa-var-caret-up: "\f0d8";
|
||||
$fa-var-caret-left: "\f0d9";
|
||||
$fa-var-caret-right: "\f0da";
|
||||
$fa-var-columns: "\f0db";
|
||||
$fa-var-sort: "\f0dc";
|
||||
$fa-var-unsorted: "\f0dc";
|
||||
$fa-var-sort-desc: "\f0dd";
|
||||
$fa-var-sort-down: "\f0dd";
|
||||
$fa-var-sort-asc: "\f0de";
|
||||
$fa-var-sort-up: "\f0de";
|
||||
$fa-var-envelope: "\f0e0";
|
||||
$fa-var-linkedin: "\f0e1";
|
||||
$fa-var-rotate-left: "\f0e2";
|
||||
$fa-var-undo: "\f0e2";
|
||||
$fa-var-gavel: "\f0e3";
|
||||
$fa-var-legal: "\f0e3";
|
||||
$fa-var-dashboard: "\f0e4";
|
||||
$fa-var-tachometer: "\f0e4";
|
||||
$fa-var-comment-o: "\f0e5";
|
||||
$fa-var-comments-o: "\f0e6";
|
||||
$fa-var-bolt: "\f0e7";
|
||||
$fa-var-flash: "\f0e7";
|
||||
$fa-var-sitemap: "\f0e8";
|
||||
$fa-var-umbrella: "\f0e9";
|
||||
$fa-var-clipboard: "\f0ea";
|
||||
$fa-var-paste: "\f0ea";
|
||||
$fa-var-lightbulb-o: "\f0eb";
|
||||
$fa-var-exchange: "\f0ec";
|
||||
$fa-var-cloud-download: "\f0ed";
|
||||
$fa-var-cloud-upload: "\f0ee";
|
||||
$fa-var-user-md: "\f0f0";
|
||||
$fa-var-stethoscope: "\f0f1";
|
||||
$fa-var-suitcase: "\f0f2";
|
||||
$fa-var-bell: "\f0f3";
|
||||
$fa-var-coffee: "\f0f4";
|
||||
$fa-var-cutlery: "\f0f5";
|
||||
$fa-var-file-text-o: "\f0f6";
|
||||
$fa-var-building-o: "\f0f7";
|
||||
$fa-var-hospital-o: "\f0f8";
|
||||
$fa-var-ambulance: "\f0f9";
|
||||
$fa-var-medkit: "\f0fa";
|
||||
$fa-var-fighter-jet: "\f0fb";
|
||||
$fa-var-beer: "\f0fc";
|
||||
$fa-var-h-square: "\f0fd";
|
||||
$fa-var-plus-square: "\f0fe";
|
||||
$fa-var-angle-double-left: "\f100";
|
||||
$fa-var-angle-double-right: "\f101";
|
||||
$fa-var-angle-double-up: "\f102";
|
||||
$fa-var-angle-double-down: "\f103";
|
||||
$fa-var-angle-left: "\f104";
|
||||
$fa-var-angle-right: "\f105";
|
||||
$fa-var-angle-up: "\f106";
|
||||
$fa-var-angle-down: "\f107";
|
||||
$fa-var-desktop: "\f108";
|
||||
$fa-var-laptop: "\f109";
|
||||
$fa-var-tablet: "\f10a";
|
||||
$fa-var-mobile: "\f10b";
|
||||
$fa-var-mobile-phone: "\f10b";
|
||||
$fa-var-circle-o: "\f10c";
|
||||
$fa-var-quote-left: "\f10d";
|
||||
$fa-var-quote-right: "\f10e";
|
||||
$fa-var-spinner: "\f110";
|
||||
$fa-var-circle: "\f111";
|
||||
$fa-var-mail-reply: "\f112";
|
||||
$fa-var-reply: "\f112";
|
||||
$fa-var-github-alt: "\f113";
|
||||
$fa-var-folder-o: "\f114";
|
||||
$fa-var-folder-open-o: "\f115";
|
||||
$fa-var-smile-o: "\f118";
|
||||
$fa-var-frown-o: "\f119";
|
||||
$fa-var-meh-o: "\f11a";
|
||||
$fa-var-gamepad: "\f11b";
|
||||
$fa-var-keyboard-o: "\f11c";
|
||||
$fa-var-flag-o: "\f11d";
|
||||
$fa-var-flag-checkered: "\f11e";
|
||||
$fa-var-terminal: "\f120";
|
||||
$fa-var-code: "\f121";
|
||||
$fa-var-mail-reply-all: "\f122";
|
||||
$fa-var-reply-all: "\f122";
|
||||
$fa-var-star-half-empty: "\f123";
|
||||
$fa-var-star-half-full: "\f123";
|
||||
$fa-var-star-half-o: "\f123";
|
||||
$fa-var-location-arrow: "\f124";
|
||||
$fa-var-crop: "\f125";
|
||||
$fa-var-code-fork: "\f126";
|
||||
$fa-var-chain-broken: "\f127";
|
||||
$fa-var-unlink: "\f127";
|
||||
$fa-var-info: "\f129";
|
||||
$fa-var-exclamation: "\f12a";
|
||||
$fa-var-superscript: "\f12b";
|
||||
$fa-var-subscript: "\f12c";
|
||||
$fa-var-eraser: "\f12d";
|
||||
$fa-var-puzzle-piece: "\f12e";
|
||||
$fa-var-microphone: "\f130";
|
||||
$fa-var-microphone-slash: "\f131";
|
||||
$fa-var-shield: "\f132";
|
||||
$fa-var-calendar-o: "\f133";
|
||||
$fa-var-fire-extinguisher: "\f134";
|
||||
$fa-var-rocket: "\f135";
|
||||
$fa-var-maxcdn: "\f136";
|
||||
$fa-var-chevron-circle-left: "\f137";
|
||||
$fa-var-chevron-circle-right: "\f138";
|
||||
$fa-var-chevron-circle-up: "\f139";
|
||||
$fa-var-chevron-circle-down: "\f13a";
|
||||
$fa-var-html5: "\f13b";
|
||||
$fa-var-css3: "\f13c";
|
||||
$fa-var-anchor: "\f13d";
|
||||
$fa-var-unlock-alt: "\f13e";
|
||||
$fa-var-bullseye: "\f140";
|
||||
$fa-var-ellipsis-h: "\f141";
|
||||
$fa-var-ellipsis-v: "\f142";
|
||||
$fa-var-rss-square: "\f143";
|
||||
$fa-var-play-circle: "\f144";
|
||||
$fa-var-ticket: "\f145";
|
||||
$fa-var-minus-square: "\f146";
|
||||
$fa-var-minus-square-o: "\f147";
|
||||
$fa-var-level-up: "\f148";
|
||||
$fa-var-level-down: "\f149";
|
||||
$fa-var-check-square: "\f14a";
|
||||
$fa-var-pencil-square: "\f14b";
|
||||
$fa-var-external-link-square: "\f14c";
|
||||
$fa-var-share-square: "\f14d";
|
||||
$fa-var-compass: "\f14e";
|
||||
$fa-var-caret-square-o-down: "\f150";
|
||||
$fa-var-toggle-down: "\f150";
|
||||
$fa-var-caret-square-o-up: "\f151";
|
||||
$fa-var-toggle-up: "\f151";
|
||||
$fa-var-caret-square-o-right: "\f152";
|
||||
$fa-var-toggle-right: "\f152";
|
||||
$fa-var-eur: "\f153";
|
||||
$fa-var-euro: "\f153";
|
||||
$fa-var-gbp: "\f154";
|
||||
$fa-var-dollar: "\f155";
|
||||
$fa-var-usd: "\f155";
|
||||
$fa-var-inr: "\f156";
|
||||
$fa-var-rupee: "\f156";
|
||||
$fa-var-cny: "\f157";
|
||||
$fa-var-jpy: "\f157";
|
||||
$fa-var-rmb: "\f157";
|
||||
$fa-var-yen: "\f157";
|
||||
$fa-var-rouble: "\f158";
|
||||
$fa-var-rub: "\f158";
|
||||
$fa-var-ruble: "\f158";
|
||||
$fa-var-krw: "\f159";
|
||||
$fa-var-won: "\f159";
|
||||
$fa-var-bitcoin: "\f15a";
|
||||
$fa-var-btc: "\f15a";
|
||||
$fa-var-file: "\f15b";
|
||||
$fa-var-file-text: "\f15c";
|
||||
$fa-var-sort-alpha-asc: "\f15d";
|
||||
$fa-var-sort-alpha-desc: "\f15e";
|
||||
$fa-var-sort-amount-asc: "\f160";
|
||||
$fa-var-sort-amount-desc: "\f161";
|
||||
$fa-var-sort-numeric-asc: "\f162";
|
||||
$fa-var-sort-numeric-desc: "\f163";
|
||||
$fa-var-thumbs-up: "\f164";
|
||||
$fa-var-thumbs-down: "\f165";
|
||||
$fa-var-youtube-square: "\f166";
|
||||
$fa-var-youtube: "\f167";
|
||||
$fa-var-xing: "\f168";
|
||||
$fa-var-xing-square: "\f169";
|
||||
$fa-var-youtube-play: "\f16a";
|
||||
$fa-var-dropbox: "\f16b";
|
||||
$fa-var-stack-overflow: "\f16c";
|
||||
$fa-var-instagram: "\f16d";
|
||||
$fa-var-flickr: "\f16e";
|
||||
$fa-var-adn: "\f170";
|
||||
$fa-var-bitbucket: "\f171";
|
||||
$fa-var-bitbucket-square: "\f172";
|
||||
$fa-var-tumblr: "\f173";
|
||||
$fa-var-tumblr-square: "\f174";
|
||||
$fa-var-long-arrow-down: "\f175";
|
||||
$fa-var-long-arrow-up: "\f176";
|
||||
$fa-var-long-arrow-left: "\f177";
|
||||
$fa-var-long-arrow-right: "\f178";
|
||||
$fa-var-apple: "\f179";
|
||||
$fa-var-windows: "\f17a";
|
||||
$fa-var-android: "\f17b";
|
||||
$fa-var-linux: "\f17c";
|
||||
$fa-var-dribbble: "\f17d";
|
||||
$fa-var-skype: "\f17e";
|
||||
$fa-var-foursquare: "\f180";
|
||||
$fa-var-trello: "\f181";
|
||||
$fa-var-female: "\f182";
|
||||
$fa-var-male: "\f183";
|
||||
$fa-var-gittip: "\f184";
|
||||
$fa-var-gratipay: "\f184";
|
||||
$fa-var-sun-o: "\f185";
|
||||
$fa-var-moon-o: "\f186";
|
||||
$fa-var-archive: "\f187";
|
||||
$fa-var-bug: "\f188";
|
||||
$fa-var-vk: "\f189";
|
||||
$fa-var-weibo: "\f18a";
|
||||
$fa-var-renren: "\f18b";
|
||||
$fa-var-pagelines: "\f18c";
|
||||
$fa-var-stack-exchange: "\f18d";
|
||||
$fa-var-arrow-circle-o-right: "\f18e";
|
||||
$fa-var-arrow-circle-o-left: "\f190";
|
||||
$fa-var-caret-square-o-left: "\f191";
|
||||
$fa-var-toggle-left: "\f191";
|
||||
$fa-var-dot-circle-o: "\f192";
|
||||
$fa-var-wheelchair: "\f193";
|
||||
$fa-var-vimeo-square: "\f194";
|
||||
$fa-var-try: "\f195";
|
||||
$fa-var-turkish-lira: "\f195";
|
||||
$fa-var-plus-square-o: "\f196";
|
||||
$fa-var-space-shuttle: "\f197";
|
||||
$fa-var-slack: "\f198";
|
||||
$fa-var-envelope-square: "\f199";
|
||||
$fa-var-wordpress: "\f19a";
|
||||
$fa-var-openid: "\f19b";
|
||||
$fa-var-bank: "\f19c";
|
||||
$fa-var-institution: "\f19c";
|
||||
$fa-var-university: "\f19c";
|
||||
$fa-var-graduation-cap: "\f19d";
|
||||
$fa-var-mortar-board: "\f19d";
|
||||
$fa-var-yahoo: "\f19e";
|
||||
$fa-var-google: "\f1a0";
|
||||
$fa-var-reddit: "\f1a1";
|
||||
$fa-var-reddit-square: "\f1a2";
|
||||
$fa-var-stumbleupon-circle: "\f1a3";
|
||||
$fa-var-stumbleupon: "\f1a4";
|
||||
$fa-var-delicious: "\f1a5";
|
||||
$fa-var-digg: "\f1a6";
|
||||
$fa-var-pied-piper-pp: "\f1a7";
|
||||
$fa-var-pied-piper-alt: "\f1a8";
|
||||
$fa-var-drupal: "\f1a9";
|
||||
$fa-var-joomla: "\f1aa";
|
||||
$fa-var-language: "\f1ab";
|
||||
$fa-var-fax: "\f1ac";
|
||||
$fa-var-building: "\f1ad";
|
||||
$fa-var-child: "\f1ae";
|
||||
$fa-var-paw: "\f1b0";
|
||||
$fa-var-spoon: "\f1b1";
|
||||
$fa-var-cube: "\f1b2";
|
||||
$fa-var-cubes: "\f1b3";
|
||||
$fa-var-behance: "\f1b4";
|
||||
$fa-var-behance-square: "\f1b5";
|
||||
$fa-var-steam: "\f1b6";
|
||||
$fa-var-steam-square: "\f1b7";
|
||||
$fa-var-recycle: "\f1b8";
|
||||
$fa-var-automobile: "\f1b9";
|
||||
$fa-var-car: "\f1b9";
|
||||
$fa-var-cab: "\f1ba";
|
||||
$fa-var-taxi: "\f1ba";
|
||||
$fa-var-tree: "\f1bb";
|
||||
$fa-var-spotify: "\f1bc";
|
||||
$fa-var-deviantart: "\f1bd";
|
||||
$fa-var-soundcloud: "\f1be";
|
||||
$fa-var-database: "\f1c0";
|
||||
$fa-var-file-pdf-o: "\f1c1";
|
||||
$fa-var-file-word-o: "\f1c2";
|
||||
$fa-var-file-excel-o: "\f1c3";
|
||||
$fa-var-file-powerpoint-o: "\f1c4";
|
||||
$fa-var-file-image-o: "\f1c5";
|
||||
$fa-var-file-photo-o: "\f1c5";
|
||||
$fa-var-file-picture-o: "\f1c5";
|
||||
$fa-var-file-archive-o: "\f1c6";
|
||||
$fa-var-file-zip-o: "\f1c6";
|
||||
$fa-var-file-audio-o: "\f1c7";
|
||||
$fa-var-file-sound-o: "\f1c7";
|
||||
$fa-var-file-movie-o: "\f1c8";
|
||||
$fa-var-file-video-o: "\f1c8";
|
||||
$fa-var-file-code-o: "\f1c9";
|
||||
$fa-var-vine: "\f1ca";
|
||||
$fa-var-codepen: "\f1cb";
|
||||
$fa-var-jsfiddle: "\f1cc";
|
||||
$fa-var-life-bouy: "\f1cd";
|
||||
$fa-var-life-buoy: "\f1cd";
|
||||
$fa-var-life-ring: "\f1cd";
|
||||
$fa-var-life-saver: "\f1cd";
|
||||
$fa-var-support: "\f1cd";
|
||||
$fa-var-circle-o-notch: "\f1ce";
|
||||
$fa-var-ra: "\f1d0";
|
||||
$fa-var-rebel: "\f1d0";
|
||||
$fa-var-resistance: "\f1d0";
|
||||
$fa-var-empire: "\f1d1";
|
||||
$fa-var-ge: "\f1d1";
|
||||
$fa-var-git-square: "\f1d2";
|
||||
$fa-var-git: "\f1d3";
|
||||
$fa-var-hacker-news: "\f1d4";
|
||||
$fa-var-y-combinator-square: "\f1d4";
|
||||
$fa-var-yc-square: "\f1d4";
|
||||
$fa-var-tencent-weibo: "\f1d5";
|
||||
$fa-var-qq: "\f1d6";
|
||||
$fa-var-wechat: "\f1d7";
|
||||
$fa-var-weixin: "\f1d7";
|
||||
$fa-var-paper-plane: "\f1d8";
|
||||
$fa-var-send: "\f1d8";
|
||||
$fa-var-paper-plane-o: "\f1d9";
|
||||
$fa-var-send-o: "\f1d9";
|
||||
$fa-var-history: "\f1da";
|
||||
$fa-var-circle-thin: "\f1db";
|
||||
$fa-var-header: "\f1dc";
|
||||
$fa-var-paragraph: "\f1dd";
|
||||
$fa-var-sliders: "\f1de";
|
||||
$fa-var-share-alt: "\f1e0";
|
||||
$fa-var-share-alt-square: "\f1e1";
|
||||
$fa-var-bomb: "\f1e2";
|
||||
$fa-var-futbol-o: "\f1e3";
|
||||
$fa-var-soccer-ball-o: "\f1e3";
|
||||
$fa-var-tty: "\f1e4";
|
||||
$fa-var-binoculars: "\f1e5";
|
||||
$fa-var-plug: "\f1e6";
|
||||
$fa-var-slideshare: "\f1e7";
|
||||
$fa-var-twitch: "\f1e8";
|
||||
$fa-var-yelp: "\f1e9";
|
||||
$fa-var-newspaper-o: "\f1ea";
|
||||
$fa-var-wifi: "\f1eb";
|
||||
$fa-var-calculator: "\f1ec";
|
||||
$fa-var-paypal: "\f1ed";
|
||||
$fa-var-google-wallet: "\f1ee";
|
||||
$fa-var-cc-visa: "\f1f0";
|
||||
$fa-var-cc-mastercard: "\f1f1";
|
||||
$fa-var-cc-discover: "\f1f2";
|
||||
$fa-var-cc-amex: "\f1f3";
|
||||
$fa-var-cc-paypal: "\f1f4";
|
||||
$fa-var-cc-stripe: "\f1f5";
|
||||
$fa-var-bell-slash: "\f1f6";
|
||||
$fa-var-bell-slash-o: "\f1f7";
|
||||
$fa-var-trash: "\f1f8";
|
||||
$fa-var-copyright: "\f1f9";
|
||||
$fa-var-at: "\f1fa";
|
||||
$fa-var-eyedropper: "\f1fb";
|
||||
$fa-var-paint-brush: "\f1fc";
|
||||
$fa-var-birthday-cake: "\f1fd";
|
||||
$fa-var-area-chart: "\f1fe";
|
||||
$fa-var-pie-chart: "\f200";
|
||||
$fa-var-line-chart: "\f201";
|
||||
$fa-var-lastfm: "\f202";
|
||||
$fa-var-lastfm-square: "\f203";
|
||||
$fa-var-toggle-off: "\f204";
|
||||
$fa-var-toggle-on: "\f205";
|
||||
$fa-var-bicycle: "\f206";
|
||||
$fa-var-bus: "\f207";
|
||||
$fa-var-ioxhost: "\f208";
|
||||
$fa-var-angellist: "\f209";
|
||||
$fa-var-cc: "\f20a";
|
||||
$fa-var-ils: "\f20b";
|
||||
$fa-var-shekel: "\f20b";
|
||||
$fa-var-sheqel: "\f20b";
|
||||
$fa-var-meanpath: "\f20c";
|
||||
$fa-var-buysellads: "\f20d";
|
||||
$fa-var-connectdevelop: "\f20e";
|
||||
$fa-var-dashcube: "\f210";
|
||||
$fa-var-forumbee: "\f211";
|
||||
$fa-var-leanpub: "\f212";
|
||||
$fa-var-sellsy: "\f213";
|
||||
$fa-var-shirtsinbulk: "\f214";
|
||||
$fa-var-simplybuilt: "\f215";
|
||||
$fa-var-skyatlas: "\f216";
|
||||
$fa-var-cart-plus: "\f217";
|
||||
$fa-var-cart-arrow-down: "\f218";
|
||||
$fa-var-diamond: "\f219";
|
||||
$fa-var-ship: "\f21a";
|
||||
$fa-var-user-secret: "\f21b";
|
||||
$fa-var-motorcycle: "\f21c";
|
||||
$fa-var-street-view: "\f21d";
|
||||
$fa-var-heartbeat: "\f21e";
|
||||
$fa-var-venus: "\f221";
|
||||
$fa-var-mars: "\f222";
|
||||
$fa-var-mercury: "\f223";
|
||||
$fa-var-intersex: "\f224";
|
||||
$fa-var-transgender: "\f224";
|
||||
$fa-var-transgender-alt: "\f225";
|
||||
$fa-var-venus-double: "\f226";
|
||||
$fa-var-mars-double: "\f227";
|
||||
$fa-var-venus-mars: "\f228";
|
||||
$fa-var-mars-stroke: "\f229";
|
||||
$fa-var-mars-stroke-v: "\f22a";
|
||||
$fa-var-mars-stroke-h: "\f22b";
|
||||
$fa-var-neuter: "\f22c";
|
||||
$fa-var-genderless: "\f22d";
|
||||
$fa-var-facebook-official: "\f230";
|
||||
$fa-var-pinterest-p: "\f231";
|
||||
$fa-var-whatsapp: "\f232";
|
||||
$fa-var-server: "\f233";
|
||||
$fa-var-user-plus: "\f234";
|
||||
$fa-var-user-times: "\f235";
|
||||
$fa-var-bed: "\f236";
|
||||
$fa-var-hotel: "\f236";
|
||||
$fa-var-viacoin: "\f237";
|
||||
$fa-var-train: "\f238";
|
||||
$fa-var-subway: "\f239";
|
||||
$fa-var-medium: "\f23a";
|
||||
$fa-var-y-combinator: "\f23b";
|
||||
$fa-var-yc: "\f23b";
|
||||
$fa-var-optin-monster: "\f23c";
|
||||
$fa-var-opencart: "\f23d";
|
||||
$fa-var-expeditedssl: "\f23e";
|
||||
$fa-var-battery: "\f240";
|
||||
$fa-var-battery-4: "\f240";
|
||||
$fa-var-battery-full: "\f240";
|
||||
$fa-var-battery-3: "\f241";
|
||||
$fa-var-battery-three-quarters: "\f241";
|
||||
$fa-var-battery-2: "\f242";
|
||||
$fa-var-battery-half: "\f242";
|
||||
$fa-var-battery-1: "\f243";
|
||||
$fa-var-battery-quarter: "\f243";
|
||||
$fa-var-battery-0: "\f244";
|
||||
$fa-var-battery-empty: "\f244";
|
||||
$fa-var-mouse-pointer: "\f245";
|
||||
$fa-var-i-cursor: "\f246";
|
||||
$fa-var-object-group: "\f247";
|
||||
$fa-var-object-ungroup: "\f248";
|
||||
$fa-var-sticky-note: "\f249";
|
||||
$fa-var-sticky-note-o: "\f24a";
|
||||
$fa-var-cc-jcb: "\f24b";
|
||||
$fa-var-cc-diners-club: "\f24c";
|
||||
$fa-var-clone: "\f24d";
|
||||
$fa-var-balance-scale: "\f24e";
|
||||
$fa-var-hourglass-o: "\f250";
|
||||
$fa-var-hourglass-1: "\f251";
|
||||
$fa-var-hourglass-start: "\f251";
|
||||
$fa-var-hourglass-2: "\f252";
|
||||
$fa-var-hourglass-half: "\f252";
|
||||
$fa-var-hourglass-3: "\f253";
|
||||
$fa-var-hourglass-end: "\f253";
|
||||
$fa-var-hourglass: "\f254";
|
||||
$fa-var-hand-grab-o: "\f255";
|
||||
$fa-var-hand-rock-o: "\f255";
|
||||
$fa-var-hand-paper-o: "\f256";
|
||||
$fa-var-hand-stop-o: "\f256";
|
||||
$fa-var-hand-scissors-o: "\f257";
|
||||
$fa-var-hand-lizard-o: "\f258";
|
||||
$fa-var-hand-spock-o: "\f259";
|
||||
$fa-var-hand-pointer-o: "\f25a";
|
||||
$fa-var-hand-peace-o: "\f25b";
|
||||
$fa-var-trademark: "\f25c";
|
||||
$fa-var-registered: "\f25d";
|
||||
$fa-var-creative-commons: "\f25e";
|
||||
$fa-var-gg: "\f260";
|
||||
$fa-var-gg-circle: "\f261";
|
||||
$fa-var-tripadvisor: "\f262";
|
||||
$fa-var-odnoklassniki: "\f263";
|
||||
$fa-var-odnoklassniki-square: "\f264";
|
||||
$fa-var-get-pocket: "\f265";
|
||||
$fa-var-wikipedia-w: "\f266";
|
||||
$fa-var-safari: "\f267";
|
||||
$fa-var-chrome: "\f268";
|
||||
$fa-var-firefox: "\f269";
|
||||
$fa-var-opera: "\f26a";
|
||||
$fa-var-internet-explorer: "\f26b";
|
||||
$fa-var-television: "\f26c";
|
||||
$fa-var-tv: "\f26c";
|
||||
$fa-var-contao: "\f26d";
|
||||
$fa-var-500px: "\f26e";
|
||||
$fa-var-amazon: "\f270";
|
||||
$fa-var-calendar-plus-o: "\f271";
|
||||
$fa-var-calendar-minus-o: "\f272";
|
||||
$fa-var-calendar-times-o: "\f273";
|
||||
$fa-var-calendar-check-o: "\f274";
|
||||
$fa-var-industry: "\f275";
|
||||
$fa-var-map-pin: "\f276";
|
||||
$fa-var-map-signs: "\f277";
|
||||
$fa-var-map-o: "\f278";
|
||||
$fa-var-map: "\f279";
|
||||
$fa-var-commenting: "\f27a";
|
||||
$fa-var-commenting-o: "\f27b";
|
||||
$fa-var-houzz: "\f27c";
|
||||
$fa-var-vimeo: "\f27d";
|
||||
$fa-var-black-tie: "\f27e";
|
||||
$fa-var-fonticons: "\f280";
|
||||
$fa-var-reddit-alien: "\f281";
|
||||
$fa-var-edge: "\f282";
|
||||
$fa-var-credit-card-alt: "\f283";
|
||||
$fa-var-codiepie: "\f284";
|
||||
$fa-var-modx: "\f285";
|
||||
$fa-var-fort-awesome: "\f286";
|
||||
$fa-var-usb: "\f287";
|
||||
$fa-var-product-hunt: "\f288";
|
||||
$fa-var-mixcloud: "\f289";
|
||||
$fa-var-scribd: "\f28a";
|
||||
$fa-var-pause-circle: "\f28b";
|
||||
$fa-var-pause-circle-o: "\f28c";
|
||||
$fa-var-stop-circle: "\f28d";
|
||||
$fa-var-stop-circle-o: "\f28e";
|
||||
$fa-var-shopping-bag: "\f290";
|
||||
$fa-var-shopping-basket: "\f291";
|
||||
$fa-var-hashtag: "\f292";
|
||||
$fa-var-bluetooth: "\f293";
|
||||
$fa-var-bluetooth-b: "\f294";
|
||||
$fa-var-percent: "\f295";
|
||||
$fa-var-gitlab: "\f296";
|
||||
$fa-var-wpbeginner: "\f297";
|
||||
$fa-var-wpforms: "\f298";
|
||||
$fa-var-envira: "\f299";
|
||||
$fa-var-universal-access: "\f29a";
|
||||
$fa-var-wheelchair-alt: "\f29b";
|
||||
$fa-var-question-circle-o: "\f29c";
|
||||
$fa-var-blind: "\f29d";
|
||||
$fa-var-audio-description: "\f29e";
|
||||
$fa-var-volume-control-phone: "\f2a0";
|
||||
$fa-var-braille: "\f2a1";
|
||||
$fa-var-assistive-listening-systems: "\f2a2";
|
||||
$fa-var-american-sign-language-interpreting: "\f2a3";
|
||||
$fa-var-asl-interpreting: "\f2a3";
|
||||
$fa-var-deaf: "\f2a4";
|
||||
$fa-var-deafness: "\f2a4";
|
||||
$fa-var-hard-of-hearing: "\f2a4";
|
||||
$fa-var-glide: "\f2a5";
|
||||
$fa-var-glide-g: "\f2a6";
|
||||
$fa-var-sign-language: "\f2a7";
|
||||
$fa-var-signing: "\f2a7";
|
||||
$fa-var-low-vision: "\f2a8";
|
||||
$fa-var-viadeo: "\f2a9";
|
||||
$fa-var-viadeo-square: "\f2aa";
|
||||
$fa-var-snapchat: "\f2ab";
|
||||
$fa-var-snapchat-ghost: "\f2ac";
|
||||
$fa-var-snapchat-square: "\f2ad";
|
||||
$fa-var-pied-piper: "\f2ae";
|
||||
$fa-var-first-order: "\f2b0";
|
||||
$fa-var-yoast: "\f2b1";
|
||||
$fa-var-themeisle: "\f2b2";
|
||||
$fa-var-google-plus-circle: "\f2b3";
|
||||
$fa-var-google-plus-official: "\f2b3";
|
||||
$fa-var-fa: "\f2b4";
|
||||
$fa-var-font-awesome: "\f2b4";
|
||||
$fa-var-handshake-o: "\f2b5";
|
||||
$fa-var-envelope-open: "\f2b6";
|
||||
$fa-var-envelope-open-o: "\f2b7";
|
||||
$fa-var-linode: "\f2b8";
|
||||
$fa-var-address-book: "\f2b9";
|
||||
$fa-var-address-book-o: "\f2ba";
|
||||
$fa-var-address-card: "\f2bb";
|
||||
$fa-var-vcard: "\f2bb";
|
||||
$fa-var-address-card-o: "\f2bc";
|
||||
$fa-var-vcard-o: "\f2bc";
|
||||
$fa-var-user-circle: "\f2bd";
|
||||
$fa-var-user-circle-o: "\f2be";
|
||||
$fa-var-user-o: "\f2c0";
|
||||
$fa-var-id-badge: "\f2c1";
|
||||
$fa-var-drivers-license: "\f2c2";
|
||||
$fa-var-id-card: "\f2c2";
|
||||
$fa-var-drivers-license-o: "\f2c3";
|
||||
$fa-var-id-card-o: "\f2c3";
|
||||
$fa-var-quora: "\f2c4";
|
||||
$fa-var-free-code-camp: "\f2c5";
|
||||
$fa-var-telegram: "\f2c6";
|
||||
$fa-var-thermometer: "\f2c7";
|
||||
$fa-var-thermometer-4: "\f2c7";
|
||||
$fa-var-thermometer-full: "\f2c7";
|
||||
$fa-var-thermometer-3: "\f2c8";
|
||||
$fa-var-thermometer-three-quarters: "\f2c8";
|
||||
$fa-var-thermometer-2: "\f2c9";
|
||||
$fa-var-thermometer-half: "\f2c9";
|
||||
$fa-var-thermometer-1: "\f2ca";
|
||||
$fa-var-thermometer-quarter: "\f2ca";
|
||||
$fa-var-thermometer-0: "\f2cb";
|
||||
$fa-var-thermometer-empty: "\f2cb";
|
||||
$fa-var-shower: "\f2cc";
|
||||
$fa-var-bath: "\f2cd";
|
||||
$fa-var-bathtub: "\f2cd";
|
||||
$fa-var-s15: "\f2cd";
|
||||
$fa-var-podcast: "\f2ce";
|
||||
$fa-var-window-maximize: "\f2d0";
|
||||
$fa-var-window-minimize: "\f2d1";
|
||||
$fa-var-window-restore: "\f2d2";
|
||||
$fa-var-times-rectangle: "\f2d3";
|
||||
$fa-var-window-close: "\f2d3";
|
||||
$fa-var-times-rectangle-o: "\f2d4";
|
||||
$fa-var-window-close-o: "\f2d4";
|
||||
$fa-var-bandcamp: "\f2d5";
|
||||
$fa-var-grav: "\f2d6";
|
||||
$fa-var-etsy: "\f2d7";
|
||||
$fa-var-imdb: "\f2d8";
|
||||
$fa-var-ravelry: "\f2d9";
|
||||
$fa-var-eercast: "\f2da";
|
||||
$fa-var-microchip: "\f2db";
|
||||
$fa-var-snowflake-o: "\f2dc";
|
||||
$fa-var-superpowers: "\f2dd";
|
||||
$fa-var-wpexplorer: "\f2de";
|
||||
$fa-var-meetup: "\f2e0";
|
||||
@@ -1,18 +0,0 @@
|
||||
/*!
|
||||
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*/
|
||||
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "path";
|
||||
@import "core";
|
||||
@import "larger";
|
||||
@import "fixed-width";
|
||||
@import "list";
|
||||
@import "bordered-pulled";
|
||||
@import "animated";
|
||||
@import "rotated-flipped";
|
||||
@import "stacked";
|
||||
@import "icons";
|
||||
@import "screen-reader";
|
||||
@@ -1,34 +0,0 @@
|
||||
/// Gets a duration value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _duration($keys...) {
|
||||
@return val($duration, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a font value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _font($keys...) {
|
||||
@return val($font, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a misc value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _misc($keys...) {
|
||||
@return val($misc, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a palette value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _palette($keys...) {
|
||||
@return val($palette, $keys...);
|
||||
}
|
||||
|
||||
/// Gets a size value.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function _size($keys...) {
|
||||
@return val($size, $keys...);
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
$fontdir: "../fonts" !default;
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('#{$fontdir}/OpenSans-Italic.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(#{$fontdir}/OpenSans-SemiBoldItalic.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(#{$fontdir}/OpenSans-ExtraBoldItalic.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(#{$fontdir}/OpenSans-Regular.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(#{$fontdir}/OpenSans-SemiBold.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(#{$fontdir}/OpenSans-ExtraBold.ttf) format('truetype');
|
||||
}
|
||||
@@ -1,56 +0,0 @@
|
||||
/// Makes an element's :before pseudoelement a FontAwesome icon.
|
||||
/// @param {string} $content Optional content value to use.
|
||||
/// @param {string} $where Optional pseudoelement to target (before or after).
|
||||
@mixin icon($content: false, $where: before) {
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
&:#{$where} {
|
||||
|
||||
@if $content {
|
||||
content: $content;
|
||||
}
|
||||
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-transform: none !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Applies padding to an element, taking the current element-margin value into account.
|
||||
/// @param {mixed} $tb Top/bottom padding.
|
||||
/// @param {mixed} $lr Left/right padding.
|
||||
/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
|
||||
/// @param {bool} $important If true, adds !important.
|
||||
@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
|
||||
|
||||
@if $important {
|
||||
$important: '!important';
|
||||
}
|
||||
|
||||
padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
|
||||
|
||||
}
|
||||
|
||||
/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
|
||||
/// @param {string} $svg SVG data URL.
|
||||
/// @return {string} Encoded SVG data URL.
|
||||
@function svg-url($svg) {
|
||||
|
||||
$svg: str-replace($svg, '"', '\'');
|
||||
$svg: str-replace($svg, '<', '%3C');
|
||||
$svg: str-replace($svg, '>', '%3E');
|
||||
$svg: str-replace($svg, '&', '%26');
|
||||
$svg: str-replace($svg, '#', '%23');
|
||||
$svg: str-replace($svg, '{', '%7B');
|
||||
$svg: str-replace($svg, '}', '%7D');
|
||||
$svg: str-replace($svg, ';', '%3B');
|
||||
|
||||
@return url("data:image/svg+xml;charset=utf8,#{$svg}");
|
||||
|
||||
}
|
||||
@@ -1,585 +0,0 @@
|
||||
// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
|
||||
|
||||
// Vars.
|
||||
|
||||
/// Breakpoints.
|
||||
/// @var {list}
|
||||
$breakpoints: () !global;
|
||||
|
||||
/// Vendor prefixes.
|
||||
/// @var {list}
|
||||
$vendor-prefixes: (
|
||||
'-moz-',
|
||||
'-webkit-',
|
||||
'-ms-',
|
||||
''
|
||||
);
|
||||
|
||||
/// Properties that should be vendorized.
|
||||
/// @var {list}
|
||||
$vendor-properties: (
|
||||
'align-content',
|
||||
'align-items',
|
||||
'align-self',
|
||||
'animation',
|
||||
'animation-delay',
|
||||
'animation-direction',
|
||||
'animation-duration',
|
||||
'animation-fill-mode',
|
||||
'animation-iteration-count',
|
||||
'animation-name',
|
||||
'animation-play-state',
|
||||
'animation-timing-function',
|
||||
'appearance',
|
||||
'backface-visibility',
|
||||
'box-sizing',
|
||||
'filter',
|
||||
'flex',
|
||||
'flex-basis',
|
||||
'flex-direction',
|
||||
'flex-flow',
|
||||
'flex-grow',
|
||||
'flex-shrink',
|
||||
'flex-wrap',
|
||||
'justify-content',
|
||||
'order',
|
||||
'perspective',
|
||||
'pointer-events',
|
||||
'transform',
|
||||
'transform-origin',
|
||||
'transform-style',
|
||||
'transition',
|
||||
'transition-delay',
|
||||
'transition-duration',
|
||||
'transition-property',
|
||||
'transition-timing-function',
|
||||
'user-select'
|
||||
);
|
||||
|
||||
/// Values that should be vendorized.
|
||||
/// @var {list}
|
||||
$vendor-values: (
|
||||
'filter',
|
||||
'flex',
|
||||
'linear-gradient',
|
||||
'radial-gradient',
|
||||
'transform'
|
||||
);
|
||||
|
||||
// Functions.
|
||||
|
||||
/// Removes a specific item from a list.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {list} $list List.
|
||||
/// @param {integer} $index Index.
|
||||
/// @return {list} Updated list.
|
||||
@function remove-nth($list, $index) {
|
||||
|
||||
$result: null;
|
||||
|
||||
@if type-of($index) != number {
|
||||
@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
|
||||
}
|
||||
@else if $index == 0 {
|
||||
@warn "List index 0 must be a non-zero integer for `remove-nth`.";
|
||||
}
|
||||
@else if abs($index) > length($list) {
|
||||
@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
|
||||
}
|
||||
@else {
|
||||
|
||||
$result: ();
|
||||
$index: if($index < 0, length($list) + $index + 1, $index);
|
||||
|
||||
@for $i from 1 through length($list) {
|
||||
|
||||
@if $i != $index {
|
||||
$result: append($result, nth($list, $i));
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@return $result;
|
||||
|
||||
}
|
||||
|
||||
/// Replaces a substring within another string.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {string} $string String.
|
||||
/// @param {string} $search Substring.
|
||||
/// @param {string} $replace Replacement.
|
||||
/// @return {string} Updated string.
|
||||
@function str-replace($string, $search, $replace: '') {
|
||||
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
|
||||
@return $string;
|
||||
|
||||
}
|
||||
|
||||
/// Replaces a substring within each string in a list.
|
||||
/// @param {list} $strings List of strings.
|
||||
/// @param {string} $search Substring.
|
||||
/// @param {string} $replace Replacement.
|
||||
/// @return {list} Updated list of strings.
|
||||
@function str-replace-all($strings, $search, $replace: '') {
|
||||
|
||||
@each $string in $strings {
|
||||
$strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
|
||||
}
|
||||
|
||||
@return $strings;
|
||||
|
||||
}
|
||||
|
||||
/// Gets a value from a map.
|
||||
/// @author Hugo Giraudel
|
||||
/// @param {map} $map Map.
|
||||
/// @param {string} $keys Key(s).
|
||||
/// @return {string} Value.
|
||||
@function val($map, $keys...) {
|
||||
|
||||
@if nth($keys, 1) == null {
|
||||
$keys: remove-nth($keys, 1);
|
||||
}
|
||||
|
||||
@each $key in $keys {
|
||||
$map: map-get($map, $key);
|
||||
}
|
||||
|
||||
@return $map;
|
||||
|
||||
}
|
||||
|
||||
// Mixins.
|
||||
|
||||
/// Sets the global box model.
|
||||
/// @param {string} $model Model (default is content).
|
||||
@mixin boxModel($model: 'content') {
|
||||
|
||||
$x: $model + '-box';
|
||||
|
||||
*, *:before, *:after {
|
||||
-moz-box-sizing: #{$x};
|
||||
-webkit-box-sizing: #{$x};
|
||||
box-sizing: #{$x};
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Wraps @content in a @media block using a given breakpoint.
|
||||
/// @param {string} $breakpoint Breakpoint.
|
||||
/// @param {map} $queries Additional queries.
|
||||
@mixin breakpoint($breakpoint: null, $queries: null) {
|
||||
|
||||
$query: 'screen';
|
||||
|
||||
// Breakpoint.
|
||||
@if $breakpoint and map-has-key($breakpoints, $breakpoint) {
|
||||
$query: $query + ' and ' + map-get($breakpoints, $breakpoint);
|
||||
}
|
||||
|
||||
// Queries.
|
||||
@if $queries {
|
||||
@each $k, $v in $queries {
|
||||
$query: $query + ' and (' + $k + ':' + $v + ')';
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$query} {
|
||||
@content;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Wraps @content in a @media block targeting a specific orientation.
|
||||
/// @param {string} $orientation Orientation.
|
||||
@mixin orientation($orientation) {
|
||||
@media screen and (orientation: #{$orientation}) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
/// Utility mixin for containers.
|
||||
/// @param {mixed} $width Width.
|
||||
@mixin containers($width) {
|
||||
|
||||
// Locked?
|
||||
$lock: false;
|
||||
|
||||
@if length($width) == 2 {
|
||||
$width: nth($width, 1);
|
||||
$lock: true;
|
||||
}
|
||||
|
||||
// Modifiers.
|
||||
.container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
|
||||
.container.\37 5\25 { width: $width * 0.75; }
|
||||
.container.\35 0\25 { width: $width * 0.5; }
|
||||
.container.\32 5\25 { width: $width * 0.25; }
|
||||
|
||||
// Main class.
|
||||
.container {
|
||||
@if $lock {
|
||||
width: $width !important;
|
||||
}
|
||||
@else {
|
||||
width: $width;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Utility mixin for grid.
|
||||
/// @param {list} $gutters Column and row gutters (default is 40px).
|
||||
/// @param {string} $breakpointName Optional breakpoint name.
|
||||
@mixin grid($gutters: 40px, $breakpointName: null) {
|
||||
|
||||
// Gutters.
|
||||
@include grid-gutters($gutters);
|
||||
@include grid-gutters($gutters, \32 00\25, 2);
|
||||
@include grid-gutters($gutters, \31 50\25, 1.5);
|
||||
@include grid-gutters($gutters, \35 0\25, 0.5);
|
||||
@include grid-gutters($gutters, \32 5\25, 0.25);
|
||||
|
||||
// Cells.
|
||||
$x: '';
|
||||
|
||||
@if $breakpointName {
|
||||
$x: '\\28' + $breakpointName + '\\29';
|
||||
}
|
||||
|
||||
.\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
|
||||
.\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
|
||||
.\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
|
||||
.\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
|
||||
.\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
|
||||
.\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
|
||||
.\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
|
||||
.\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
|
||||
.\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
|
||||
.\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
|
||||
.\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
|
||||
.\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
|
||||
|
||||
.\31 2u\24#{$x} + *,
|
||||
.\31 1u\24#{$x} + *,
|
||||
.\31 0u\24#{$x} + *,
|
||||
.\39 u\24#{$x} + *,
|
||||
.\38 u\24#{$x} + *,
|
||||
.\37 u\24#{$x} + *,
|
||||
.\36 u\24#{$x} + *,
|
||||
.\35 u\24#{$x} + *,
|
||||
.\34 u\24#{$x} + *,
|
||||
.\33 u\24#{$x} + *,
|
||||
.\32 u\24#{$x} + *,
|
||||
.\31 u\24#{$x} + * {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.\-11u#{$x} { margin-left: 91.6666666667% }
|
||||
.\-10u#{$x} { margin-left: 83.3333333333% }
|
||||
.\-9u#{$x} { margin-left: 75% }
|
||||
.\-8u#{$x} { margin-left: 66.6666666667% }
|
||||
.\-7u#{$x} { margin-left: 58.3333333333% }
|
||||
.\-6u#{$x} { margin-left: 50% }
|
||||
.\-5u#{$x} { margin-left: 41.6666666667% }
|
||||
.\-4u#{$x} { margin-left: 33.3333333333% }
|
||||
.\-3u#{$x} { margin-left: 25% }
|
||||
.\-2u#{$x} { margin-left: 16.6666666667% }
|
||||
.\-1u#{$x} { margin-left: 8.3333333333% }
|
||||
|
||||
}
|
||||
|
||||
/// Utility mixin for grid.
|
||||
/// @param {list} $gutters Gutters.
|
||||
/// @param {string} $class Optional class name.
|
||||
/// @param {integer} $multiplier Multiplier (default is 1).
|
||||
@mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
|
||||
|
||||
// Expand gutters if it's not a list.
|
||||
@if length($gutters) == 1 {
|
||||
$gutters: ($gutters, 0);
|
||||
}
|
||||
|
||||
// Get column and row gutter values.
|
||||
$c: nth($gutters, 1);
|
||||
$r: nth($gutters, 2);
|
||||
|
||||
// Get class (if provided).
|
||||
$x: '';
|
||||
|
||||
@if $class {
|
||||
$x: '.' + $class;
|
||||
}
|
||||
|
||||
// Default.
|
||||
.row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
|
||||
.row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
|
||||
|
||||
// Uniform.
|
||||
.row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
|
||||
.row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
|
||||
|
||||
}
|
||||
|
||||
/// Wraps @content in vendorized keyframe blocks.
|
||||
/// @param {string} $name Name.
|
||||
@mixin keyframes($name) {
|
||||
|
||||
@-moz-keyframes #{$name} { @content; }
|
||||
@-webkit-keyframes #{$name} { @content; }
|
||||
@-ms-keyframes #{$name} { @content; }
|
||||
@keyframes #{$name} { @content; }
|
||||
|
||||
}
|
||||
|
||||
///
|
||||
/// Sets breakpoints.
|
||||
/// @param {map} $x Breakpoints.
|
||||
///
|
||||
@mixin skel-breakpoints($x: ()) {
|
||||
$breakpoints: $x !global;
|
||||
}
|
||||
|
||||
///
|
||||
/// Initializes layout module.
|
||||
/// @param {map} config Config.
|
||||
///
|
||||
@mixin skel-layout($config: ()) {
|
||||
|
||||
// Config.
|
||||
$configPerBreakpoint: ();
|
||||
|
||||
$z: map-get($config, 'breakpoints');
|
||||
|
||||
@if $z {
|
||||
$configPerBreakpoint: $z;
|
||||
}
|
||||
|
||||
// Reset.
|
||||
$x: map-get($config, 'reset');
|
||||
|
||||
@if $x {
|
||||
|
||||
/* Reset */
|
||||
|
||||
@include reset($x);
|
||||
|
||||
}
|
||||
|
||||
// Box model.
|
||||
$x: map-get($config, 'boxModel');
|
||||
|
||||
@if $x {
|
||||
|
||||
/* Box Model */
|
||||
|
||||
@include boxModel($x);
|
||||
|
||||
}
|
||||
|
||||
// Containers.
|
||||
$containers: map-get($config, 'containers');
|
||||
|
||||
@if $containers {
|
||||
|
||||
/* Containers */
|
||||
|
||||
.container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Use default is $containers is just "true".
|
||||
@if $containers == true {
|
||||
$containers: 960px;
|
||||
}
|
||||
|
||||
// Apply base.
|
||||
@include containers($containers);
|
||||
|
||||
// Apply per-breakpoint.
|
||||
@each $name in map-keys($breakpoints) {
|
||||
|
||||
// Get/use breakpoint setting if it exists.
|
||||
$x: map-get($configPerBreakpoint, $name);
|
||||
|
||||
// Per-breakpoint config exists?
|
||||
@if $x {
|
||||
$y: map-get($x, 'containers');
|
||||
|
||||
// Setting exists? Use it.
|
||||
@if $y {
|
||||
$containers: $y;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Create @media block.
|
||||
@media screen and #{map-get($breakpoints, $name)} {
|
||||
@include containers($containers);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Grid.
|
||||
$grid: map-get($config, 'grid');
|
||||
|
||||
@if $grid {
|
||||
|
||||
/* Grid */
|
||||
|
||||
// Use defaults if $grid is just "true".
|
||||
@if $grid == true {
|
||||
$grid: ();
|
||||
}
|
||||
|
||||
// Sub-setting: Gutters.
|
||||
$grid-gutters: 40px;
|
||||
$x: map-get($grid, 'gutters');
|
||||
|
||||
@if $x {
|
||||
$grid-gutters: $x;
|
||||
}
|
||||
|
||||
// Rows.
|
||||
.row {
|
||||
border-bottom: solid 1px transparent;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.row > * {
|
||||
float: left;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.row:after, .row:before {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.row.uniform > * > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.row.uniform > * > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// Gutters (0%).
|
||||
@include grid-gutters($grid-gutters, \30 \25, 0);
|
||||
|
||||
// Apply base.
|
||||
@include grid($grid-gutters);
|
||||
|
||||
// Apply per-breakpoint.
|
||||
@each $name in map-keys($breakpoints) {
|
||||
|
||||
// Get/use breakpoint setting if it exists.
|
||||
$x: map-get($configPerBreakpoint, $name);
|
||||
|
||||
// Per-breakpoint config exists?
|
||||
@if $x {
|
||||
$y: map-get($x, 'grid');
|
||||
|
||||
// Setting exists?
|
||||
@if $y {
|
||||
|
||||
// Sub-setting: Gutters.
|
||||
$x: map-get($y, 'gutters');
|
||||
|
||||
@if $x {
|
||||
$grid-gutters: $x;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Create @media block.
|
||||
@media screen and #{map-get($breakpoints, $name)} {
|
||||
@include grid($grid-gutters, $name);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Resets browser styles.
|
||||
/// @param {string} $mode Mode (default is 'normalize').
|
||||
@mixin reset($mode: 'normalize') {
|
||||
|
||||
@if $mode == 'normalize' {
|
||||
|
||||
// normalize.css v3.0.2 | MIT License | git.io/normalize
|
||||
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
|
||||
|
||||
}
|
||||
@else if $mode == 'full' {
|
||||
|
||||
// meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/// Vendorizes a declaration's property and/or value(s).
|
||||
/// @param {string} $property Property.
|
||||
/// @param {mixed} $value String/list of value(s).
|
||||
@mixin vendor($property, $value) {
|
||||
|
||||
// Determine if property should expand.
|
||||
$expandProperty: index($vendor-properties, $property);
|
||||
|
||||
// Determine if value should expand (and if so, add '-prefix-' placeholder).
|
||||
$expandValue: false;
|
||||
|
||||
@each $x in $value {
|
||||
@each $y in $vendor-values {
|
||||
@if $y == str-slice($x, 1, str-length($y)) {
|
||||
|
||||
$value: set-nth($value, index($value, $x), '-prefix-' + $x);
|
||||
$expandValue: true;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Expand property?
|
||||
@if $expandProperty {
|
||||
@each $vendor in $vendor-prefixes {
|
||||
#{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||
}
|
||||
}
|
||||
|
||||
// Expand just the value?
|
||||
@elseif $expandValue {
|
||||
@each $vendor in $vendor-prefixes {
|
||||
#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
|
||||
}
|
||||
}
|
||||
|
||||
// Neither? Treat them as a normal declaration.
|
||||
@else {
|
||||
#{$property}: #{$value};
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,86 +0,0 @@
|
||||
// Misc.
|
||||
$misc: (
|
||||
max-spotlights: 10,
|
||||
max-features: 10,
|
||||
z-index-base: 10000
|
||||
);
|
||||
|
||||
// Duration.
|
||||
$duration: (
|
||||
transitions: 0.2s,
|
||||
menu: 0.5s,
|
||||
fadein: 3s
|
||||
);
|
||||
|
||||
// Size.
|
||||
$size: (
|
||||
element-height: 2.75em,
|
||||
element-margin: 2em,
|
||||
letter-spacing: 0.075em,
|
||||
letter-spacing-alt: 0.225em
|
||||
);
|
||||
|
||||
// Font.
|
||||
$font: (
|
||||
family: ('Open Sans', Helvetica, sans-serif),
|
||||
family-fixed: ('Courier New', monospace),
|
||||
weight: 400,
|
||||
weight-bold: 600,
|
||||
weight-extrabold: 800
|
||||
);
|
||||
|
||||
// Palette.
|
||||
$palette: (
|
||||
bg: #29335C,
|
||||
fg: #fff,
|
||||
fg-bold: #fff,
|
||||
fg-light: rgba(255,255,255,0.5),
|
||||
border: #fff,
|
||||
border-bg: rgba(144,144,144,0.25),
|
||||
border2: #fff,
|
||||
border2-bg: rgba(144,144,144,0.5),
|
||||
|
||||
accent1: (
|
||||
bg: #F3A712,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#F3A712, #ffffff, 25%),
|
||||
fg-light: mix(#F3A712, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent2: (
|
||||
bg: #ffffff,
|
||||
fg-bold: #2E3842,
|
||||
fg: #4E4852,
|
||||
fg-light: #8E8892,
|
||||
border: #dfdfdf,
|
||||
border-bg: rgba(0,0,0,0.0375),
|
||||
border2: #bfbfbf,
|
||||
border2-bg: rgba(0,0,0,0.1)
|
||||
),
|
||||
|
||||
accent3: (
|
||||
bg: #ed4933,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#ed4933, #ffffff, 25%),
|
||||
fg-light: mix(#ed4933, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
),
|
||||
|
||||
accent4: (
|
||||
bg: #25558C,
|
||||
fg-bold: #ffffff,
|
||||
fg: mix(#25558C, #ffffff, 25%),
|
||||
fg-light: mix(#25558C, #ffffff, 40%),
|
||||
border: rgba(0,0,0,0.125),
|
||||
border-bg: rgba(255,255,255,0.075),
|
||||
border2: rgba(0,0,0,0.25),
|
||||
border2-bg: rgba(255,255,255,0.2)
|
||||
)
|
||||
);
|
||||
@@ -1,232 +0,0 @@
|
||||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import "libs/_font-awesome/font-awesome";
|
||||
@import "libs/_google-fonts/opensans";
|
||||
|
||||
/*
|
||||
Spectral by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
@import 'libs/skel';
|
||||
|
||||
@include skel-breakpoints((
|
||||
xlarge: '(max-width: 1680px)',
|
||||
large: '(max-width: 1280px)',
|
||||
medium: '(max-width: 980px)',
|
||||
small: '(max-width: 736px)',
|
||||
xsmall: '(max-width: 480px)'
|
||||
));
|
||||
|
||||
@include skel-layout((
|
||||
reset: 'full',
|
||||
boxModel: 'border',
|
||||
grid: ( gutters: 1.5em )
|
||||
));
|
||||
|
||||
@import 'components/basic';
|
||||
@import 'components/section';
|
||||
@import 'components/form';
|
||||
@import 'components/box';
|
||||
@import 'components/image';
|
||||
@import 'components/list';
|
||||
@import 'components/table';
|
||||
@import 'components/button';
|
||||
@import 'components/features';
|
||||
@import 'components/spotlight';
|
||||
@import 'components/wrapper';
|
||||
@import 'components/menu';
|
||||
@import 'components/header';
|
||||
@import 'components/banner';
|
||||
@import 'components/contact';
|
||||
|
||||
/* Main */
|
||||
|
||||
#main {
|
||||
> header {
|
||||
@include padding(12em, 0);
|
||||
@include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
|
||||
position: relative;
|
||||
background-attachment: fixed;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
text-align: center;
|
||||
|
||||
> * {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.header-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-attachment: fixed;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
z-index: 0;
|
||||
filter: blur(3px) brightness(40%);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.75em;
|
||||
margin: 0 0 (_size(element-margin) * 0.25) 0;
|
||||
}
|
||||
|
||||
p {
|
||||
color: inherit;
|
||||
letter-spacing: _size(letter-spacing-alt);
|
||||
text-transform: uppercase;
|
||||
top: 0;
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(xlarge) {
|
||||
@include padding(10em, 0);
|
||||
}
|
||||
|
||||
@include breakpoint(large) {
|
||||
@include padding(8em, 3em);
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
@include padding(10em, 3em);
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
@include padding(5em, 3em);
|
||||
|
||||
h2 {
|
||||
font-size: 1.25em;
|
||||
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.is-mobile {
|
||||
#main {
|
||||
> header {
|
||||
background-attachment: scroll;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
@include padding(6em, 0);
|
||||
background-color: darken(_palette(bg), 8);
|
||||
text-align: center;
|
||||
|
||||
.icons {
|
||||
font-size: 1.25em;
|
||||
|
||||
a {
|
||||
color: _palette(fg-light);
|
||||
|
||||
&:hover {
|
||||
color: _palette(fg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.copyright {
|
||||
color: _palette(fg-light);
|
||||
font-size: 0.8em;
|
||||
letter-spacing: _size(letter-spacing-alt);
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
|
||||
li {
|
||||
border-left: solid 1px _palette(fg-light);
|
||||
display: inline-block;
|
||||
line-height: 1em;
|
||||
margin-left: 1em;
|
||||
padding-left: 1em;
|
||||
|
||||
&:first-child {
|
||||
border-left: 0;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
color: _palette(fg);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(xsmall) {
|
||||
border: 0;
|
||||
display: block;
|
||||
line-height: 1.65em;
|
||||
margin: 0;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
@include padding(4em, 3em);
|
||||
}
|
||||
|
||||
@include breakpoint(small) {
|
||||
@include padding(3em, 2em);
|
||||
}
|
||||
}
|
||||
|
||||
/* Landing */
|
||||
|
||||
body.landing {
|
||||
#page-wrapper {
|
||||
@include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
|
||||
background-attachment: fixed;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#page-wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: darken(transparentize(_palette(bg), 0.1), 8);
|
||||
}
|
||||
}
|
||||
|
||||
body.is-mobile {
|
||||
&.landing {
|
||||
#page-wrapper {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#banner,
|
||||
.wrapper.style4 {
|
||||
@include vendor('background-image', ('linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))', 'url("../../assets/images/banner.jpg")'));
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: darken(_palette(bg), 8);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
---
|
||||
layout: spotlight
|
||||
title: Blog
|
||||
tiles-source: posts
|
||||
tiles-limit: 50
|
||||
---
|
||||
|
||||
### Blog
|
||||
@@ -1,5 +0,0 @@
|
||||
---
|
||||
layout: default
|
||||
title: Home
|
||||
description: Autonomic Co-operative.
|
||||
---
|
||||
Reference in New Issue
Block a user