init
This commit is contained in:
Loïc Guibert
65
user/themes/mediator/CHANGELOG.md
Normal file
65
user/themes/mediator/CHANGELOG.md
Normal file
@@ -0,0 +1,65 @@
|
||||
# v1.5.1
|
||||
## 01/15/2021
|
||||
|
||||
1. [](#improved)
|
||||
* Fixed autoescaping in preparation for Grav 1.7
|
||||
|
||||
# v1.5.0
|
||||
## 06/03/2020
|
||||
|
||||
1. [](#new)
|
||||
* Multilanguage support [#12](https://github.com/getgrav/grav-theme-mediator/pull/12)
|
||||
1. [](#improved)
|
||||
* Modernized & cleaned up asssets
|
||||
|
||||
# v1.4.0
|
||||
## 03/21/2019
|
||||
|
||||
1. [](#new)
|
||||
* Set Dependency of Grav 1.5.10+ which has support for new **Deferred Block** Twig extension
|
||||
* Implement assets rendering using **Deferred Block** Twig extension
|
||||
|
||||
# v1.3.0
|
||||
## 07/14/2016
|
||||
|
||||
1. [](#improved)
|
||||
* Remove unneeded streams from Theme YAML
|
||||
1. [](#bugfix)
|
||||
* Fix setting the page language in the html tag
|
||||
* Fix pagination
|
||||
|
||||
# v1.2.0
|
||||
## 01/06/2016
|
||||
|
||||
1. [](#improved)
|
||||
* Dropped an extraneous debug statement
|
||||
1. [](#bugfix)
|
||||
* Fixed RSS link
|
||||
* Fix tag links on a root domain site
|
||||
|
||||
# v1.1.0
|
||||
## 08/25/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Added blueprints for Grav Admin plugin
|
||||
|
||||
# v1.0.3
|
||||
## 03/01/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Switched to Grav's built-in `jQuery` assets
|
||||
|
||||
# v1.0.2
|
||||
## 02/19/2015
|
||||
|
||||
2. [](#improved)
|
||||
* Updated README
|
||||
* Fixed feed URL on homepage
|
||||
* Added demo link
|
||||
* Implemented new `param_sep` variable from Grav 0.9.18
|
||||
|
||||
# v1.0.1
|
||||
## 02/10/2015
|
||||
|
||||
1. [](#new)
|
||||
* ChangeLog started...
|
||||
21
user/themes/mediator/LICENSE
Normal file
21
user/themes/mediator/LICENSE
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2014 Grav
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
72
user/themes/mediator/README.md
Normal file
72
user/themes/mediator/README.md
Normal file
@@ -0,0 +1,72 @@
|
||||
# Mediator Grav Theme
|
||||
|
||||
|
||||
|
||||
The Mediator theme for Grav is a direct port of the [Mediator Theme for Jekyll](https://github.com/dirkfabisch/mediator) designed by [Dirk Fabisch](http://blog.base68.com/about/) which in turn was inspired by the [Readium 2.0 Theme for Ghost](http://www.svenread.com/readium-ghost-theme/).
|
||||
|
||||
## Skeleton
|
||||
|
||||
The theme works best in combination with appropriate content and configuration. Please check out the [Mediator Skeleton Package](https://github.com/getgrav/grav-skeleton-mediator-site) that is the self-contained repository for a complete Mediator site which includes: **sample content**, **configuration**, **theme**, **plugins**.
|
||||
|
||||
# Installation
|
||||
|
||||
Installing the Mediator theme can be done in one of two ways. Our GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file.
|
||||
|
||||
## GPM Installation (Preferred)
|
||||
|
||||
The simplest way to install this theme is via the [Grav Package Manager (GPM)](http://learn.getgrav.org/advanced/grav-gpm) through your system's Terminal (also called the command line). From the root of your Grav install type:
|
||||
|
||||
bin/gpm install mediator
|
||||
|
||||
This will install the Mediator theme into your `/user/themes` directory within Grav. Its files can be found under `/your/site/grav/user/themes/mediator`.
|
||||
|
||||
## Manual Installation
|
||||
|
||||
To install this theme, just download the zip version of this repository and unzip it under `/your/site/grav/user/themes`. Then, rename the folder to `mediator`. You can find these files either on [GitHub](https://github.com/getgrav/grav-theme-mediator) or via [GetGrav.org](http://getgrav.org/downloads/themes).
|
||||
|
||||
You should now have all the theme files under
|
||||
|
||||
/your/site/grav/user/themes/mediator
|
||||
|
||||
>> NOTE: This theme is a modular component for Grav which requires the [Grav](http://github.com/getgrav/grav), [Error](https://github.com/getgrav/grav-theme-error) and [Problems](https://github.com/getgrav/grav-plugin-problems) plugins.
|
||||
|
||||
# Updating
|
||||
|
||||
As development for the Mediator theme continues, new versions may become available that add additional features and functionality, improve compatibility with newer Grav releases, and generally provide a better user experience. Updating Mediator is easy, and can be done through Grav's GPM system, as well as manually.
|
||||
|
||||
## GPM Update (Preferred)
|
||||
|
||||
The simplest way to update this theme is via the [Grav Package Manager (GPM)](http://learn.getgrav.org/advanced/grav-gpm). You can do this with this by navigating to the root directory of your Grav install using your system's Terminal (also called command line) and typing the following:
|
||||
|
||||
bin/gpm update mediator
|
||||
|
||||
This command will check your Grav install to see if your Mediator theme is due for an update. If a newer release is found, you will be asked whether or not you wish to update. To continue, type `y` and hit enter. The theme will automatically update and clear Grav's cache.
|
||||
|
||||
## Manual Update
|
||||
|
||||
Manually updating Mediator is pretty simple. Here is what you will need to do to get this done:
|
||||
|
||||
* Delete the `your/site/user/themes/mediator` directory.
|
||||
* Download the new version of the Mediator theme from either [GitHub](https://github.com/getgrav/grav-plugin-mediator) or [GetGrav.org](http://getgrav.org/downloads/themes#extras).
|
||||
* Unzip the zip file in `your/site/user/themes` and rename the resulting folder to `mediator`.
|
||||
* Clear the Grav cache. The simplest way to do this is by going to the root Grav directory in terminal and typing `bin/grav clear-cache`.
|
||||
|
||||
> Note: Any changes you have made to any of the files listed under this directory will also be removed and replaced by the new set. Any files located elsewhere (for example a YAML settings file placed in `user/config/themes`) will remain intact.
|
||||
|
||||
# Setup
|
||||
|
||||
If you want to set Mediator as the default theme, you can do so by following these steps:
|
||||
|
||||
* Navigate to `/your/site/grav/user/config`.
|
||||
* Open the **system.yaml** file.
|
||||
* Change the `theme:` setting to `theme: mediator`.
|
||||
* Save your changes.
|
||||
* Clear the Grav cache. The simplest way to do this is by going to the root Grav directory in Terminal and typing `bin/grav clear-cache`.
|
||||
|
||||
Once this is done, you should be able to see the new theme on the frontend. Keep in mind any customizations made to the previous theme will not be reflected as all of the theme and templating information is now being pulled from the **mediator** folder.
|
||||
|
||||
---
|
||||
|
||||
## License
|
||||
|
||||
This theme is free and open source software, distributed under the [MIT License](/LICENSE) version 2 or later. So feel free to to modify this theme to suit your needs.
|
||||
BIN
user/themes/mediator/assets/readme_1.png
Normal file
BIN
user/themes/mediator/assets/readme_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 678 KiB |
20
user/themes/mediator/blueprints.yaml
Normal file
20
user/themes/mediator/blueprints.yaml
Normal file
@@ -0,0 +1,20 @@
|
||||
name: Mediator
|
||||
slug: mediator
|
||||
type: theme
|
||||
version: 1.5.1
|
||||
description: "Mediator theme by Dirk Fabisch ported to **Grav**"
|
||||
icon: bullseye
|
||||
author:
|
||||
name: Team Grav
|
||||
email: devs@getgrav.org
|
||||
url: http://getgrav.org
|
||||
homepage: https://github.com/getgrav/grav-theme-mediator
|
||||
demo: http://demo.getgrav.org/mediator-skeleton
|
||||
keywords: mediator, theme, modern, fast, responsive, blog
|
||||
bugs: https://github.com/getgrav/grav-theme-mediator/issues
|
||||
license: MIT
|
||||
dependencies:
|
||||
- { name: grav, version: '>=1.5.10' }
|
||||
|
||||
form:
|
||||
validation: loose
|
||||
0
user/themes/mediator/blueprints/.gitkeep
Normal file
0
user/themes/mediator/blueprints/.gitkeep
Normal file
600
user/themes/mediator/css/main.css
Normal file
600
user/themes/mediator/css/main.css
Normal file
@@ -0,0 +1,600 @@
|
||||
.cf:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
body {
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-feature-settings: "liga=1, dlig=1";
|
||||
-ms-font-feature-settings: "liga", "dlig";
|
||||
-webkit-font-feature-settings: "liga", "dlig";
|
||||
-o-font-feature-settings: "liga", "dlig";
|
||||
font-feature-settings: "liga", "dlig"; }
|
||||
|
||||
.logo-readium {
|
||||
position: fixed;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
z-index: 99; }
|
||||
.logo-readium .logo {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 8px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
.teaserimage {
|
||||
height: 450px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: black; }
|
||||
.teaserimage .teaserimage-image {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
text-indent: -9999px; }
|
||||
|
||||
.blog-header {
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
@media only screen and (max-width: 800px) {
|
||||
.blog-header {
|
||||
padding: 0 16px; } }
|
||||
.blog-header .blog-logo {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
right: 50%;
|
||||
margin-right: -60px;
|
||||
background-size: cover;
|
||||
border-radius: 50%;
|
||||
z-index: 99;
|
||||
text-indent: -9999px;
|
||||
border: 3px solid white;
|
||||
background-color: white;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
|
||||
.blog-header .blog-title {
|
||||
margin: 0;
|
||||
padding: 84px 16px 8px;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
letter-spacing: -2px;
|
||||
outline: 0;
|
||||
line-height: 50px;
|
||||
word-break: break-word;
|
||||
color: #333333; }
|
||||
.blog-header .blog-description {
|
||||
margin: 0 0 20px;
|
||||
padding: 0 32px;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
font-weight: 400; }
|
||||
.blog-header .custom-links {
|
||||
margin: 0 0 50px;
|
||||
text-align: center;
|
||||
color: #cccccc; }
|
||||
.blog-header .custom-links a {
|
||||
text-decoration: none;
|
||||
color: #999999; }
|
||||
.blog-header .custom-links a:hover {
|
||||
color: #333333; }
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
margin: 0 auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
@media only screen and (max-width: 800px) {
|
||||
.content {
|
||||
padding: 0 32px; } }
|
||||
.content article {
|
||||
padding: 40px 0;
|
||||
border-bottom: 1px solid #f2f2f0; }
|
||||
.content article:last-child {
|
||||
border-bottom: 0px; }
|
||||
.content article .post-title {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
font-size: 28px;
|
||||
line-height: 1.1;
|
||||
margin: 0 0; }
|
||||
.content article .post-title a {
|
||||
text-decoration: none;
|
||||
color: #333332; }
|
||||
.content article .post-title a:hover {
|
||||
text-decoration: none; }
|
||||
.content article .post-excerpt {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-size: 20px;
|
||||
line-height: 1.3;
|
||||
color: #666665; }
|
||||
.content article .post-meta {
|
||||
font-size: 14px;
|
||||
color: #b3b3b1;
|
||||
line-height: 30px; }
|
||||
.content article .post-meta a {
|
||||
color: #b3b3b1;
|
||||
text-decoration: none; }
|
||||
.content article .post-meta a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.container.featured {
|
||||
padding-bottom: 40px; }
|
||||
|
||||
.post-template .content {
|
||||
max-width: 700px; }
|
||||
|
||||
.index-headline {
|
||||
border-top: 1px solid #dededc;
|
||||
margin: 0;
|
||||
padding: 16px 0; }
|
||||
.index-headline span {
|
||||
color: #b3b3b1;
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px; }
|
||||
|
||||
.archive-template .index-headline.featured {
|
||||
display: none; }
|
||||
|
||||
.pagination {
|
||||
text-align: center;
|
||||
padding: 48px 0 0;
|
||||
font-size: 12px; }
|
||||
.pagination a {
|
||||
color: #999999;
|
||||
text-decoration: none; }
|
||||
.pagination a:hover {
|
||||
color: #333333; }
|
||||
|
||||
.post-reading {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 30px;
|
||||
line-height: 44px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 14px;
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
z-index: 999; }
|
||||
|
||||
.tag-articleimage .post-reading {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.5); }
|
||||
|
||||
.site-footer {
|
||||
margin: 0 auto;
|
||||
padding: 48px 0;
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #999999;
|
||||
line-height: 17.6px; }
|
||||
.site-footer a {
|
||||
color: #666666;
|
||||
text-decoration: none; }
|
||||
.site-footer a:hover {
|
||||
color: #333333; }
|
||||
|
||||
.post .article-image {
|
||||
position: absolute;
|
||||
background-color: black;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden; }
|
||||
.post .article-image .post-image-image {
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-indent: -9999px;
|
||||
padding-top: 33%;
|
||||
z-index: 1; }
|
||||
.post .article-image .post-meta {
|
||||
position: absolute;
|
||||
bottom: 80px;
|
||||
left: 30%;
|
||||
right: 30%;
|
||||
z-index: 9;
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
@media only screen and (max-width: 800px) {
|
||||
.post .article-image .post-meta {
|
||||
left: 16px;
|
||||
right: 16px; } }
|
||||
.post .article-image .post-title {
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
letter-spacing: -0.04em;
|
||||
font-size: 50px;
|
||||
line-height: 1.1;
|
||||
color: white;
|
||||
margin-bottom: 16px;
|
||||
text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }
|
||||
.post .article-image .author-image {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-right: 8px;
|
||||
margin-bottom: -10px;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
text-indent: -9999px; }
|
||||
.post .article-image .author-name {
|
||||
display: inline; }
|
||||
.post .article-image .post-meta-text {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.5);
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; }
|
||||
.post .article-image .post-meta-text a {
|
||||
color: rgba(255, 255, 255, 0.75); }
|
||||
.post .article-image .post-meta-text a:hover {
|
||||
color: white; }
|
||||
.post .article-image .fa-angle-down {
|
||||
font-size: 64px;
|
||||
margin: 64px auto 0;
|
||||
color: rgba(255, 255, 255, 0.75); }
|
||||
.post .article-image .fa-angle-down:hover {
|
||||
color: white; }
|
||||
.post .article-image .topofpage {
|
||||
text-decoration: underline; }
|
||||
.post .noarticleimage .post-meta {
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
padding-top: 60px; }
|
||||
.post .noarticleimage .post-title {
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
letter-spacing: -0.04em;
|
||||
font-size: 50px;
|
||||
line-height: 1.1;
|
||||
color: #333332;
|
||||
margin-bottom: 16px; }
|
||||
.post .noarticleimage .author-image {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-right: 8px;
|
||||
margin-bottom: -10px;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
text-indent: -9999px; }
|
||||
.post .noarticleimage .author-name {
|
||||
display: inline; }
|
||||
.post .noarticleimage .post-meta-text {
|
||||
color: #b3b3b1;
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis; }
|
||||
.post .post-content {
|
||||
width: 100%;
|
||||
font-family: Linux Libertine;
|
||||
color: #333333; }
|
||||
.post .post-content h1, .post .post-content h2, .post .post-content h3 {
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif; }
|
||||
.post .post-content h3, .post .post-content h4, .post .post-content h5, .post .post-content h6 {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
margin-bottom: 4px; }
|
||||
.post .post-content h2, .post .post-content h1 {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 32px;
|
||||
line-height: 1.2;
|
||||
padding-top: 31px;
|
||||
margin-bottom: 4px; }
|
||||
.post .post-content p {
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
margin: 0;
|
||||
padding-bottom: 30px;
|
||||
color: #333333;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
hyphens: auto; }
|
||||
.post .post-content a {
|
||||
color: #333333;
|
||||
text-decoration: underline; }
|
||||
.post .post-content img {
|
||||
max-width: 100%;
|
||||
margin: 0 auto; }
|
||||
.post .post-content figure {
|
||||
margin: 0;
|
||||
padding: 0 0 30px; }
|
||||
.post .post-content figcaption {
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-size: 16px;
|
||||
line-height: 1.3;
|
||||
color: #666665;
|
||||
outline: 0;
|
||||
z-index: 300;
|
||||
text-align: center; }
|
||||
.post .post-content hr {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
width: 15%;
|
||||
margin: 30px auto;
|
||||
border: 0px solid #dddddd;
|
||||
border-top: 1px solid #dddddd; }
|
||||
.post .post-content blockquote {
|
||||
margin: 0 0 30px;
|
||||
margin-left: -26px;
|
||||
border-left: 3px solid #57ad68;
|
||||
padding-left: 20px; }
|
||||
.post .post-content blockquote p {
|
||||
letter-spacing: 0.01rem;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
mborder-left: 3px solid #57ad68;
|
||||
mpadding-left: 20px;
|
||||
mmargin-left: -26px;
|
||||
padding-bottom: 3px; }
|
||||
.post .post-content ul, .post .post-content ol {
|
||||
padding: 0 0 30px;
|
||||
margin: 0; }
|
||||
.post .post-content li {
|
||||
padding: 0;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 23px;
|
||||
line-height: 30px;
|
||||
margin-left: 30px;
|
||||
margin-bottom: 12px;
|
||||
padding-top: 2px; }
|
||||
.post .post-content li p {
|
||||
padding: 0 0 1.618rem; }
|
||||
.post .post-content ol li {
|
||||
list-style-type: decimal; }
|
||||
.post .bottom-teaser {
|
||||
padding: 50px 0;
|
||||
font-family: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif; }
|
||||
.post .bottom-teaser hr {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
width: 15%;
|
||||
margin: 16px 0 16px 100px;
|
||||
border: 0px solid #dddddd;
|
||||
border-top: 1px solid #dddddd; }
|
||||
.post .bottom-teaser .isLeft {
|
||||
float: left;
|
||||
width: 47%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
@media only screen and (max-width: 800px) {
|
||||
.post .bottom-teaser .isLeft {
|
||||
width: 100%;
|
||||
padding-bottom: 32px; } }
|
||||
.post .bottom-teaser .isLeft .index-headline {
|
||||
padding-bottom: 32px; }
|
||||
.post .bottom-teaser .isLeft a {
|
||||
color: black;
|
||||
text-decoration: none; }
|
||||
.post .bottom-teaser .isLeft a:hover {
|
||||
color: #333333;
|
||||
text-decoration: underline; }
|
||||
.post .bottom-teaser .isLeft .author-image {
|
||||
display: block;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
text-indent: -9999px; }
|
||||
.post .bottom-teaser .isLeft h4 {
|
||||
font-size: 18px;
|
||||
line-height: 1.1;
|
||||
font-weight: 700;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 100px; }
|
||||
.post .bottom-teaser .isLeft p {
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
font-weight: 400;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 100px; }
|
||||
.post .bottom-teaser .isLeft p.published {
|
||||
color: #999999; }
|
||||
.post .bottom-teaser .isRight {
|
||||
float: right;
|
||||
width: 47%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
@media only screen and (max-width: 800px) {
|
||||
.post .bottom-teaser .isRight {
|
||||
width: 100%; } }
|
||||
.post .bottom-teaser .isRight .index-headline {
|
||||
padding-bottom: 32px; }
|
||||
.post .bottom-teaser .isRight .site-footer {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
color: #999999; }
|
||||
.post .bottom-teaser .isRight .site-footer a {
|
||||
color: #333333;
|
||||
text-decoration: none; }
|
||||
.post .bottom-teaser .isRight .site-footer a:hover {
|
||||
text-decoration: underline; }
|
||||
.post .bottom-teaser .isRight .site-footer .poweredby {
|
||||
display: block;
|
||||
padding-bottom: 18px;
|
||||
font-weight: 700;
|
||||
color: #333333; }
|
||||
|
||||
.share {
|
||||
text-align: right;
|
||||
padding: 20px 0 0; }
|
||||
.share a {
|
||||
text-decoration: none;
|
||||
color: #bbbbbb;
|
||||
padding-left: 12px; }
|
||||
.share a .hidden {
|
||||
display: none; }
|
||||
.share a:hover {
|
||||
color: #333333; }
|
||||
|
||||
.bottom-closer {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
.bottom-closer .background-closer-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-indent: -9999px;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center; }
|
||||
.bottom-closer .inner {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
max-width: 640px;
|
||||
padding: 120px 0 90px;
|
||||
text-align: center;
|
||||
margin: 0 auto; }
|
||||
.bottom-closer .inner .blog-title {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
letter-spacing: -2px;
|
||||
outline: 0;
|
||||
line-height: 50px;
|
||||
word-break: break-word;
|
||||
color: white;
|
||||
text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }
|
||||
.bottom-closer .inner .blog-description {
|
||||
margin: 0 0 50px;
|
||||
padding: 0 32px;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5); }
|
||||
.bottom-closer .inner .custom-links {
|
||||
margin: 0 0 50px; }
|
||||
.bottom-closer .inner .btn {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
letter-spacing: -0.02em;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
height: 44px;
|
||||
background: #57ad68;
|
||||
color: white;
|
||||
vertical-align: middle;
|
||||
box-sizing: border-box;
|
||||
border-radius: 999em;
|
||||
line-height: 44px;
|
||||
padding: 0 18px; }
|
||||
|
||||
#disqus_thread {
|
||||
margin-top: 50px; }
|
||||
|
||||
.post-tag-articleimage {
|
||||
display: none; }
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-size: 15px;
|
||||
border: 1px solid #e8e8e8;
|
||||
border-radius: 3px;
|
||||
background-color: #eeeeff; }
|
||||
|
||||
code {
|
||||
padding: 1px 5px; }
|
||||
|
||||
pre {
|
||||
padding: 8px 12px;
|
||||
overflow-x: auto; }
|
||||
pre > code {
|
||||
border: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0; }
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
7
user/themes/mediator/css/main.css.map
Normal file
7
user/themes/mediator/css/main.css.map
Normal file
File diff suppressed because one or more lines are too long
406
user/themes/mediator/css/normalize.css
vendored
Normal file
406
user/themes/mediator/css/normalize.css
vendored
Normal file
@@ -0,0 +1,406 @@
|
||||
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct `inline-block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `[hidden]` styling not present in IE 8/9.
|
||||
* Hide the `template` element in IE, Safari, and Firefox < 22.
|
||||
*/
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background color from active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct font family set oddly in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set consistent quote types.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari 5.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct font family not being inherited in all browsers.
|
||||
* 2. Correct font size not being inherited in all browsers.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
||||
* 2. Remove excess padding in IE 8/9/10.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove default vertical scrollbar in IE 8/9.
|
||||
* 2. Improve readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
23
user/themes/mediator/css/print.css
Normal file
23
user/themes/mediator/css/print.css
Normal file
@@ -0,0 +1,23 @@
|
||||
.article-image{
|
||||
page-break-after:never
|
||||
}
|
||||
.post-content,
|
||||
.bottom-teaser.cf{
|
||||
padding-top:0!important
|
||||
}
|
||||
.bottom-teaser.cf{
|
||||
margin:0
|
||||
}
|
||||
.post-reading,
|
||||
.bottom-teaser.cf .isRight,
|
||||
.cf.post-meta-text,
|
||||
.post-meta center,
|
||||
.post-image-image,
|
||||
.bottom-closer,
|
||||
.share,
|
||||
.home-template .post-meta .post-tags-set,
|
||||
.pagination,
|
||||
.author-image,
|
||||
.subscribe icon-feed{
|
||||
display:none;
|
||||
}
|
||||
BIN
user/themes/mediator/images/favicon.png
Normal file
BIN
user/themes/mediator/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
56
user/themes/mediator/js/index.js
Normal file
56
user/themes/mediator/js/index.js
Normal file
@@ -0,0 +1,56 @@
|
||||
/**
|
||||
* Main JS file for Casper behaviours
|
||||
*/
|
||||
|
||||
/*globals jQuery, document */
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".post-content").fitVids();
|
||||
|
||||
// Calculates Reading Time
|
||||
$('.post-content').readingTime({
|
||||
readingTimeTarget: '.post-reading-time',
|
||||
wordCountTarget: '.post-word-count',
|
||||
});
|
||||
|
||||
// Creates Captions from Alt tags
|
||||
$(".post-content img").each(function() {
|
||||
// Let's put a caption if there is one
|
||||
if($(this).attr("alt"))
|
||||
$(this).wrap('<figure class="image"></figure>')
|
||||
.after('<figcaption>'+$(this).attr("alt")+'</figcaption>');
|
||||
});
|
||||
|
||||
var $window = $(window),
|
||||
$image = $('.post-image-image, .teaserimage-image');
|
||||
$window.on('scroll', function() {
|
||||
var top = $window.scrollTop();
|
||||
|
||||
if (top < 0 || top > 1500) { return; }
|
||||
$image
|
||||
.css('transform', 'translate3d(0px, '+top/3+'px, 0px)')
|
||||
.css('opacity', 1-Math.max(top/700, 0));
|
||||
});
|
||||
$window.trigger('scroll');
|
||||
|
||||
var height = $('.article-image').height();
|
||||
$('.post-content').css('padding-top', height + 'px');
|
||||
|
||||
$('a[href*=\\#]:not([href=\\#])').click(function() {
|
||||
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|
||||
&& location.hostname == this.hostname) {
|
||||
var target = $(this.hash);
|
||||
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
|
||||
if (target.length) {
|
||||
$('html,body').animate({ scrollTop: target.offset().top }, 500);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
}(jQuery));
|
||||
74
user/themes/mediator/js/jquery.fitvids.js
Normal file
74
user/themes/mediator/js/jquery.fitvids.js
Normal file
@@ -0,0 +1,74 @@
|
||||
/*global jQuery */
|
||||
/*jshint multistr:true browser:true */
|
||||
/*!
|
||||
* FitVids 1.0.3
|
||||
*
|
||||
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
|
||||
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
|
||||
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
|
||||
*
|
||||
* Date: Thu Sept 01 18:00:00 2011 -0500
|
||||
*/
|
||||
|
||||
(function( $ ){
|
||||
|
||||
"use strict";
|
||||
|
||||
$.fn.fitVids = function( options ) {
|
||||
var settings = {
|
||||
customSelector: null
|
||||
};
|
||||
|
||||
if(!document.getElementById('fit-vids-style')) {
|
||||
|
||||
var div = document.createElement('div'),
|
||||
ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
|
||||
cssStyles = '­<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>';
|
||||
|
||||
div.className = 'fit-vids-style';
|
||||
div.id = 'fit-vids-style';
|
||||
div.style.display = 'none';
|
||||
div.innerHTML = cssStyles;
|
||||
|
||||
ref.parentNode.insertBefore(div,ref);
|
||||
|
||||
}
|
||||
|
||||
if ( options ) {
|
||||
$.extend( settings, options );
|
||||
}
|
||||
|
||||
return this.each(function(){
|
||||
var selectors = [
|
||||
"iframe[src*='player.vimeo.com']",
|
||||
"iframe[src*='youtube.com']",
|
||||
"iframe[src*='youtube-nocookie.com']",
|
||||
"iframe[src*='kickstarter.com'][src*='video.html']",
|
||||
"object",
|
||||
"embed"
|
||||
];
|
||||
|
||||
if (settings.customSelector) {
|
||||
selectors.push(settings.customSelector);
|
||||
}
|
||||
|
||||
var $allVideos = $(this).find(selectors.join(','));
|
||||
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
|
||||
|
||||
$allVideos.each(function(){
|
||||
var $this = $(this);
|
||||
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
|
||||
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
|
||||
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
|
||||
aspectRatio = height / width;
|
||||
if(!$this.attr('id')){
|
||||
var videoID = 'fitvid' + Math.floor(Math.random()*999999);
|
||||
$this.attr('id', videoID);
|
||||
}
|
||||
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
|
||||
$this.removeAttr('height').removeAttr('width');
|
||||
});
|
||||
});
|
||||
};
|
||||
// Works with either jQuery or Zepto
|
||||
})( window.jQuery || window.Zepto );
|
||||
1
user/themes/mediator/js/min/highlight.pack-ck.js
Normal file
1
user/themes/mediator/js/min/highlight.pack-ck.js
Normal file
File diff suppressed because one or more lines are too long
1
user/themes/mediator/js/min/index-ck.js
Normal file
1
user/themes/mediator/js/min/index-ck.js
Normal file
@@ -0,0 +1 @@
|
||||
!function(t){"use strict";t(document).ready(function(){t(".post-content").fitVids(),t(".content").readingTime({readingTimeTarget:".post-reading-time",wordCountTarget:".post-word-count"}),t(".post-content img").each(function(){t(this).attr("alt")&&t(this).wrap('<figure class="image"></figure>').after("<figcaption>"+t(this).attr("alt")+"</figcaption>")})})}(jQuery);
|
||||
1
user/themes/mediator/js/min/jquery.fitvids-ck.js
Normal file
1
user/themes/mediator/js/min/jquery.fitvids-ck.js
Normal file
@@ -0,0 +1 @@
|
||||
!function(t){"use strict";t.fn.fitVids=function(e){var i={customSelector:null};if(!document.getElementById("fit-vids-style")){var r=document.createElement("div"),a=document.getElementsByTagName("base")[0]||document.getElementsByTagName("script")[0],o="­<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>";r.className="fit-vids-style",r.id="fit-vids-style",r.style.display="none",r.innerHTML=o,a.parentNode.insertBefore(r,a)}return e&&t.extend(i,e),this.each(function(){var e=["iframe[src*='player.vimeo.com']","iframe[src*='youtube.com']","iframe[src*='youtube-nocookie.com']","iframe[src*='kickstarter.com'][src*='video.html']","object","embed"];i.customSelector&&e.push(i.customSelector);var r=t(this).find(e.join(","));r=r.not("object object"),r.each(function(){var e=t(this);if(!("embed"===this.tagName.toLowerCase()&&e.parent("object").length||e.parent(".fluid-width-video-wrapper").length)){var i="object"===this.tagName.toLowerCase()||e.attr("height")&&!isNaN(parseInt(e.attr("height"),10))?parseInt(e.attr("height"),10):e.height(),r=isNaN(parseInt(e.attr("width"),10))?e.width():parseInt(e.attr("width"),10),a=i/r;if(!e.attr("id")){var o="fitvid"+Math.floor(999999*Math.random());e.attr("id",o)}e.wrap('<div class="fluid-width-video-wrapper"></div>').parent(".fluid-width-video-wrapper").css("padding-top",100*a+"%"),e.removeAttr("height").removeAttr("width")}})})}}(window.jQuery||window.Zepto);
|
||||
1
user/themes/mediator/js/min/jquery.ghostHunter.min-ck.js
Normal file
1
user/themes/mediator/js/min/jquery.ghostHunter.min-ck.js
Normal file
File diff suppressed because one or more lines are too long
1
user/themes/mediator/js/min/readingTime.min-ck.js
Normal file
1
user/themes/mediator/js/min/readingTime.min-ck.js
Normal file
@@ -0,0 +1 @@
|
||||
!function(e){e.fn.readingTime=function(n){if(!this.length)return this;var t={readingTimeTarget:".eta",wordCountTarget:null,wordsPerMinute:270,round:!0,lang:"en",lessThanAMinuteString:"",prependTimeString:"",prependWordString:"",remotePath:null,remoteTarget:null},i=this,r=e(this);i.settings=e.extend({},t,n);var s=i.settings.readingTimeTarget,a=i.settings.wordCountTarget,g=i.settings.wordsPerMinute,u=i.settings.round,d=i.settings.lang,l=i.settings.lessThanAMinuteString,o=i.settings.prependTimeString,m=i.settings.prependWordString,f=i.settings.remotePath,h=i.settings.remoteTarget;if("fr"==d)var T=l||"Moins d'une minute",v="min";else if("de"==d)var T=l||"Weniger als eine Minute",v="min";else if("es"==d)var T=l||"Menos de un minuto",v="min";else if("nl"==d)var T=l||"Minder dan een minuut",v="min";else var T=l||"Less than a minute",v="min";var M=function(e){var n=e.split(" ").length,t=g/60,i=n/t,d=Math.round(i/60),l=Math.round(i-60*d);if(u===!0)r.find(s).text(d>0?o+d+" "+v:o+T);else{var f=d+":"+l;r.find(s).text(o+f)}""!==a&&void 0!==a&&r.find(a).text(m+n)};r.each(function(){null!=f&&null!=h?e.get(f,function(n){M(e("<div>").html(n).find(h).text())}):M(r.text())})}}(jQuery);
|
||||
12
user/themes/mediator/js/readingTime.min.js
vendored
Normal file
12
user/themes/mediator/js/readingTime.min.js
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
/*!
|
||||
|
||||
Name: Reading Time
|
||||
Dependencies: jQuery
|
||||
Author: Michael Lynch
|
||||
Author URL: http://michaelynch.com
|
||||
Date Created: August 14, 2013
|
||||
Date Updated: January 24, 2014
|
||||
Licensed under the MIT license
|
||||
|
||||
*/
|
||||
(function(e){e.fn.readingTime=function(t){if(!this.length){return this}var n={readingTimeTarget:".eta",wordCountTarget:null,wordsPerMinute:270,round:true,lang:"en",lessThanAMinuteString:"",prependTimeString:"",prependWordString:"",remotePath:null,remoteTarget:null};var r=this;var i=e(this);r.settings=e.extend({},n,t);var s=r.settings.readingTimeTarget;var o=r.settings.wordCountTarget;var u=r.settings.wordsPerMinute;var a=r.settings.round;var f=r.settings.lang;var l=r.settings.lessThanAMinuteString;var c=r.settings.prependTimeString;var h=r.settings.prependWordString;var p=r.settings.remotePath;var d=r.settings.remoteTarget;if(f=="fr"){var v=l||"Moins d'une minute";var m="min"}else if(f=="de"){var v=l||"Weniger als eine Minute";var m="min"}else if(f=="es"){var v=l||"Menos de un minuto";var m="min"}else if(f=="nl"){var v=l||"Minder dan een minuut";var m="min"}else{var v=l||"Less than a minute";var m="min"}var g=function(e){var t=e.split(" ").length;var n=u/60;var r=t/n;var f=Math.round(r/60);var l=Math.round(r-f*60);if(a===true){if(f>0){i.find(s).text(c+f+" "+m)}else{i.find(s).text(c+v)}}else{var p=f+":"+l;i.find(s).text(c+p)}if(o!==""&&o!==undefined){i.find(o).text(h+t)}};i.each(function(){if(p!=null&&d!=null){e.get(p,function(t){g(e("<div>").html(t).find(d).text())})}else{g(i.text())}})}})(jQuery)
|
||||
9
user/themes/mediator/mediator.php
Normal file
9
user/themes/mediator/mediator.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
namespace Grav\Theme;
|
||||
|
||||
use Grav\Common\Theme;
|
||||
|
||||
class Mediator extends Theme
|
||||
{
|
||||
|
||||
}
|
||||
1
user/themes/mediator/mediator.yaml
Normal file
1
user/themes/mediator/mediator.yaml
Normal file
@@ -0,0 +1 @@
|
||||
enabled: true
|
||||
BIN
user/themes/mediator/screenshot.jpg
Normal file
BIN
user/themes/mediator/screenshot.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
716
user/themes/mediator/scss/main.scss
Normal file
716
user/themes/mediator/scss/main.scss
Normal file
@@ -0,0 +1,716 @@
|
||||
@import "vendor/bourbon/bourbon";
|
||||
|
||||
.cf {
|
||||
@include clearfix;
|
||||
}
|
||||
|
||||
$rs: 16px;
|
||||
|
||||
$font-serif: Linux Libertine;
|
||||
$font-sans: Open Sans, MundoSans, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
|
||||
@mixin respond-to($breakpoint) {
|
||||
@media only screen and (max-width: $breakpoint + px) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
// Only needed for syntax highlighting
|
||||
%vertical-rhythm {
|
||||
margin-bottom: $rs;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $font-sans;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-feature-settings: "liga=1, dlig=1";
|
||||
-ms-font-feature-settings: "liga", "dlig";
|
||||
-webkit-font-feature-settings: "liga", "dlig";
|
||||
-o-font-feature-settings: "liga", "dlig";
|
||||
font-feature-settings: "liga", "dlig";
|
||||
}
|
||||
|
||||
.logo-readium {
|
||||
position: fixed;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
width: $rs * 3;
|
||||
height: $rs * 3;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
z-index: 99;
|
||||
.logo {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: $rs / 2;
|
||||
left: $rs / 2;
|
||||
width: $rs * 2;
|
||||
height: $rs * 2;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.teaserimage {
|
||||
height: 450px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: black;
|
||||
.teaserimage-image {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-header {
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
@include box-sizing(border-box);
|
||||
@include respond-to(800) {
|
||||
padding: 0 $rs;
|
||||
}
|
||||
|
||||
.blog-logo {
|
||||
width: $rs * 7.5;
|
||||
height: $rs * 7.5;
|
||||
position: absolute;
|
||||
top: -$rs * 3.75;
|
||||
right: 50%;
|
||||
margin-right: -$rs * 3.75;
|
||||
background-size: cover;
|
||||
border-radius: 50%;
|
||||
z-index: 99;
|
||||
text-indent: -9999px;
|
||||
border: 3px solid white;
|
||||
background-color: white;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.blog-title {
|
||||
margin: 0;
|
||||
padding: $rs * 5.25 $rs $rs / 2;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
letter-spacing: -2px;
|
||||
outline: 0;
|
||||
line-height: 50px;
|
||||
word-break: break-word;
|
||||
color: #333333;
|
||||
}
|
||||
.blog-description {
|
||||
margin: 0 0 20px;
|
||||
padding: 0 $rs * 2;
|
||||
font-size: $rs / 8 * 9;
|
||||
line-height: 1.5;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
}
|
||||
.custom-links {
|
||||
margin: 0 0 50px;
|
||||
text-align: center;
|
||||
color: #cccccc;
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #999999;
|
||||
&:hover {
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
margin: 0 auto;
|
||||
@include box-sizing(border-box);
|
||||
@include respond-to(800) {
|
||||
padding: 0 $rs * 2;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 40px 0;
|
||||
border-bottom: 1px solid #f2f2f0;
|
||||
&:last-child {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
.post-title {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
font-size: 28px;
|
||||
line-height: 1.1;
|
||||
margin: 0 0;
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #333332;
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.post-excerpt {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-size: 20px;
|
||||
line-height: 1.3;
|
||||
color: #666665;
|
||||
}
|
||||
.post-meta {
|
||||
font-size: 14px;
|
||||
color: #b3b3b1;
|
||||
line-height: 30px;
|
||||
a {
|
||||
color: #b3b3b1;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container.featured {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.post-template .content {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.index-headline {
|
||||
border-top: 1px solid #dededc;
|
||||
margin: 0;
|
||||
padding: 16px 0;
|
||||
span {
|
||||
color: #b3b3b1;
|
||||
font-size: $rs / 8 * 5;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.archive-template {
|
||||
.index-headline.featured {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
text-align: center;
|
||||
padding: $rs * 3 0 0;
|
||||
font-size: $rs / 4 * 3;
|
||||
a {
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-reading {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 30px;
|
||||
line-height: 44px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 14px;
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-family: $font-sans;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.tag-articleimage .post-reading {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
margin: 0 auto;
|
||||
padding: $rs * 3 0;
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
font-size: $rs / 4 * 3;
|
||||
text-align: center;
|
||||
color: #999999;
|
||||
line-height: $rs * 1.1;
|
||||
a {
|
||||
color: #666666;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post {
|
||||
.article-image {
|
||||
position: absolute;
|
||||
background-color: black;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
.post-image-image {
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-indent: -9999px;
|
||||
padding-top: 33%;
|
||||
z-index: 1;
|
||||
}
|
||||
.post-meta {
|
||||
position: absolute;
|
||||
bottom: $rs * 5;
|
||||
left: 30%;
|
||||
right: 30%;
|
||||
z-index: 9;
|
||||
font-family: $font-sans;
|
||||
@include box-sizing(border-box);
|
||||
@include respond-to(800) {
|
||||
left: $rs;
|
||||
right: $rs;
|
||||
}
|
||||
}
|
||||
.post-title {
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
letter-spacing: -0.04em;
|
||||
font-size: 50px;
|
||||
line-height: 1.1;
|
||||
color: white;
|
||||
margin-bottom: 16px;
|
||||
text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.author-image {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-right: 8px;
|
||||
margin-bottom: -10px;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.author-name {
|
||||
display: inline;
|
||||
}
|
||||
.post-meta-text {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(0, 0, 0, 0.5);
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
font-family: $font-sans;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
a {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
&:hover {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
.fa-angle-down {
|
||||
font-size: 64px;
|
||||
margin: 64px auto 0;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
&:hover {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.topofpage {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.noarticleimage {
|
||||
.post-meta {
|
||||
font-family: $font-sans;
|
||||
padding-top: 60px;
|
||||
}
|
||||
.post-title {
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
letter-spacing: -0.04em;
|
||||
font-size: 50px;
|
||||
line-height: 1.1;
|
||||
color: #333332;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.author-image {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-right: 8px;
|
||||
margin-bottom: -10px;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
.author-name {
|
||||
display: inline;
|
||||
}
|
||||
.post-meta-text {
|
||||
color: #b3b3b1;
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
font-family: $font-sans;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
.post-content {
|
||||
width: 100%;
|
||||
font-family: $font-serif;
|
||||
color: #333333;
|
||||
h1, h2, h3 {
|
||||
font-family: $font-sans;
|
||||
}
|
||||
h3, h4, h5, h6 {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
font-family: $font-sans;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
h2, h1 {
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 32px;
|
||||
line-height: 1.2;
|
||||
padding-top: 31px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
p {
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
margin: 0;
|
||||
padding-bottom: 30px;
|
||||
color: #333333;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
a {
|
||||
color: #333333;
|
||||
text-decoration: underline;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
figure {
|
||||
margin: 0;
|
||||
padding: 0 0 30px;
|
||||
}
|
||||
figcaption {
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-size: 16px;
|
||||
line-height: 1.3;
|
||||
color: #666665;
|
||||
outline: 0;
|
||||
z-index: 300;
|
||||
text-align: center;
|
||||
}
|
||||
hr {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
width: 15%;
|
||||
margin: 30px auto;
|
||||
border: 0px solid #dddddd;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
blockquote {
|
||||
margin: 0 0 30px;
|
||||
margin-left: -26px;
|
||||
border-left: 3px solid #57ad68;
|
||||
padding-left: 20px;
|
||||
p {
|
||||
letter-spacing: 0.01rem;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
mborder-left: 3px solid #57ad68;
|
||||
mpadding-left: 20px;
|
||||
mmargin-left: -26px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
}
|
||||
ul, ol {
|
||||
padding: 0 0 30px;
|
||||
margin: 0;
|
||||
}
|
||||
li {
|
||||
padding: 0;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 23px;
|
||||
line-height: 30px;
|
||||
margin-left: 30px;
|
||||
margin-bottom: 12px;
|
||||
padding-top: 2px;
|
||||
p {
|
||||
padding: 0 0 golden-ratio(1rem, 1);
|
||||
}
|
||||
}
|
||||
ol li {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
}
|
||||
.bottom-teaser {
|
||||
padding: 50px 0;
|
||||
font-family: $font-sans;
|
||||
hr {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
width: 15%;
|
||||
margin: 16px 0 16px 100px;
|
||||
border: 0px solid #dddddd;
|
||||
border-top: 1px solid #dddddd;
|
||||
}
|
||||
.isLeft {
|
||||
float: left;
|
||||
width: 47%;
|
||||
@include box-sizing(border-box);
|
||||
@include respond-to(800) {
|
||||
width: 100%;
|
||||
padding-bottom: $rs * 2;
|
||||
}
|
||||
|
||||
.index-headline {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: #333333;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.author-image {
|
||||
display: block;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
float: left;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
line-height: 1.1;
|
||||
font-weight: 700;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 100px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
font-weight: 400;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 100px;
|
||||
&.published {
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
.isRight {
|
||||
float: right;
|
||||
width: 47%;
|
||||
@include box-sizing(border-box);
|
||||
@include respond-to(800) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.index-headline {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
.site-footer {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #333333;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
color: #999999;
|
||||
a {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.poweredby {
|
||||
display: block;
|
||||
padding-bottom: 18px;
|
||||
font-weight: 700;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.share {
|
||||
text-align: right;
|
||||
padding: 20px 0 0;
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #bbbbbb;
|
||||
padding-left: 12px;
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-closer {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
.background-closer-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-indent: -9999px;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.inner {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
max-width: 640px;
|
||||
padding: 120px 0 90px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
.blog-title {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
letter-spacing: -2px;
|
||||
outline: 0;
|
||||
line-height: 50px;
|
||||
word-break: break-word;
|
||||
color: white;
|
||||
text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.blog-description {
|
||||
margin: 0 0 50px;
|
||||
padding: 0 $rs * 2;
|
||||
font-size: $rs / 8 * 9;
|
||||
line-height: 1.5;
|
||||
color: white;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.custom-links {
|
||||
margin: 0 0 50px;
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
letter-spacing: -0.02em;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
height: 44px;
|
||||
background: #57ad68;
|
||||
color: white;
|
||||
vertical-align: middle;
|
||||
box-sizing: border-box;
|
||||
border-radius: 999em;
|
||||
line-height: 44px;
|
||||
padding: 0 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#disqus_thread {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.post-tag-articleimage {
|
||||
display: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-size: 15px;
|
||||
border: 1px solid #e8e8e8;
|
||||
border-radius: 3px;
|
||||
background-color: #eeeeff;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 8px 12px;
|
||||
overflow-x: auto;
|
||||
> code {
|
||||
border: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
8
user/themes/mediator/scss/vendor/bourbon/_bourbon-deprecated-upcoming.scss
vendored
Normal file
8
user/themes/mediator/scss/vendor/bourbon/_bourbon-deprecated-upcoming.scss
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
//************************************************************************//
|
||||
// These mixins/functions are deprecated
|
||||
// They will be removed in the next MAJOR version release
|
||||
//************************************************************************//
|
||||
@mixin inline-block {
|
||||
display: inline-block;
|
||||
@warn "inline-block mixin is deprecated and will be removed in the next major version release";
|
||||
}
|
||||
77
user/themes/mediator/scss/vendor/bourbon/_bourbon.scss
vendored
Normal file
77
user/themes/mediator/scss/vendor/bourbon/_bourbon.scss
vendored
Normal file
@@ -0,0 +1,77 @@
|
||||
// Settings
|
||||
@import "settings/prefixer";
|
||||
@import "settings/px-to-em";
|
||||
|
||||
// Custom Helpers
|
||||
@import "helpers/convert-units";
|
||||
@import "helpers/gradient-positions-parser";
|
||||
@import "helpers/is-num";
|
||||
@import "helpers/linear-angle-parser";
|
||||
@import "helpers/linear-gradient-parser";
|
||||
@import "helpers/linear-positions-parser";
|
||||
@import "helpers/linear-side-corner-parser";
|
||||
@import "helpers/radial-arg-parser";
|
||||
@import "helpers/radial-positions-parser";
|
||||
@import "helpers/radial-gradient-parser";
|
||||
@import "helpers/render-gradients";
|
||||
@import "helpers/shape-size-stripper";
|
||||
@import "helpers/str-to-num";
|
||||
|
||||
// Custom Functions
|
||||
@import "functions/assign";
|
||||
@import "functions/color-lightness";
|
||||
@import "functions/flex-grid";
|
||||
@import "functions/golden-ratio";
|
||||
@import "functions/grid-width";
|
||||
@import "functions/modular-scale";
|
||||
@import "functions/px-to-em";
|
||||
@import "functions/px-to-rem";
|
||||
@import "functions/strip-units";
|
||||
@import "functions/tint-shade";
|
||||
@import "functions/transition-property-name";
|
||||
@import "functions/unpack";
|
||||
|
||||
// CSS3 Mixins
|
||||
@import "css3/animation";
|
||||
@import "css3/appearance";
|
||||
@import "css3/backface-visibility";
|
||||
@import "css3/background";
|
||||
@import "css3/background-image";
|
||||
@import "css3/border-image";
|
||||
@import "css3/border-radius";
|
||||
@import "css3/box-sizing";
|
||||
@import "css3/calc";
|
||||
@import "css3/columns";
|
||||
@import "css3/filter";
|
||||
@import "css3/flex-box";
|
||||
@import "css3/font-face";
|
||||
@import "css3/hyphens";
|
||||
@import "css3/hidpi-media-query";
|
||||
@import "css3/image-rendering";
|
||||
@import "css3/keyframes";
|
||||
@import "css3/linear-gradient";
|
||||
@import "css3/perspective";
|
||||
@import "css3/radial-gradient";
|
||||
@import "css3/transform";
|
||||
@import "css3/transition";
|
||||
@import "css3/user-select";
|
||||
@import "css3/placeholder";
|
||||
|
||||
// Addons & other mixins
|
||||
@import "addons/button";
|
||||
@import "addons/clearfix";
|
||||
@import "addons/directional-values";
|
||||
@import "addons/ellipsis";
|
||||
@import "addons/font-family";
|
||||
@import "addons/hide-text";
|
||||
@import "addons/html5-input-types";
|
||||
@import "addons/position";
|
||||
@import "addons/prefixer";
|
||||
@import "addons/retina-image";
|
||||
@import "addons/size";
|
||||
@import "addons/timing-functions";
|
||||
@import "addons/triangle";
|
||||
@import "addons/word-wrap";
|
||||
|
||||
// Soon to be deprecated Mixins
|
||||
@import "bourbon-deprecated-upcoming";
|
||||
374
user/themes/mediator/scss/vendor/bourbon/addons/_button.scss
vendored
Normal file
374
user/themes/mediator/scss/vendor/bourbon/addons/_button.scss
vendored
Normal file
@@ -0,0 +1,374 @@
|
||||
@mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) {
|
||||
|
||||
@if type-of($style) == string and type-of($base-color) == color {
|
||||
@include buttonstyle($style, $base-color, $text-size, $padding);
|
||||
}
|
||||
|
||||
@if type-of($style) == string and type-of($base-color) == number {
|
||||
$padding: $text-size;
|
||||
$text-size: $base-color;
|
||||
$base-color: #4294f0;
|
||||
|
||||
@if $padding == inherit {
|
||||
$padding: 7px 18px;
|
||||
}
|
||||
|
||||
@include buttonstyle($style, $base-color, $text-size, $padding);
|
||||
}
|
||||
|
||||
@if type-of($style) == color and type-of($base-color) == color {
|
||||
$base-color: $style;
|
||||
$style: simple;
|
||||
@include buttonstyle($style, $base-color, $text-size, $padding);
|
||||
}
|
||||
|
||||
@if type-of($style) == color and type-of($base-color) == number {
|
||||
$padding: $text-size;
|
||||
$text-size: $base-color;
|
||||
$base-color: $style;
|
||||
$style: simple;
|
||||
|
||||
@if $padding == inherit {
|
||||
$padding: 7px 18px;
|
||||
}
|
||||
|
||||
@include buttonstyle($style, $base-color, $text-size, $padding);
|
||||
}
|
||||
|
||||
@if type-of($style) == number {
|
||||
$padding: $base-color;
|
||||
$text-size: $style;
|
||||
$base-color: #4294f0;
|
||||
$style: simple;
|
||||
|
||||
@if $padding == #4294f0 {
|
||||
$padding: 7px 18px;
|
||||
}
|
||||
|
||||
@include buttonstyle($style, $base-color, $text-size, $padding);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Selector Style Button
|
||||
//************************************************************************//
|
||||
@mixin buttonstyle($type, $b-color, $t-size, $pad) {
|
||||
// Grayscale button
|
||||
@if $type == simple and $b-color == grayscale($b-color) {
|
||||
@include simple($b-color, true, $t-size, $pad);
|
||||
}
|
||||
|
||||
@if $type == shiny and $b-color == grayscale($b-color) {
|
||||
@include shiny($b-color, true, $t-size, $pad);
|
||||
}
|
||||
|
||||
@if $type == pill and $b-color == grayscale($b-color) {
|
||||
@include pill($b-color, true, $t-size, $pad);
|
||||
}
|
||||
|
||||
@if $type == flat and $b-color == grayscale($b-color) {
|
||||
@include flat($b-color, true, $t-size, $pad);
|
||||
}
|
||||
|
||||
// Colored button
|
||||
@if $type == simple {
|
||||
@include simple($b-color, false, $t-size, $pad);
|
||||
}
|
||||
|
||||
@else if $type == shiny {
|
||||
@include shiny($b-color, false, $t-size, $pad);
|
||||
}
|
||||
|
||||
@else if $type == pill {
|
||||
@include pill($b-color, false, $t-size, $pad);
|
||||
}
|
||||
|
||||
@else if $type == flat {
|
||||
@include flat($b-color, false, $t-size, $pad);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Simple Button
|
||||
//************************************************************************//
|
||||
@mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
|
||||
$color: hsl(0, 0, 100%);
|
||||
$border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
|
||||
$inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
|
||||
$stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
|
||||
|
||||
@if is-light($base-color) {
|
||||
$color: hsl(0, 0, 20%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
|
||||
}
|
||||
|
||||
@if $grayscale == true {
|
||||
$border: grayscale($border);
|
||||
$inset-shadow: grayscale($inset-shadow);
|
||||
$stop-gradient: grayscale($stop-gradient);
|
||||
$text-shadow: grayscale($text-shadow);
|
||||
}
|
||||
|
||||
border: 1px solid $border;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 1px 0 0 $inset-shadow;
|
||||
color: $color;
|
||||
display: inline-block;
|
||||
font-size: $textsize;
|
||||
font-weight: bold;
|
||||
@include linear-gradient ($base-color, $stop-gradient);
|
||||
padding: $padding;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 $text-shadow;
|
||||
background-clip: padding-box;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
$base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
|
||||
$inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
|
||||
$stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$base-color-hover: grayscale($base-color-hover);
|
||||
$inset-shadow-hover: grayscale($inset-shadow-hover);
|
||||
$stop-gradient-hover: grayscale($stop-gradient-hover);
|
||||
}
|
||||
|
||||
box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
|
||||
cursor: pointer;
|
||||
@include linear-gradient ($base-color-hover, $stop-gradient-hover);
|
||||
}
|
||||
|
||||
&:active:not(:disabled),
|
||||
&:focus:not(:disabled) {
|
||||
$border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
|
||||
$inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$border-active: grayscale($border-active);
|
||||
$inset-shadow-active: grayscale($inset-shadow-active);
|
||||
}
|
||||
|
||||
border: 1px solid $border-active;
|
||||
box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Shiny Button
|
||||
//************************************************************************//
|
||||
@mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
|
||||
$color: hsl(0, 0, 100%);
|
||||
$border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
|
||||
$border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
|
||||
$fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
|
||||
$inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
|
||||
$second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
|
||||
$text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
|
||||
$third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
|
||||
|
||||
@if is-light($base-color) {
|
||||
$color: hsl(0, 0, 20%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
|
||||
}
|
||||
|
||||
@if $grayscale == true {
|
||||
$border: grayscale($border);
|
||||
$border-bottom: grayscale($border-bottom);
|
||||
$fourth-stop: grayscale($fourth-stop);
|
||||
$inset-shadow: grayscale($inset-shadow);
|
||||
$second-stop: grayscale($second-stop);
|
||||
$text-shadow: grayscale($text-shadow);
|
||||
$third-stop: grayscale($third-stop);
|
||||
}
|
||||
|
||||
border: 1px solid $border;
|
||||
border-bottom: 1px solid $border-bottom;
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0 1px 0 0 $inset-shadow;
|
||||
color: $color;
|
||||
display: inline-block;
|
||||
font-size: $textsize;
|
||||
font-weight: bold;
|
||||
@include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
|
||||
padding: $padding;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px 1px $text-shadow;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
$first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
|
||||
$second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
|
||||
$third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
|
||||
$fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
|
||||
|
||||
@if $grayscale == true {
|
||||
$first-stop-hover: grayscale($first-stop-hover);
|
||||
$second-stop-hover: grayscale($second-stop-hover);
|
||||
$third-stop-hover: grayscale($third-stop-hover);
|
||||
$fourth-stop-hover: grayscale($fourth-stop-hover);
|
||||
}
|
||||
|
||||
cursor: pointer;
|
||||
@include linear-gradient(top, $first-stop-hover 0%,
|
||||
$second-stop-hover 50%,
|
||||
$third-stop-hover 50%,
|
||||
$fourth-stop-hover 100%);
|
||||
}
|
||||
|
||||
&:active:not(:disabled),
|
||||
&:focus:not(:disabled) {
|
||||
$inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
|
||||
|
||||
@if $grayscale == true {
|
||||
$inset-shadow-active: grayscale($inset-shadow-active);
|
||||
}
|
||||
|
||||
box-shadow: inset 0 0 20px 0 $inset-shadow-active;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Pill Button
|
||||
//************************************************************************//
|
||||
@mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
|
||||
$color: hsl(0, 0, 100%);
|
||||
$border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
|
||||
$border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
|
||||
$border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
|
||||
$inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
|
||||
$stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
|
||||
$text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
|
||||
|
||||
@if is-light($base-color) {
|
||||
$color: hsl(0, 0, 20%);
|
||||
$text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
|
||||
}
|
||||
|
||||
@if $grayscale == true {
|
||||
$border-bottom: grayscale($border-bottom);
|
||||
$border-sides: grayscale($border-sides);
|
||||
$border-top: grayscale($border-top);
|
||||
$inset-shadow: grayscale($inset-shadow);
|
||||
$stop-gradient: grayscale($stop-gradient);
|
||||
$text-shadow: grayscale($text-shadow);
|
||||
}
|
||||
|
||||
border: 1px solid $border-top;
|
||||
border-color: $border-top $border-sides $border-bottom;
|
||||
border-radius: 16px;
|
||||
box-shadow: inset 0 1px 0 0 $inset-shadow;
|
||||
color: $color;
|
||||
display: inline-block;
|
||||
font-size: $textsize;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
@include linear-gradient ($base-color, $stop-gradient);
|
||||
padding: $padding;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px 1px $text-shadow;
|
||||
background-clip: padding-box;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
$base-color-hover: adjust-color($base-color, $lightness: -4.5%);
|
||||
$border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
|
||||
$border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
|
||||
$border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
|
||||
$inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
|
||||
$stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
|
||||
$text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$base-color-hover: grayscale($base-color-hover);
|
||||
$border-bottom: grayscale($border-bottom);
|
||||
$border-sides: grayscale($border-sides);
|
||||
$border-top: grayscale($border-top);
|
||||
$inset-shadow-hover: grayscale($inset-shadow-hover);
|
||||
$stop-gradient-hover: grayscale($stop-gradient-hover);
|
||||
$text-shadow-hover: grayscale($text-shadow-hover);
|
||||
}
|
||||
|
||||
border: 1px solid $border-top;
|
||||
border-color: $border-top $border-sides $border-bottom;
|
||||
box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
|
||||
cursor: pointer;
|
||||
@include linear-gradient ($base-color-hover, $stop-gradient-hover);
|
||||
text-shadow: 0 -1px 1px $text-shadow-hover;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
&:active:not(:disabled),
|
||||
&:focus:not(:disabled) {
|
||||
$active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
|
||||
$border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
|
||||
$border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
|
||||
$inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
|
||||
$text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$active-color: grayscale($active-color);
|
||||
$border-active: grayscale($border-active);
|
||||
$border-bottom-active: grayscale($border-bottom-active);
|
||||
$inset-shadow-active: grayscale($inset-shadow-active);
|
||||
$text-shadow-active: grayscale($text-shadow-active);
|
||||
}
|
||||
|
||||
background: $active-color;
|
||||
border: 1px solid $border-active;
|
||||
border-bottom: 1px solid $border-bottom-active;
|
||||
box-shadow: inset 0 0 6px 3px $inset-shadow-active;
|
||||
text-shadow: 0 -1px 1px $text-shadow-active;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Flat Button
|
||||
//************************************************************************//
|
||||
@mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
|
||||
$color: hsl(0, 0, 100%);
|
||||
|
||||
@if is-light($base-color) {
|
||||
$color: hsl(0, 0, 20%);
|
||||
}
|
||||
|
||||
background-color: $base-color;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
color: $color;
|
||||
display: inline-block;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
padding: 7px 18px;
|
||||
text-decoration: none;
|
||||
background-clip: padding-box;
|
||||
|
||||
&:hover:not(:disabled){
|
||||
$base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$base-color-hover: grayscale($base-color-hover);
|
||||
}
|
||||
|
||||
background-color: $base-color-hover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:active:not(:disabled),
|
||||
&:focus:not(:disabled) {
|
||||
$base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
|
||||
|
||||
@if $grayscale == true {
|
||||
$base-color-active: grayscale($base-color-active);
|
||||
}
|
||||
|
||||
background-color: $base-color-active;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
23
user/themes/mediator/scss/vendor/bourbon/addons/_clearfix.scss
vendored
Normal file
23
user/themes/mediator/scss/vendor/bourbon/addons/_clearfix.scss
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
// Modern micro clearfix provides an easy way to contain floats without adding additional markup.
|
||||
//
|
||||
// Example usage:
|
||||
//
|
||||
// // Contain all floats within .wrapper
|
||||
// .wrapper {
|
||||
// @include clearfix;
|
||||
// .content,
|
||||
// .sidebar {
|
||||
// float : left;
|
||||
// }
|
||||
// }
|
||||
|
||||
@mixin clearfix {
|
||||
&:after {
|
||||
content:"";
|
||||
display:table;
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
// Acknowledgements
|
||||
// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)
|
||||
111
user/themes/mediator/scss/vendor/bourbon/addons/_directional-values.scss
vendored
Normal file
111
user/themes/mediator/scss/vendor/bourbon/addons/_directional-values.scss
vendored
Normal file
@@ -0,0 +1,111 @@
|
||||
// directional-property mixins are shorthands
|
||||
// for writing properties like the following
|
||||
//
|
||||
// @include margin(null 0 10px);
|
||||
// ------
|
||||
// margin-right: 0;
|
||||
// margin-bottom: 10px;
|
||||
// margin-left: 0;
|
||||
//
|
||||
// - or -
|
||||
//
|
||||
// @include border-style(dotted null);
|
||||
// ------
|
||||
// border-top-style: dotted;
|
||||
// border-bottom-style: dotted;
|
||||
//
|
||||
// ------
|
||||
//
|
||||
// Note: You can also use false instead of null
|
||||
|
||||
@function collapse-directionals($vals) {
|
||||
$output: null;
|
||||
|
||||
$A: nth( $vals, 1 );
|
||||
$B: if( length($vals) < 2, $A, nth($vals, 2));
|
||||
$C: if( length($vals) < 3, $A, nth($vals, 3));
|
||||
$D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) ));
|
||||
|
||||
@if $A == 0 { $A: 0 }
|
||||
@if $B == 0 { $B: 0 }
|
||||
@if $C == 0 { $C: 0 }
|
||||
@if $D == 0 { $D: 0 }
|
||||
|
||||
@if $A == $B and $A == $C and $A == $D { $output: $A }
|
||||
@else if $A == $C and $B == $D { $output: $A $B }
|
||||
@else if $B == $D { $output: $A $B $C }
|
||||
@else { $output: $A $B $C $D }
|
||||
|
||||
@return $output;
|
||||
}
|
||||
|
||||
@function contains-falsy($list) {
|
||||
@each $item in $list {
|
||||
@if not $item {
|
||||
@return true;
|
||||
}
|
||||
}
|
||||
|
||||
@return false;
|
||||
}
|
||||
|
||||
@mixin directional-property($pre, $suf, $vals) {
|
||||
// Property Names
|
||||
$top: $pre + "-top" + if($suf, "-#{$suf}", "");
|
||||
$bottom: $pre + "-bottom" + if($suf, "-#{$suf}", "");
|
||||
$left: $pre + "-left" + if($suf, "-#{$suf}", "");
|
||||
$right: $pre + "-right" + if($suf, "-#{$suf}", "");
|
||||
$all: $pre + if($suf, "-#{$suf}", "");
|
||||
|
||||
$vals: collapse-directionals($vals);
|
||||
|
||||
@if contains-falsy($vals) {
|
||||
@if nth($vals, 1) { #{$top}: nth($vals, 1); }
|
||||
|
||||
@if length($vals) == 1 {
|
||||
@if nth($vals, 1) { #{$right}: nth($vals, 1); }
|
||||
} @else {
|
||||
@if nth($vals, 2) { #{$right}: nth($vals, 2); }
|
||||
}
|
||||
|
||||
// prop: top/bottom right/left
|
||||
@if length($vals) == 2 {
|
||||
@if nth($vals, 1) { #{$bottom}: nth($vals, 1); }
|
||||
@if nth($vals, 2) { #{$left}: nth($vals, 2); }
|
||||
|
||||
// prop: top right/left bottom
|
||||
} @else if length($vals) == 3 {
|
||||
@if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
|
||||
@if nth($vals, 2) { #{$left}: nth($vals, 2); }
|
||||
|
||||
// prop: top right bottom left
|
||||
} @else if length($vals) == 4 {
|
||||
@if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
|
||||
@if nth($vals, 4) { #{$left}: nth($vals, 4); }
|
||||
}
|
||||
|
||||
// prop: top/right/bottom/left
|
||||
} @else {
|
||||
#{$all}: $vals;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin margin($vals...) {
|
||||
@include directional-property(margin, false, $vals...);
|
||||
}
|
||||
|
||||
@mixin padding($vals...) {
|
||||
@include directional-property(padding, false, $vals...);
|
||||
}
|
||||
|
||||
@mixin border-style($vals...) {
|
||||
@include directional-property(border, style, $vals...);
|
||||
}
|
||||
|
||||
@mixin border-color($vals...) {
|
||||
@include directional-property(border, color, $vals...);
|
||||
}
|
||||
|
||||
@mixin border-width($vals...) {
|
||||
@include directional-property(border, width, $vals...);
|
||||
}
|
||||
7
user/themes/mediator/scss/vendor/bourbon/addons/_ellipsis.scss
vendored
Normal file
7
user/themes/mediator/scss/vendor/bourbon/addons/_ellipsis.scss
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
@mixin ellipsis($width: 100%) {
|
||||
display: inline-block;
|
||||
max-width: $width;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
5
user/themes/mediator/scss/vendor/bourbon/addons/_font-family.scss
vendored
Normal file
5
user/themes/mediator/scss/vendor/bourbon/addons/_font-family.scss
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
|
||||
$helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
|
||||
$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
|
||||
$verdana: Verdana, Geneva, sans-serif;
|
||||
10
user/themes/mediator/scss/vendor/bourbon/addons/_hide-text.scss
vendored
Normal file
10
user/themes/mediator/scss/vendor/bourbon/addons/_hide-text.scss
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
@mixin hide-text {
|
||||
overflow: hidden;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
86
user/themes/mediator/scss/vendor/bourbon/addons/_html5-input-types.scss
vendored
Normal file
86
user/themes/mediator/scss/vendor/bourbon/addons/_html5-input-types.scss
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
//************************************************************************//
|
||||
// Generate a variable ($all-text-inputs) with a list of all html5
|
||||
// input types that have a text-based input, excluding textarea.
|
||||
// http://diveintohtml5.org/forms.html
|
||||
//************************************************************************//
|
||||
$inputs-list: 'input[type="email"]',
|
||||
'input[type="number"]',
|
||||
'input[type="password"]',
|
||||
'input[type="search"]',
|
||||
'input[type="tel"]',
|
||||
'input[type="text"]',
|
||||
'input[type="url"]',
|
||||
|
||||
// Webkit & Gecko may change the display of these in the future
|
||||
'input[type="color"]',
|
||||
'input[type="date"]',
|
||||
'input[type="datetime"]',
|
||||
'input[type="datetime-local"]',
|
||||
'input[type="month"]',
|
||||
'input[type="time"]',
|
||||
'input[type="week"]';
|
||||
|
||||
// Bare inputs
|
||||
//************************************************************************//
|
||||
$all-text-inputs: assign-inputs($inputs-list);
|
||||
|
||||
// Hover Pseudo-class
|
||||
//************************************************************************//
|
||||
$all-text-inputs-hover: assign-inputs($inputs-list, hover);
|
||||
|
||||
// Focus Pseudo-class
|
||||
//************************************************************************//
|
||||
$all-text-inputs-focus: assign-inputs($inputs-list, focus);
|
||||
|
||||
|
||||
|
||||
// You must use interpolation on the variable:
|
||||
// #{$all-text-inputs}
|
||||
// #{$all-text-inputs-hover}
|
||||
// #{$all-text-inputs-focus}
|
||||
|
||||
// Example
|
||||
//************************************************************************//
|
||||
// #{$all-text-inputs}, textarea {
|
||||
// border: 1px solid red;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
//************************************************************************//
|
||||
// Generate a variable ($all-button-inputs) with a list of all html5
|
||||
// input types that have a button-based input, excluding button.
|
||||
//************************************************************************//
|
||||
$inputs-button-list: 'input[type="button"]',
|
||||
'input[type="reset"]',
|
||||
'input[type="submit"]';
|
||||
|
||||
// Bare inputs
|
||||
//************************************************************************//
|
||||
$all-button-inputs: assign-inputs($inputs-button-list);
|
||||
|
||||
// Hover Pseudo-class
|
||||
//************************************************************************//
|
||||
$all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
|
||||
|
||||
// Focus Pseudo-class
|
||||
//************************************************************************//
|
||||
$all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
|
||||
|
||||
// Active Pseudo-class
|
||||
//************************************************************************//
|
||||
$all-button-inputs-active: assign-inputs($inputs-button-list, active);
|
||||
|
||||
|
||||
|
||||
// You must use interpolation on the variable:
|
||||
// #{$all-button-inputs}
|
||||
// #{$all-button-inputs-hover}
|
||||
// #{$all-button-inputs-focus}
|
||||
// #{$all-button-inputs-active}
|
||||
|
||||
// Example
|
||||
//************************************************************************//
|
||||
// #{$all-button-inputs}, button {
|
||||
// border: 1px solid red;
|
||||
// }
|
||||
32
user/themes/mediator/scss/vendor/bourbon/addons/_position.scss
vendored
Normal file
32
user/themes/mediator/scss/vendor/bourbon/addons/_position.scss
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
@mixin position ($position: relative, $coordinates: null null null null) {
|
||||
|
||||
@if type-of($position) == list {
|
||||
$coordinates: $position;
|
||||
$position: relative;
|
||||
}
|
||||
|
||||
$coordinates: unpack($coordinates);
|
||||
|
||||
$top: nth($coordinates, 1);
|
||||
$right: nth($coordinates, 2);
|
||||
$bottom: nth($coordinates, 3);
|
||||
$left: nth($coordinates, 4);
|
||||
|
||||
position: $position;
|
||||
|
||||
@if ($top and $top == auto) or (type-of($top) == number) {
|
||||
top: $top;
|
||||
}
|
||||
|
||||
@if ($right and $right == auto) or (type-of($right) == number) {
|
||||
right: $right;
|
||||
}
|
||||
|
||||
@if ($bottom and $bottom == auto) or (type-of($bottom) == number) {
|
||||
bottom: $bottom;
|
||||
}
|
||||
|
||||
@if ($left and $left == auto) or (type-of($left) == number) {
|
||||
left: $left;
|
||||
}
|
||||
}
|
||||
45
user/themes/mediator/scss/vendor/bourbon/addons/_prefixer.scss
vendored
Normal file
45
user/themes/mediator/scss/vendor/bourbon/addons/_prefixer.scss
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
//************************************************************************//
|
||||
// Example: @include prefixer(border-radius, $radii, webkit ms spec);
|
||||
//************************************************************************//
|
||||
// Variables located in /settings/_prefixer.scss
|
||||
|
||||
@mixin prefixer ($property, $value, $prefixes) {
|
||||
@each $prefix in $prefixes {
|
||||
@if $prefix == webkit {
|
||||
@if $prefix-for-webkit {
|
||||
-webkit-#{$property}: $value;
|
||||
}
|
||||
}
|
||||
@else if $prefix == moz {
|
||||
@if $prefix-for-mozilla {
|
||||
-moz-#{$property}: $value;
|
||||
}
|
||||
}
|
||||
@else if $prefix == ms {
|
||||
@if $prefix-for-microsoft {
|
||||
-ms-#{$property}: $value;
|
||||
}
|
||||
}
|
||||
@else if $prefix == o {
|
||||
@if $prefix-for-opera {
|
||||
-o-#{$property}: $value;
|
||||
}
|
||||
}
|
||||
@else if $prefix == spec {
|
||||
@if $prefix-for-spec {
|
||||
#{$property}: $value;
|
||||
}
|
||||
}
|
||||
@else {
|
||||
@warn "Unrecognized prefix: #{$prefix}";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin disable-prefix-for-all() {
|
||||
$prefix-for-webkit: false !global;
|
||||
$prefix-for-mozilla: false !global;
|
||||
$prefix-for-microsoft: false !global;
|
||||
$prefix-for-opera: false !global;
|
||||
$prefix-for-spec: false !global;
|
||||
}
|
||||
33
user/themes/mediator/scss/vendor/bourbon/addons/_rem.scss
vendored
Normal file
33
user/themes/mediator/scss/vendor/bourbon/addons/_rem.scss
vendored
Normal file
@@ -0,0 +1,33 @@
|
||||
@mixin rem($property, $size, $base: $em-base) {
|
||||
@if not unitless($base) {
|
||||
$base: strip-units($base);
|
||||
}
|
||||
|
||||
$unitless_values: ();
|
||||
@each $num in $size {
|
||||
@if not unitless($num) {
|
||||
@if unit($num) == "em" {
|
||||
$num: $num * $base;
|
||||
}
|
||||
|
||||
$num: strip-units($num);
|
||||
}
|
||||
|
||||
$unitless_values: append($unitless_values, $num);
|
||||
}
|
||||
$size: $unitless_values;
|
||||
|
||||
$pixel_values: ();
|
||||
$rem_values: ();
|
||||
@each $value in $pxval {
|
||||
$pixel_value: $value * 1px;
|
||||
$pixel_values: append($pixel_values, $pixel_value);
|
||||
|
||||
$rem_value: ($value / $base) * 1rem;
|
||||
$rem_values: append($rem_values, $rem_value);
|
||||
}
|
||||
|
||||
#{$property}: $pixel_values;
|
||||
#{$property}: $rem_values;
|
||||
}
|
||||
|
||||
31
user/themes/mediator/scss/vendor/bourbon/addons/_retina-image.scss
vendored
Normal file
31
user/themes/mediator/scss/vendor/bourbon/addons/_retina-image.scss
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: false) {
|
||||
@if $asset-pipeline {
|
||||
background-image: image-url("#{$filename}.#{$extension}");
|
||||
}
|
||||
@else {
|
||||
background-image: url("#{$filename}.#{$extension}");
|
||||
}
|
||||
|
||||
@include hidpi {
|
||||
@if $asset-pipeline {
|
||||
@if $retina-filename {
|
||||
background-image: image-url("#{$retina-filename}.#{$extension}");
|
||||
}
|
||||
@else {
|
||||
background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}");
|
||||
}
|
||||
}
|
||||
|
||||
@else {
|
||||
@if $retina-filename {
|
||||
background-image: url("#{$retina-filename}.#{$extension}");
|
||||
}
|
||||
@else {
|
||||
background-image: url("#{$filename}#{$retina-suffix}.#{$extension}");
|
||||
}
|
||||
}
|
||||
|
||||
background-size: $background-size;
|
||||
|
||||
}
|
||||
}
|
||||
16
user/themes/mediator/scss/vendor/bourbon/addons/_size.scss
vendored
Normal file
16
user/themes/mediator/scss/vendor/bourbon/addons/_size.scss
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
@mixin size($size) {
|
||||
$height: nth($size, 1);
|
||||
$width: $height;
|
||||
|
||||
@if length($size) > 1 {
|
||||
$height: nth($size, 2);
|
||||
}
|
||||
|
||||
@if $height == auto or (type-of($height) == number and not unitless($height)) {
|
||||
height: $height;
|
||||
}
|
||||
|
||||
@if $width == auto or (type-of($height) == number and not unitless($width)) {
|
||||
width: $width;
|
||||
}
|
||||
}
|
||||
32
user/themes/mediator/scss/vendor/bourbon/addons/_timing-functions.scss
vendored
Normal file
32
user/themes/mediator/scss/vendor/bourbon/addons/_timing-functions.scss
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
|
||||
// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
|
||||
|
||||
// EASE IN
|
||||
$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
|
||||
$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
||||
$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
|
||||
$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
||||
$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
|
||||
$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
|
||||
$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
|
||||
$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
|
||||
|
||||
// EASE OUT
|
||||
$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
|
||||
$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
|
||||
$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
|
||||
$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
|
||||
$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
|
||||
$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
|
||||
$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
|
||||
|
||||
// EASE IN OUT
|
||||
$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
|
||||
$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
|
||||
$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
|
||||
$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
|
||||
$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
|
||||
$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
|
||||
$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
|
||||
83
user/themes/mediator/scss/vendor/bourbon/addons/_triangle.scss
vendored
Normal file
83
user/themes/mediator/scss/vendor/bourbon/addons/_triangle.scss
vendored
Normal file
@@ -0,0 +1,83 @@
|
||||
@mixin triangle ($size, $color, $direction) {
|
||||
height: 0;
|
||||
width: 0;
|
||||
|
||||
$width: nth($size, 1);
|
||||
$height: nth($size, length($size));
|
||||
|
||||
$foreground-color: nth($color, 1);
|
||||
$background-color: if(length($color) == 2, nth($color, 2), transparent);
|
||||
|
||||
@if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) {
|
||||
|
||||
$width: $width / 2;
|
||||
$height: if(length($size) > 1, $height, $height/2);
|
||||
|
||||
@if $direction == up {
|
||||
border-left: $width solid $background-color;
|
||||
border-right: $width solid $background-color;
|
||||
border-bottom: $height solid $foreground-color;
|
||||
|
||||
} @else if $direction == right {
|
||||
border-top: $width solid $background-color;
|
||||
border-bottom: $width solid $background-color;
|
||||
border-left: $height solid $foreground-color;
|
||||
|
||||
} @else if $direction == down {
|
||||
border-left: $width solid $background-color;
|
||||
border-right: $width solid $background-color;
|
||||
border-top: $height solid $foreground-color;
|
||||
|
||||
} @else if $direction == left {
|
||||
border-top: $width solid $background-color;
|
||||
border-bottom: $width solid $background-color;
|
||||
border-right: $height solid $foreground-color;
|
||||
}
|
||||
}
|
||||
|
||||
@else if ($direction == up-right) or ($direction == up-left) {
|
||||
border-top: $height solid $foreground-color;
|
||||
|
||||
@if $direction == up-right {
|
||||
border-left: $width solid $background-color;
|
||||
|
||||
} @else if $direction == up-left {
|
||||
border-right: $width solid $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
@else if ($direction == down-right) or ($direction == down-left) {
|
||||
border-bottom: $height solid $foreground-color;
|
||||
|
||||
@if $direction == down-right {
|
||||
border-left: $width solid $background-color;
|
||||
|
||||
} @else if $direction == down-left {
|
||||
border-right: $width solid $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
@else if ($direction == inset-up) {
|
||||
border-width: $height $width;
|
||||
border-style: solid;
|
||||
border-color: $background-color $background-color $foreground-color;
|
||||
}
|
||||
|
||||
@else if ($direction == inset-down) {
|
||||
border-width: $height $width;
|
||||
border-style: solid;
|
||||
border-color: $foreground-color $background-color $background-color;
|
||||
}
|
||||
|
||||
@else if ($direction == inset-right) {
|
||||
border-width: $width $height;
|
||||
border-style: solid;
|
||||
border-color: $background-color $background-color $background-color $foreground-color;
|
||||
}
|
||||
|
||||
@else if ($direction == inset-left) {
|
||||
border-width: $width $height;
|
||||
border-style: solid;
|
||||
border-color: $background-color $foreground-color $background-color $background-color;
|
||||
}
|
||||
}
|
||||
8
user/themes/mediator/scss/vendor/bourbon/addons/_word-wrap.scss
vendored
Normal file
8
user/themes/mediator/scss/vendor/bourbon/addons/_word-wrap.scss
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
@mixin word-wrap($wrap: break-word) {
|
||||
word-wrap: $wrap;
|
||||
|
||||
@if $wrap == break-word {
|
||||
overflow-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
52
user/themes/mediator/scss/vendor/bourbon/css3/_animation.scss
vendored
Normal file
52
user/themes/mediator/scss/vendor/bourbon/css3/_animation.scss
vendored
Normal file
@@ -0,0 +1,52 @@
|
||||
// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
|
||||
// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
|
||||
|
||||
// Official animation shorthand property.
|
||||
@mixin animation ($animations...) {
|
||||
@include prefixer(animation, $animations, webkit moz spec);
|
||||
}
|
||||
|
||||
// Individual Animation Properties
|
||||
@mixin animation-name ($names...) {
|
||||
@include prefixer(animation-name, $names, webkit moz spec);
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-duration ($times...) {
|
||||
@include prefixer(animation-duration, $times, webkit moz spec);
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-timing-function ($motions...) {
|
||||
// ease | linear | ease-in | ease-out | ease-in-out
|
||||
@include prefixer(animation-timing-function, $motions, webkit moz spec);
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-iteration-count ($values...) {
|
||||
// infinite | <number>
|
||||
@include prefixer(animation-iteration-count, $values, webkit moz spec);
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-direction ($directions...) {
|
||||
// normal | alternate
|
||||
@include prefixer(animation-direction, $directions, webkit moz spec);
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-play-state ($states...) {
|
||||
// running | paused
|
||||
@include prefixer(animation-play-state, $states, webkit moz spec);
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-delay ($times...) {
|
||||
@include prefixer(animation-delay, $times, webkit moz spec);
|
||||
}
|
||||
|
||||
|
||||
@mixin animation-fill-mode ($modes...) {
|
||||
// none | forwards | backwards | both
|
||||
@include prefixer(animation-fill-mode, $modes, webkit moz spec);
|
||||
}
|
||||
3
user/themes/mediator/scss/vendor/bourbon/css3/_appearance.scss
vendored
Normal file
3
user/themes/mediator/scss/vendor/bourbon/css3/_appearance.scss
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
@mixin appearance ($value) {
|
||||
@include prefixer(appearance, $value, webkit moz ms o spec);
|
||||
}
|
||||
6
user/themes/mediator/scss/vendor/bourbon/css3/_backface-visibility.scss
vendored
Normal file
6
user/themes/mediator/scss/vendor/bourbon/css3/_backface-visibility.scss
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
//************************************************************************//
|
||||
// Backface-visibility mixin
|
||||
//************************************************************************//
|
||||
@mixin backface-visibility($visibility) {
|
||||
@include prefixer(backface-visibility, $visibility, webkit spec);
|
||||
}
|
||||
42
user/themes/mediator/scss/vendor/bourbon/css3/_background-image.scss
vendored
Normal file
42
user/themes/mediator/scss/vendor/bourbon/css3/_background-image.scss
vendored
Normal file
@@ -0,0 +1,42 @@
|
||||
//************************************************************************//
|
||||
// Background-image property for adding multiple background images with
|
||||
// gradients, or for stringing multiple gradients together.
|
||||
//************************************************************************//
|
||||
|
||||
@mixin background-image($images...) {
|
||||
$webkit-images: ();
|
||||
$spec-images: ();
|
||||
|
||||
@each $image in $images {
|
||||
$webkit-image: ();
|
||||
$spec-image: ();
|
||||
|
||||
@if (type-of($image) == string) {
|
||||
$url-str: str-slice($image, 0, 3);
|
||||
$gradient-type: str-slice($image, 0, 6);
|
||||
|
||||
@if $url-str == "url" {
|
||||
$webkit-image: $image;
|
||||
$spec-image: $image;
|
||||
}
|
||||
|
||||
@else if $gradient-type == "linear" {
|
||||
$gradients: _linear-gradient-parser($image);
|
||||
$webkit-image: map-get($gradients, webkit-image);
|
||||
$spec-image: map-get($gradients, spec-image);
|
||||
}
|
||||
|
||||
@else if $gradient-type == "radial" {
|
||||
$gradients: _radial-gradient-parser($image);
|
||||
$webkit-image: map-get($gradients, webkit-image);
|
||||
$spec-image: map-get($gradients, spec-image);
|
||||
}
|
||||
}
|
||||
|
||||
$webkit-images: append($webkit-images, $webkit-image, comma);
|
||||
$spec-images: append($spec-images, $spec-image, comma);
|
||||
}
|
||||
|
||||
background-image: $webkit-images;
|
||||
background-image: $spec-images;
|
||||
}
|
||||
55
user/themes/mediator/scss/vendor/bourbon/css3/_background.scss
vendored
Normal file
55
user/themes/mediator/scss/vendor/bourbon/css3/_background.scss
vendored
Normal file
@@ -0,0 +1,55 @@
|
||||
//************************************************************************//
|
||||
// Background property for adding multiple backgrounds using shorthand
|
||||
// notation.
|
||||
//************************************************************************//
|
||||
|
||||
@mixin background($backgrounds...) {
|
||||
$webkit-backgrounds: ();
|
||||
$spec-backgrounds: ();
|
||||
|
||||
@each $background in $backgrounds {
|
||||
$webkit-background: ();
|
||||
$spec-background: ();
|
||||
$background-type: type-of($background);
|
||||
|
||||
@if $background-type == string or list {
|
||||
$background-str: if($background-type == list, nth($background, 1), $background);
|
||||
|
||||
$url-str: str-slice($background-str, 0, 3);
|
||||
$gradient-type: str-slice($background-str, 0, 6);
|
||||
|
||||
@if $url-str == "url" {
|
||||
$webkit-background: $background;
|
||||
$spec-background: $background;
|
||||
}
|
||||
|
||||
@else if $gradient-type == "linear" {
|
||||
$gradients: _linear-gradient-parser("#{$background}");
|
||||
$webkit-background: map-get($gradients, webkit-image);
|
||||
$spec-background: map-get($gradients, spec-image);
|
||||
}
|
||||
|
||||
@else if $gradient-type == "radial" {
|
||||
$gradients: _radial-gradient-parser("#{$background}");
|
||||
$webkit-background: map-get($gradients, webkit-image);
|
||||
$spec-background: map-get($gradients, spec-image);
|
||||
}
|
||||
|
||||
@else {
|
||||
$webkit-background: $background;
|
||||
$spec-background: $background;
|
||||
}
|
||||
}
|
||||
|
||||
@else {
|
||||
$webkit-background: $background;
|
||||
$spec-background: $background;
|
||||
}
|
||||
|
||||
$webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);
|
||||
$spec-backgrounds: append($spec-backgrounds, $spec-background, comma);
|
||||
}
|
||||
|
||||
background: $webkit-backgrounds;
|
||||
background: $spec-backgrounds;
|
||||
}
|
||||
59
user/themes/mediator/scss/vendor/bourbon/css3/_border-image.scss
vendored
Normal file
59
user/themes/mediator/scss/vendor/bourbon/css3/_border-image.scss
vendored
Normal file
@@ -0,0 +1,59 @@
|
||||
@mixin border-image($borders...) {
|
||||
$webkit-borders: ();
|
||||
$spec-borders: ();
|
||||
|
||||
@each $border in $borders {
|
||||
$webkit-border: ();
|
||||
$spec-border: ();
|
||||
$border-type: type-of($border);
|
||||
|
||||
@if $border-type == string or list {
|
||||
$border-str: if($border-type == list, nth($border, 1), $border);
|
||||
|
||||
$url-str: str-slice($border-str, 0, 3);
|
||||
$gradient-type: str-slice($border-str, 0, 6);
|
||||
|
||||
@if $url-str == "url" {
|
||||
$webkit-border: $border;
|
||||
$spec-border: $border;
|
||||
}
|
||||
|
||||
@else if $gradient-type == "linear" {
|
||||
$gradients: _linear-gradient-parser("#{$border}");
|
||||
$webkit-border: map-get($gradients, webkit-image);
|
||||
$spec-border: map-get($gradients, spec-image);
|
||||
}
|
||||
|
||||
@else if $gradient-type == "radial" {
|
||||
$gradients: _radial-gradient-parser("#{$border}");
|
||||
$webkit-border: map-get($gradients, webkit-image);
|
||||
$spec-border: map-get($gradients, spec-image);
|
||||
}
|
||||
|
||||
@else {
|
||||
$webkit-border: $border;
|
||||
$spec-border: $border;
|
||||
}
|
||||
}
|
||||
|
||||
@else {
|
||||
$webkit-border: $border;
|
||||
$spec-border: $border;
|
||||
}
|
||||
|
||||
$webkit-borders: append($webkit-borders, $webkit-border, comma);
|
||||
$spec-borders: append($spec-borders, $spec-border, comma);
|
||||
}
|
||||
|
||||
-webkit-border-image: $webkit-borders;
|
||||
border-image: $spec-borders;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
//Examples:
|
||||
// @include border-image(url("image.png"));
|
||||
// @include border-image(url("image.png") 20 stretch);
|
||||
// @include border-image(linear-gradient(45deg, orange, yellow));
|
||||
// @include border-image(linear-gradient(45deg, orange, yellow) stretch);
|
||||
// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
|
||||
// @include border-image(radial-gradient(top, cover, orange, yellow, orange));
|
||||
22
user/themes/mediator/scss/vendor/bourbon/css3/_border-radius.scss
vendored
Normal file
22
user/themes/mediator/scss/vendor/bourbon/css3/_border-radius.scss
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
//************************************************************************//
|
||||
// Shorthand Border-radius mixins
|
||||
//************************************************************************//
|
||||
@mixin border-top-radius($radii) {
|
||||
@include prefixer(border-top-left-radius, $radii, spec);
|
||||
@include prefixer(border-top-right-radius, $radii, spec);
|
||||
}
|
||||
|
||||
@mixin border-bottom-radius($radii) {
|
||||
@include prefixer(border-bottom-left-radius, $radii, spec);
|
||||
@include prefixer(border-bottom-right-radius, $radii, spec);
|
||||
}
|
||||
|
||||
@mixin border-left-radius($radii) {
|
||||
@include prefixer(border-top-left-radius, $radii, spec);
|
||||
@include prefixer(border-bottom-left-radius, $radii, spec);
|
||||
}
|
||||
|
||||
@mixin border-right-radius($radii) {
|
||||
@include prefixer(border-top-right-radius, $radii, spec);
|
||||
@include prefixer(border-bottom-right-radius, $radii, spec);
|
||||
}
|
||||
4
user/themes/mediator/scss/vendor/bourbon/css3/_box-sizing.scss
vendored
Normal file
4
user/themes/mediator/scss/vendor/bourbon/css3/_box-sizing.scss
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
@mixin box-sizing ($box) {
|
||||
// content-box | border-box | inherit
|
||||
@include prefixer(box-sizing, $box, webkit moz spec);
|
||||
}
|
||||
4
user/themes/mediator/scss/vendor/bourbon/css3/_calc.scss
vendored
Normal file
4
user/themes/mediator/scss/vendor/bourbon/css3/_calc.scss
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
@mixin calc($property, $value) {
|
||||
#{$property}: -webkit-calc(#{$value});
|
||||
#{$property}: calc(#{$value});
|
||||
}
|
||||
47
user/themes/mediator/scss/vendor/bourbon/css3/_columns.scss
vendored
Normal file
47
user/themes/mediator/scss/vendor/bourbon/css3/_columns.scss
vendored
Normal file
@@ -0,0 +1,47 @@
|
||||
@mixin columns($arg: auto) {
|
||||
// <column-count> || <column-width>
|
||||
@include prefixer(columns, $arg, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-count($int: auto) {
|
||||
// auto || integer
|
||||
@include prefixer(column-count, $int, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-gap($length: normal) {
|
||||
// normal || length
|
||||
@include prefixer(column-gap, $length, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-fill($arg: auto) {
|
||||
// auto || length
|
||||
@include prefixer(column-fill, $arg, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-rule($arg) {
|
||||
// <border-width> || <border-style> || <color>
|
||||
@include prefixer(column-rule, $arg, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-rule-color($color) {
|
||||
@include prefixer(column-rule-color, $color, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-rule-style($style: none) {
|
||||
// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
|
||||
@include prefixer(column-rule-style, $style, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-rule-width ($width: none) {
|
||||
@include prefixer(column-rule-width, $width, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-span($arg: none) {
|
||||
// none || all
|
||||
@include prefixer(column-span, $arg, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin column-width($length: auto) {
|
||||
// auto || length
|
||||
@include prefixer(column-width, $length, webkit moz spec);
|
||||
}
|
||||
5
user/themes/mediator/scss/vendor/bourbon/css3/_filter.scss
vendored
Normal file
5
user/themes/mediator/scss/vendor/bourbon/css3/_filter.scss
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
@mixin filter($function: none) {
|
||||
// <filter-function> [<filter-function]* | none
|
||||
@include prefixer(filter, $function, webkit spec);
|
||||
}
|
||||
|
||||
321
user/themes/mediator/scss/vendor/bourbon/css3/_flex-box.scss
vendored
Normal file
321
user/themes/mediator/scss/vendor/bourbon/css3/_flex-box.scss
vendored
Normal file
@@ -0,0 +1,321 @@
|
||||
// CSS3 Flexible Box Model and property defaults
|
||||
|
||||
// Custom shorthand notation for flexbox
|
||||
@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
|
||||
@include display-box;
|
||||
@include box-orient($orient);
|
||||
@include box-pack($pack);
|
||||
@include box-align($align);
|
||||
}
|
||||
|
||||
@mixin display-box {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox; // IE 10
|
||||
display: box;
|
||||
}
|
||||
|
||||
@mixin box-orient($orient: inline-axis) {
|
||||
// horizontal|vertical|inline-axis|block-axis|inherit
|
||||
@include prefixer(box-orient, $orient, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin box-pack($pack: start) {
|
||||
// start|end|center|justify
|
||||
@include prefixer(box-pack, $pack, webkit moz spec);
|
||||
-ms-flex-pack: $pack; // IE 10
|
||||
}
|
||||
|
||||
@mixin box-align($align: stretch) {
|
||||
// start|end|center|baseline|stretch
|
||||
@include prefixer(box-align, $align, webkit moz spec);
|
||||
-ms-flex-align: $align; // IE 10
|
||||
}
|
||||
|
||||
@mixin box-direction($direction: normal) {
|
||||
// normal|reverse|inherit
|
||||
@include prefixer(box-direction, $direction, webkit moz spec);
|
||||
-ms-flex-direction: $direction; // IE 10
|
||||
}
|
||||
|
||||
@mixin box-lines($lines: single) {
|
||||
// single|multiple
|
||||
@include prefixer(box-lines, $lines, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin box-ordinal-group($int: 1) {
|
||||
@include prefixer(box-ordinal-group, $int, webkit moz spec);
|
||||
-ms-flex-order: $int; // IE 10
|
||||
}
|
||||
|
||||
@mixin box-flex($value: 0.0) {
|
||||
@include prefixer(box-flex, $value, webkit moz spec);
|
||||
-ms-flex: $value; // IE 10
|
||||
}
|
||||
|
||||
@mixin box-flex-group($int: 1) {
|
||||
@include prefixer(box-flex-group, $int, webkit moz spec);
|
||||
}
|
||||
|
||||
// CSS3 Flexible Box Model and property defaults
|
||||
// Unified attributes for 2009, 2011, and 2012 flavours.
|
||||
|
||||
// 2009 - display (box | inline-box)
|
||||
// 2011 - display (flexbox | inline-flexbox)
|
||||
// 2012 - display (flex | inline-flex)
|
||||
@mixin display($value) {
|
||||
// flex | inline-flex
|
||||
@if $value == "flex" {
|
||||
// 2009
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: box;
|
||||
|
||||
// 2012
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
display: -ms-flexbox; // 2011 (IE 10)
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@elseif $value == "inline-flex" {
|
||||
display: -webkit-inline-box;
|
||||
display: -moz-inline-box;
|
||||
display: inline-box;
|
||||
|
||||
display: -webkit-inline-flex;
|
||||
display: -moz-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
@else {
|
||||
display: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// 2009 - box-flex (integer)
|
||||
// 2011 - flex (decimal | width decimal)
|
||||
// 2012 - flex (integer integer width)
|
||||
@mixin flex($value) {
|
||||
|
||||
// Grab flex-grow for older browsers.
|
||||
$flex-grow: nth($value, 1);
|
||||
|
||||
// 2009
|
||||
@include prefixer(box-flex, $flex-grow, webkit moz spec);
|
||||
|
||||
// 2011 (IE 10), 2012
|
||||
@include prefixer(flex, $value, webkit moz ms spec);
|
||||
}
|
||||
|
||||
// 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis)
|
||||
// - box-direction (normal | reverse)
|
||||
// 2011 - flex-direction (row | row-reverse | column | column-reverse)
|
||||
// 2012 - flex-direction (row | row-reverse | column | column-reverse)
|
||||
@mixin flex-direction($value: row) {
|
||||
|
||||
// Alt values.
|
||||
$value-2009: $value;
|
||||
$value-2011: $value;
|
||||
$direction: "normal";
|
||||
|
||||
@if $value == row {
|
||||
$value-2009: horizontal;
|
||||
}
|
||||
|
||||
@elseif $value == "row-reverse" {
|
||||
$value-2009: horizontal;
|
||||
$direction: reverse;
|
||||
}
|
||||
|
||||
@elseif $value == column {
|
||||
$value-2009: vertical;
|
||||
}
|
||||
|
||||
@elseif $value == "column-reverse" {
|
||||
$value-2009: vertical;
|
||||
$direction: reverse;
|
||||
}
|
||||
|
||||
// 2009
|
||||
@include prefixer(box-orient, $value-2009, webkit moz spec);
|
||||
@if $direction == "reverse" {
|
||||
@include prefixer(box-direction, $direction, webkit moz spec);
|
||||
}
|
||||
|
||||
// 2012
|
||||
@include prefixer(flex-direction, $value, webkit moz spec);
|
||||
|
||||
// 2011 (IE 10)
|
||||
-ms-flex-direction: $value;
|
||||
}
|
||||
|
||||
// 2009 - box-lines (single | multiple)
|
||||
// 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
|
||||
// 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
|
||||
@mixin flex-wrap($value: nowrap) {
|
||||
|
||||
// Alt values.
|
||||
$alt-value: $value;
|
||||
@if $value == nowrap {
|
||||
$alt-value: single;
|
||||
}
|
||||
|
||||
@elseif $value == wrap {
|
||||
$alt-value: multiple;
|
||||
}
|
||||
|
||||
@elseif $value == "wrap-reverse" {
|
||||
$alt-value: multiple;
|
||||
}
|
||||
|
||||
@include prefixer(box-lines, $alt-value, webkit moz spec);
|
||||
@include prefixer(flex-wrap, $value, webkit moz ms spec);
|
||||
}
|
||||
|
||||
// 2009 - TODO: parse values into flex-direction/flex-wrap
|
||||
// 2011 - TODO: parse values into flex-direction/flex-wrap
|
||||
// 2012 - flex-flow (flex-direction || flex-wrap)
|
||||
@mixin flex-flow($value) {
|
||||
@include prefixer(flex-flow, $value, webkit moz spec);
|
||||
}
|
||||
|
||||
// 2009 - box-ordinal-group (integer)
|
||||
// 2011 - flex-order (integer)
|
||||
// 2012 - order (integer)
|
||||
@mixin order($int: 0) {
|
||||
// 2009
|
||||
@include prefixer(box-ordinal-group, $int, webkit moz spec);
|
||||
|
||||
// 2012
|
||||
@include prefixer(order, $int, webkit moz spec);
|
||||
|
||||
// 2011 (IE 10)
|
||||
-ms-flex-order: $int;
|
||||
}
|
||||
|
||||
// 2012 - flex-grow (number)
|
||||
@mixin flex-grow($number: 0) {
|
||||
@include prefixer(flex-grow, $number, webkit moz spec);
|
||||
-ms-flex-positive: $number;
|
||||
}
|
||||
|
||||
// 2012 - flex-shrink (number)
|
||||
@mixin flex-shrink($number: 1) {
|
||||
@include prefixer(flex-shrink, $number, webkit moz spec);
|
||||
-ms-flex-negative: $number;
|
||||
}
|
||||
|
||||
// 2012 - flex-basis (number)
|
||||
@mixin flex-basis($width: auto) {
|
||||
@include prefixer(flex-basis, $width, webkit moz spec);
|
||||
-ms-flex-preferred-size: $width;
|
||||
}
|
||||
|
||||
// 2009 - box-pack (start | end | center | justify)
|
||||
// 2011 - flex-pack (start | end | center | justify)
|
||||
// 2012 - justify-content (flex-start | flex-end | center | space-between | space-around)
|
||||
@mixin justify-content ($value: flex-start) {
|
||||
|
||||
// Alt values.
|
||||
$alt-value: $value;
|
||||
@if $value == "flex-start" {
|
||||
$alt-value: start;
|
||||
}
|
||||
|
||||
@elseif $value == "flex-end" {
|
||||
$alt-value: end;
|
||||
}
|
||||
|
||||
@elseif $value == "space-between" {
|
||||
$alt-value: justify;
|
||||
}
|
||||
|
||||
@elseif $value == "space-around" {
|
||||
$alt-value: center;
|
||||
}
|
||||
|
||||
// 2009
|
||||
@include prefixer(box-pack, $alt-value, webkit moz spec);
|
||||
|
||||
// 2012
|
||||
@include prefixer(justify-content, $value, webkit moz ms o spec);
|
||||
|
||||
// 2011 (IE 10)
|
||||
-ms-flex-pack: $alt-value;
|
||||
}
|
||||
|
||||
// 2009 - box-align (start | end | center | baseline | stretch)
|
||||
// 2011 - flex-align (start | end | center | baseline | stretch)
|
||||
// 2012 - align-items (flex-start | flex-end | center | baseline | stretch)
|
||||
@mixin align-items($value: stretch) {
|
||||
|
||||
$alt-value: $value;
|
||||
|
||||
@if $value == "flex-start" {
|
||||
$alt-value: start;
|
||||
}
|
||||
|
||||
@elseif $value == "flex-end" {
|
||||
$alt-value: end;
|
||||
}
|
||||
|
||||
// 2009
|
||||
@include prefixer(box-align, $alt-value, webkit moz spec);
|
||||
|
||||
// 2012
|
||||
@include prefixer(align-items, $value, webkit moz ms o spec);
|
||||
|
||||
// 2011 (IE 10)
|
||||
-ms-flex-align: $alt-value;
|
||||
}
|
||||
|
||||
// 2011 - flex-item-align (auto | start | end | center | baseline | stretch)
|
||||
// 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch)
|
||||
@mixin align-self($value: auto) {
|
||||
|
||||
$value-2011: $value;
|
||||
@if $value == "flex-start" {
|
||||
$value-2011: start;
|
||||
}
|
||||
|
||||
@elseif $value == "flex-end" {
|
||||
$value-2011: end;
|
||||
}
|
||||
|
||||
// 2012
|
||||
@include prefixer(align-self, $value, webkit moz spec);
|
||||
|
||||
// 2011 (IE 10)
|
||||
-ms-flex-item-align: $value-2011;
|
||||
}
|
||||
|
||||
// 2011 - flex-line-pack (start | end | center | justify | distribute | stretch)
|
||||
// 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch)
|
||||
@mixin align-content($value: stretch) {
|
||||
|
||||
$value-2011: $value;
|
||||
@if $value == "flex-start" {
|
||||
$value-2011: start;
|
||||
}
|
||||
|
||||
@elseif $value == "flex-end" {
|
||||
$value-2011: end;
|
||||
}
|
||||
|
||||
@elseif $value == "space-between" {
|
||||
$value-2011: justify;
|
||||
}
|
||||
|
||||
@elseif $value == "space-around" {
|
||||
$value-2011: distribute;
|
||||
}
|
||||
|
||||
// 2012
|
||||
@include prefixer(align-content, $value, webkit moz spec);
|
||||
|
||||
// 2011 (IE 10)
|
||||
-ms-flex-line-pack: $value-2011;
|
||||
}
|
||||
|
||||
23
user/themes/mediator/scss/vendor/bourbon/css3/_font-face.scss
vendored
Normal file
23
user/themes/mediator/scss/vendor/bourbon/css3/_font-face.scss
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
|
||||
|
||||
@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {
|
||||
@font-face {
|
||||
font-family: $font-family;
|
||||
font-weight: $weight;
|
||||
font-style: $style;
|
||||
|
||||
@if $asset-pipeline == true {
|
||||
src: font-url('#{$file-path}.eot');
|
||||
src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
|
||||
font-url('#{$file-path}.woff') format('woff'),
|
||||
font-url('#{$file-path}.ttf') format('truetype'),
|
||||
font-url('#{$file-path}.svg##{$font-family}') format('svg');
|
||||
} @else {
|
||||
src: url('#{$file-path}.eot');
|
||||
src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
|
||||
url('#{$file-path}.woff') format('woff'),
|
||||
url('#{$file-path}.ttf') format('truetype'),
|
||||
url('#{$file-path}.svg##{$font-family}') format('svg');
|
||||
}
|
||||
}
|
||||
}
|
||||
10
user/themes/mediator/scss/vendor/bourbon/css3/_font-feature-settings.scss
vendored
Normal file
10
user/themes/mediator/scss/vendor/bourbon/css3/_font-feature-settings.scss
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
// Font feature settings mixin and property default.
|
||||
// Examples: @include font-feature-settings("liga");
|
||||
// @include font-feature-settings("lnum" false);
|
||||
// @include font-feature-settings("pnum" 1, "kern" 0);
|
||||
// @include font-feature-settings("ss01", "ss02");
|
||||
|
||||
@mixin font-feature-settings($settings...) {
|
||||
@if length($settings) == 0 { $settings: none; }
|
||||
@include prefixer(font-feature-settings, $settings, webkit moz ms spec);
|
||||
}
|
||||
10
user/themes/mediator/scss/vendor/bourbon/css3/_hidpi-media-query.scss
vendored
Normal file
10
user/themes/mediator/scss/vendor/bourbon/css3/_hidpi-media-query.scss
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
|
||||
@mixin hidpi($ratio: 1.3) {
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: $ratio),
|
||||
only screen and (min--moz-device-pixel-ratio: $ratio),
|
||||
only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
|
||||
only screen and (min-resolution: #{round($ratio*96)}dpi),
|
||||
only screen and (min-resolution: #{$ratio}dppx) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
4
user/themes/mediator/scss/vendor/bourbon/css3/_hyphens.scss
vendored
Normal file
4
user/themes/mediator/scss/vendor/bourbon/css3/_hyphens.scss
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
@mixin hyphens($hyphenation: none) {
|
||||
// none | manual | auto
|
||||
@include prefixer(hyphens, $hyphenation, webkit moz ms spec);
|
||||
}
|
||||
14
user/themes/mediator/scss/vendor/bourbon/css3/_image-rendering.scss
vendored
Normal file
14
user/themes/mediator/scss/vendor/bourbon/css3/_image-rendering.scss
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
@mixin image-rendering ($mode:auto) {
|
||||
|
||||
@if ($mode == crisp-edges) {
|
||||
-ms-interpolation-mode: nearest-neighbor; // IE8+
|
||||
image-rendering: -moz-crisp-edges;
|
||||
image-rendering: -o-crisp-edges;
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
image-rendering: crisp-edges;
|
||||
}
|
||||
|
||||
@else {
|
||||
image-rendering: $mode;
|
||||
}
|
||||
}
|
||||
35
user/themes/mediator/scss/vendor/bourbon/css3/_keyframes.scss
vendored
Normal file
35
user/themes/mediator/scss/vendor/bourbon/css3/_keyframes.scss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
// Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
|
||||
@mixin keyframes($name) {
|
||||
$original-prefix-for-webkit: $prefix-for-webkit;
|
||||
$original-prefix-for-mozilla: $prefix-for-mozilla;
|
||||
$original-prefix-for-microsoft: $prefix-for-microsoft;
|
||||
$original-prefix-for-opera: $prefix-for-opera;
|
||||
$original-prefix-for-spec: $prefix-for-spec;
|
||||
|
||||
@if $original-prefix-for-webkit {
|
||||
@include disable-prefix-for-all();
|
||||
$prefix-for-webkit: true !global;
|
||||
@-webkit-keyframes #{$name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@if $original-prefix-for-mozilla {
|
||||
@include disable-prefix-for-all();
|
||||
$prefix-for-mozilla: true !global;
|
||||
@-moz-keyframes #{$name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
$prefix-for-webkit: $original-prefix-for-webkit !global;
|
||||
$prefix-for-mozilla: $original-prefix-for-mozilla !global;
|
||||
$prefix-for-microsoft: $original-prefix-for-microsoft !global;
|
||||
$prefix-for-opera: $original-prefix-for-opera !global;
|
||||
$prefix-for-spec: $original-prefix-for-spec !global;
|
||||
|
||||
@if $original-prefix-for-spec {
|
||||
@keyframes #{$name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
38
user/themes/mediator/scss/vendor/bourbon/css3/_linear-gradient.scss
vendored
Normal file
38
user/themes/mediator/scss/vendor/bourbon/css3/_linear-gradient.scss
vendored
Normal file
@@ -0,0 +1,38 @@
|
||||
@mixin linear-gradient($pos, $G1, $G2: null,
|
||||
$G3: null, $G4: null,
|
||||
$G5: null, $G6: null,
|
||||
$G7: null, $G8: null,
|
||||
$G9: null, $G10: null,
|
||||
$fallback: null) {
|
||||
// Detect what type of value exists in $pos
|
||||
$pos-type: type-of(nth($pos, 1));
|
||||
$pos-spec: null;
|
||||
$pos-degree: null;
|
||||
|
||||
// If $pos is missing from mixin, reassign vars and add default position
|
||||
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
||||
$G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
|
||||
$G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
|
||||
$pos: null;
|
||||
}
|
||||
|
||||
@if $pos {
|
||||
$positions: _linear-positions-parser($pos);
|
||||
$pos-degree: nth($positions, 1);
|
||||
$pos-spec: nth($positions, 2);
|
||||
}
|
||||
|
||||
$full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10;
|
||||
|
||||
// Set $G1 as the default fallback color
|
||||
$fallback-color: nth($G1, 1);
|
||||
|
||||
// If $fallback is a color use that color as the fallback color
|
||||
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
||||
$fallback-color: $fallback;
|
||||
}
|
||||
|
||||
background-color: $fallback-color;
|
||||
background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
|
||||
background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
|
||||
}
|
||||
8
user/themes/mediator/scss/vendor/bourbon/css3/_perspective.scss
vendored
Normal file
8
user/themes/mediator/scss/vendor/bourbon/css3/_perspective.scss
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
@mixin perspective($depth: none) {
|
||||
// none | <length>
|
||||
@include prefixer(perspective, $depth, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin perspective-origin($value: 50% 50%) {
|
||||
@include prefixer(perspective-origin, $value, webkit moz spec);
|
||||
}
|
||||
8
user/themes/mediator/scss/vendor/bourbon/css3/_placeholder.scss
vendored
Normal file
8
user/themes/mediator/scss/vendor/bourbon/css3/_placeholder.scss
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
@mixin placeholder {
|
||||
$placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input";
|
||||
@each $placeholder in $placeholders {
|
||||
&:#{$placeholder}-placeholder {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
39
user/themes/mediator/scss/vendor/bourbon/css3/_radial-gradient.scss
vendored
Normal file
39
user/themes/mediator/scss/vendor/bourbon/css3/_radial-gradient.scss
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
// Requires Sass 3.1+
|
||||
@mixin radial-gradient($G1, $G2,
|
||||
$G3: null, $G4: null,
|
||||
$G5: null, $G6: null,
|
||||
$G7: null, $G8: null,
|
||||
$G9: null, $G10: null,
|
||||
$pos: null,
|
||||
$shape-size: null,
|
||||
$fallback: null) {
|
||||
|
||||
$data: _radial-arg-parser($G1, $G2, $pos, $shape-size);
|
||||
$G1: nth($data, 1);
|
||||
$G2: nth($data, 2);
|
||||
$pos: nth($data, 3);
|
||||
$shape-size: nth($data, 4);
|
||||
|
||||
$full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10;
|
||||
|
||||
// Strip deprecated cover/contain for spec
|
||||
$shape-size-spec: _shape-size-stripper($shape-size);
|
||||
|
||||
// Set $G1 as the default fallback color
|
||||
$first-color: nth($full, 1);
|
||||
$fallback-color: nth($first-color, 1);
|
||||
|
||||
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
||||
$fallback-color: $fallback;
|
||||
}
|
||||
|
||||
// Add Commas and spaces
|
||||
$shape-size: if($shape-size, '#{$shape-size}, ', null);
|
||||
$pos: if($pos, '#{$pos}, ', null);
|
||||
$pos-spec: if($pos, 'at #{$pos}', null);
|
||||
$shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} ');
|
||||
|
||||
background-color: $fallback-color;
|
||||
background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full}));
|
||||
background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})");
|
||||
}
|
||||
15
user/themes/mediator/scss/vendor/bourbon/css3/_transform.scss
vendored
Normal file
15
user/themes/mediator/scss/vendor/bourbon/css3/_transform.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
@mixin transform($property: none) {
|
||||
// none | <transform-function>
|
||||
@include prefixer(transform, $property, webkit moz ms o spec);
|
||||
}
|
||||
|
||||
@mixin transform-origin($axes: 50%) {
|
||||
// x-axis - left | center | right | length | %
|
||||
// y-axis - top | center | bottom | length | %
|
||||
// z-axis - length
|
||||
@include prefixer(transform-origin, $axes, webkit moz ms o spec);
|
||||
}
|
||||
|
||||
@mixin transform-style ($style: flat) {
|
||||
@include prefixer(transform-style, $style, webkit moz ms o spec);
|
||||
}
|
||||
77
user/themes/mediator/scss/vendor/bourbon/css3/_transition.scss
vendored
Normal file
77
user/themes/mediator/scss/vendor/bourbon/css3/_transition.scss
vendored
Normal file
@@ -0,0 +1,77 @@
|
||||
// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
|
||||
// Example: @include transition (all 2s ease-in-out);
|
||||
// @include transition (opacity 1s ease-in 2s, width 2s ease-out);
|
||||
// @include transition-property (transform, opacity);
|
||||
|
||||
@mixin transition ($properties...) {
|
||||
// Fix for vendor-prefix transform property
|
||||
$needs-prefixes: false;
|
||||
$webkit: ();
|
||||
$moz: ();
|
||||
$spec: ();
|
||||
|
||||
// Create lists for vendor-prefixed transform
|
||||
@each $list in $properties {
|
||||
@if nth($list, 1) == "transform" {
|
||||
$needs-prefixes: true;
|
||||
$list1: -webkit-transform;
|
||||
$list2: -moz-transform;
|
||||
$list3: ();
|
||||
|
||||
@each $var in $list {
|
||||
$list3: join($list3, $var);
|
||||
|
||||
@if $var != "transform" {
|
||||
$list1: join($list1, $var);
|
||||
$list2: join($list2, $var);
|
||||
}
|
||||
}
|
||||
|
||||
$webkit: append($webkit, $list1);
|
||||
$moz: append($moz, $list2);
|
||||
$spec: append($spec, $list3);
|
||||
}
|
||||
|
||||
// Create lists for non-prefixed transition properties
|
||||
@else {
|
||||
$webkit: append($webkit, $list, comma);
|
||||
$moz: append($moz, $list, comma);
|
||||
$spec: append($spec, $list, comma);
|
||||
}
|
||||
}
|
||||
|
||||
@if $needs-prefixes {
|
||||
-webkit-transition: $webkit;
|
||||
-moz-transition: $moz;
|
||||
transition: $spec;
|
||||
}
|
||||
@else {
|
||||
@if length($properties) >= 1 {
|
||||
@include prefixer(transition, $properties, webkit moz spec);
|
||||
}
|
||||
|
||||
@else {
|
||||
$properties: all 0.15s ease-out 0s;
|
||||
@include prefixer(transition, $properties, webkit moz spec);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin transition-property ($properties...) {
|
||||
-webkit-transition-property: transition-property-names($properties, 'webkit');
|
||||
-moz-transition-property: transition-property-names($properties, 'moz');
|
||||
transition-property: transition-property-names($properties, false);
|
||||
}
|
||||
|
||||
@mixin transition-duration ($times...) {
|
||||
@include prefixer(transition-duration, $times, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin transition-timing-function ($motions...) {
|
||||
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
|
||||
@include prefixer(transition-timing-function, $motions, webkit moz spec);
|
||||
}
|
||||
|
||||
@mixin transition-delay ($times...) {
|
||||
@include prefixer(transition-delay, $times, webkit moz spec);
|
||||
}
|
||||
3
user/themes/mediator/scss/vendor/bourbon/css3/_user-select.scss
vendored
Normal file
3
user/themes/mediator/scss/vendor/bourbon/css3/_user-select.scss
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
@mixin user-select($arg: none) {
|
||||
@include prefixer(user-select, $arg, webkit moz ms spec);
|
||||
}
|
||||
11
user/themes/mediator/scss/vendor/bourbon/functions/_assign.scss
vendored
Normal file
11
user/themes/mediator/scss/vendor/bourbon/functions/_assign.scss
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
@function assign-inputs($inputs, $pseudo: null) {
|
||||
$list : ();
|
||||
|
||||
@each $input in $inputs {
|
||||
$input: unquote($input);
|
||||
$input: if($pseudo, $input + ":" + $pseudo, $input);
|
||||
$list: append($list, $input, comma);
|
||||
}
|
||||
|
||||
@return $list;
|
||||
}
|
||||
13
user/themes/mediator/scss/vendor/bourbon/functions/_color-lightness.scss
vendored
Normal file
13
user/themes/mediator/scss/vendor/bourbon/functions/_color-lightness.scss
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
// Programatically determines whether a color is light or dark
|
||||
// Returns a boolean
|
||||
// More details here http://robots.thoughtbot.com/closer-look-color-lightness
|
||||
|
||||
@function is-light($hex-color) {
|
||||
$-local-red: red(rgba($hex-color, 1.0));
|
||||
$-local-green: green(rgba($hex-color, 1.0));
|
||||
$-local-blue: blue(rgba($hex-color, 1.0));
|
||||
|
||||
$-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;
|
||||
|
||||
@return $-local-lightness > .6;
|
||||
}
|
||||
39
user/themes/mediator/scss/vendor/bourbon/functions/_flex-grid.scss
vendored
Normal file
39
user/themes/mediator/scss/vendor/bourbon/functions/_flex-grid.scss
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
// Flexible grid
|
||||
@function flex-grid($columns, $container-columns: $fg-max-columns) {
|
||||
$width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
|
||||
$container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
|
||||
@return percentage($width / $container-width);
|
||||
}
|
||||
|
||||
// Flexible gutter
|
||||
@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
|
||||
$container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
|
||||
@return percentage($gutter / $container-width);
|
||||
}
|
||||
|
||||
// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
|
||||
// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
|
||||
//
|
||||
// The calculation presumes that your column structure will be missing the last gutter:
|
||||
//
|
||||
// -- column -- gutter -- column -- gutter -- column
|
||||
//
|
||||
// $fg-column: 60px; // Column Width
|
||||
// $fg-gutter: 25px; // Gutter Width
|
||||
// $fg-max-columns: 12; // Total Columns For Main Container
|
||||
//
|
||||
// div {
|
||||
// width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
|
||||
// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
|
||||
//
|
||||
// p {
|
||||
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
|
||||
// float: left;
|
||||
// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
|
||||
// }
|
||||
//
|
||||
// blockquote {
|
||||
// float: left;
|
||||
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
|
||||
// }
|
||||
// }
|
||||
3
user/themes/mediator/scss/vendor/bourbon/functions/_golden-ratio.scss
vendored
Normal file
3
user/themes/mediator/scss/vendor/bourbon/functions/_golden-ratio.scss
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
@function golden-ratio($value, $increment) {
|
||||
@return modular-scale($value, $increment, $golden)
|
||||
}
|
||||
13
user/themes/mediator/scss/vendor/bourbon/functions/_grid-width.scss
vendored
Normal file
13
user/themes/mediator/scss/vendor/bourbon/functions/_grid-width.scss
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
@function grid-width($n) {
|
||||
@return $n * $gw-column + ($n - 1) * $gw-gutter;
|
||||
}
|
||||
|
||||
// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function.
|
||||
//
|
||||
// $gw-column: 100px; // Column Width
|
||||
// $gw-gutter: 40px; // Gutter Width
|
||||
//
|
||||
// div {
|
||||
// width: grid-width(4); // returns 520px;
|
||||
// margin-left: $gw-gutter; // returns 40px;
|
||||
// }
|
||||
66
user/themes/mediator/scss/vendor/bourbon/functions/_modular-scale.scss
vendored
Normal file
66
user/themes/mediator/scss/vendor/bourbon/functions/_modular-scale.scss
vendored
Normal file
@@ -0,0 +1,66 @@
|
||||
// Scaling Variables
|
||||
$golden: 1.618;
|
||||
$minor-second: 1.067;
|
||||
$major-second: 1.125;
|
||||
$minor-third: 1.2;
|
||||
$major-third: 1.25;
|
||||
$perfect-fourth: 1.333;
|
||||
$augmented-fourth: 1.414;
|
||||
$perfect-fifth: 1.5;
|
||||
$minor-sixth: 1.6;
|
||||
$major-sixth: 1.667;
|
||||
$minor-seventh: 1.778;
|
||||
$major-seventh: 1.875;
|
||||
$octave: 2;
|
||||
$major-tenth: 2.5;
|
||||
$major-eleventh: 2.667;
|
||||
$major-twelfth: 3;
|
||||
$double-octave: 4;
|
||||
|
||||
@function modular-scale($value, $increment, $ratio) {
|
||||
$v1: nth($value, 1);
|
||||
$v2: nth($value, length($value));
|
||||
$value: $v1;
|
||||
|
||||
// scale $v2 to just above $v1
|
||||
@while $v2 > $v1 {
|
||||
$v2: ($v2 / $ratio); // will be off-by-1
|
||||
}
|
||||
@while $v2 < $v1 {
|
||||
$v2: ($v2 * $ratio); // will fix off-by-1
|
||||
}
|
||||
|
||||
// check AFTER scaling $v2 to prevent double-counting corner-case
|
||||
$double-stranded: $v2 > $v1;
|
||||
|
||||
@if $increment > 0 {
|
||||
@for $i from 1 through $increment {
|
||||
@if $double-stranded and ($v1 * $ratio) > $v2 {
|
||||
$value: $v2;
|
||||
$v2: ($v2 * $ratio);
|
||||
} @else {
|
||||
$v1: ($v1 * $ratio);
|
||||
$value: $v1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $increment < 0 {
|
||||
// adjust $v2 to just below $v1
|
||||
@if $double-stranded {
|
||||
$v2: ($v2 / $ratio);
|
||||
}
|
||||
|
||||
@for $i from $increment through -1 {
|
||||
@if $double-stranded and ($v1 / $ratio) < $v2 {
|
||||
$value: $v2;
|
||||
$v2: ($v2 / $ratio);
|
||||
} @else {
|
||||
$v1: ($v1 / $ratio);
|
||||
$value: $v1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@return $value;
|
||||
}
|
||||
13
user/themes/mediator/scss/vendor/bourbon/functions/_px-to-em.scss
vendored
Normal file
13
user/themes/mediator/scss/vendor/bourbon/functions/_px-to-em.scss
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
// Convert pixels to ems
|
||||
// eg. for a relational value of 12px write em(12) when the parent is 16px
|
||||
// if the parent is another value say 24px write em(12, 24)
|
||||
|
||||
@function em($pxval, $base: $em-base) {
|
||||
@if not unitless($pxval) {
|
||||
$pxval: strip-units($pxval);
|
||||
}
|
||||
@if not unitless($base) {
|
||||
$base: strip-units($base);
|
||||
}
|
||||
@return ($pxval / $base) * 1em;
|
||||
}
|
||||
15
user/themes/mediator/scss/vendor/bourbon/functions/_px-to-rem.scss
vendored
Normal file
15
user/themes/mediator/scss/vendor/bourbon/functions/_px-to-rem.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
// Convert pixels to rems
|
||||
// eg. for a relational value of 12px write rem(12)
|
||||
// Assumes $em-base is the font-size of <html>
|
||||
|
||||
@function rem($pxval) {
|
||||
@if not unitless($pxval) {
|
||||
$pxval: strip-units($pxval);
|
||||
}
|
||||
|
||||
$base: $em-base;
|
||||
@if not unitless($base) {
|
||||
$base: strip-units($base);
|
||||
}
|
||||
@return ($pxval / $base) * 1rem;
|
||||
}
|
||||
5
user/themes/mediator/scss/vendor/bourbon/functions/_strip-units.scss
vendored
Normal file
5
user/themes/mediator/scss/vendor/bourbon/functions/_strip-units.scss
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
// Srtips the units from a value. e.g. 12px -> 12
|
||||
|
||||
@function strip-units($val) {
|
||||
@return ($val / ($val * 0 + 1));
|
||||
}
|
||||
9
user/themes/mediator/scss/vendor/bourbon/functions/_tint-shade.scss
vendored
Normal file
9
user/themes/mediator/scss/vendor/bourbon/functions/_tint-shade.scss
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
// Add percentage of white to a color
|
||||
@function tint($color, $percent){
|
||||
@return mix(white, $color, $percent);
|
||||
}
|
||||
|
||||
// Add percentage of black to a color
|
||||
@function shade($color, $percent){
|
||||
@return mix(black, $color, $percent);
|
||||
}
|
||||
22
user/themes/mediator/scss/vendor/bourbon/functions/_transition-property-name.scss
vendored
Normal file
22
user/themes/mediator/scss/vendor/bourbon/functions/_transition-property-name.scss
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
// Return vendor-prefixed property names if appropriate
|
||||
// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background
|
||||
//************************************************************************//
|
||||
@function transition-property-names($props, $vendor: false) {
|
||||
$new-props: ();
|
||||
|
||||
@each $prop in $props {
|
||||
$new-props: append($new-props, transition-property-name($prop, $vendor), comma);
|
||||
}
|
||||
|
||||
@return $new-props;
|
||||
}
|
||||
|
||||
@function transition-property-name($prop, $vendor: false) {
|
||||
// put other properties that need to be prefixed here aswell
|
||||
@if $vendor and $prop == transform {
|
||||
@return unquote('-'+$vendor+'-'+$prop);
|
||||
}
|
||||
@else {
|
||||
@return $prop;
|
||||
}
|
||||
}
|
||||
17
user/themes/mediator/scss/vendor/bourbon/functions/_unpack.scss
vendored
Normal file
17
user/themes/mediator/scss/vendor/bourbon/functions/_unpack.scss
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
// Convert shorthand to the 4-value syntax
|
||||
|
||||
@function unpack($shorthand) {
|
||||
@if length($shorthand) == 1 {
|
||||
@return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);
|
||||
}
|
||||
@else if length($shorthand) == 2 {
|
||||
@return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);
|
||||
}
|
||||
@else if length($shorthand) == 3 {
|
||||
@return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);
|
||||
}
|
||||
@else {
|
||||
@return $shorthand;
|
||||
}
|
||||
}
|
||||
|
||||
15
user/themes/mediator/scss/vendor/bourbon/helpers/_convert-units.scss
vendored
Normal file
15
user/themes/mediator/scss/vendor/bourbon/helpers/_convert-units.scss
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
//************************************************************************//
|
||||
// Helper function for str-to-num fn.
|
||||
// Source: http://sassmeister.com/gist/9647408
|
||||
//************************************************************************//
|
||||
@function _convert-units($number, $unit) {
|
||||
$strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax', 'deg', 'rad', 'grad', 'turn';
|
||||
$units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax, 1deg, 1rad, 1grad, 1turn;
|
||||
$index: index($strings, $unit);
|
||||
|
||||
@if not $index {
|
||||
@warn "Unknown unit `#{$unit}`.";
|
||||
@return false;
|
||||
}
|
||||
@return $number * nth($units, $index);
|
||||
}
|
||||
13
user/themes/mediator/scss/vendor/bourbon/helpers/_gradient-positions-parser.scss
vendored
Normal file
13
user/themes/mediator/scss/vendor/bourbon/helpers/_gradient-positions-parser.scss
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
@function _gradient-positions-parser($gradient-type, $gradient-positions) {
|
||||
@if $gradient-positions
|
||||
and ($gradient-type == linear)
|
||||
and (type-of($gradient-positions) != color) {
|
||||
$gradient-positions: _linear-positions-parser($gradient-positions);
|
||||
}
|
||||
@else if $gradient-positions
|
||||
and ($gradient-type == radial)
|
||||
and (type-of($gradient-positions) != color) {
|
||||
$gradient-positions: _radial-positions-parser($gradient-positions);
|
||||
}
|
||||
@return $gradient-positions;
|
||||
}
|
||||
8
user/themes/mediator/scss/vendor/bourbon/helpers/_is-num.scss
vendored
Normal file
8
user/themes/mediator/scss/vendor/bourbon/helpers/_is-num.scss
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
//************************************************************************//
|
||||
// Helper for linear-gradient-parser
|
||||
//************************************************************************//
|
||||
@function _is-num($char) {
|
||||
$values: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' 0 1 2 3 4 5 6 7 8 9;
|
||||
$index: index($values, $char);
|
||||
@return if($index, true, false);
|
||||
}
|
||||
25
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-angle-parser.scss
vendored
Normal file
25
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-angle-parser.scss
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
// Private function for linear-gradient-parser
|
||||
@function _linear-angle-parser($image, $first-val, $prefix, $suffix) {
|
||||
$offset: null;
|
||||
$unit-short: str-slice($first-val, str-length($first-val) - 2, str-length($first-val));
|
||||
$unit-long: str-slice($first-val, str-length($first-val) - 3, str-length($first-val));
|
||||
|
||||
@if ($unit-long == "grad") or
|
||||
($unit-long == "turn") {
|
||||
$offset: if($unit-long == "grad", -100grad * 3, -0.75turn);
|
||||
}
|
||||
|
||||
@else if ($unit-short == "deg") or
|
||||
($unit-short == "rad") {
|
||||
$offset: if($unit-short == "deg", -90 * 3, 1.6rad);
|
||||
}
|
||||
|
||||
@if $offset {
|
||||
$num: _str-to-num($first-val);
|
||||
|
||||
@return (
|
||||
webkit-image: -webkit- + $prefix + ($offset - $num) + $suffix,
|
||||
spec-image: $image
|
||||
);
|
||||
}
|
||||
}
|
||||
41
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-gradient-parser.scss
vendored
Normal file
41
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-gradient-parser.scss
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
@function _linear-gradient-parser($image) {
|
||||
$image: unquote($image);
|
||||
$gradients: ();
|
||||
$start: str-index($image, "(");
|
||||
$end: str-index($image, ",");
|
||||
$first-val: str-slice($image, $start + 1, $end - 1);
|
||||
|
||||
$prefix: str-slice($image, 0, $start);
|
||||
$suffix: str-slice($image, $end, str-length($image));
|
||||
|
||||
$has-multiple-vals: str-index($first-val, " ");
|
||||
$has-single-position: unquote(_position-flipper($first-val) + "");
|
||||
$has-angle: _is-num(str-slice($first-val, 0, 0));
|
||||
|
||||
@if $has-multiple-vals {
|
||||
$gradients: _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals);
|
||||
}
|
||||
|
||||
@else if $has-single-position != "" {
|
||||
$pos: unquote($has-single-position + "");
|
||||
|
||||
$gradients: (
|
||||
webkit-image: -webkit- + $image,
|
||||
spec-image: $prefix + "to " + $pos + $suffix
|
||||
);
|
||||
}
|
||||
|
||||
@else if $has-angle {
|
||||
// Rotate degree for webkit
|
||||
$gradients: _linear-angle-parser($image, $first-val, $prefix, $suffix);
|
||||
}
|
||||
|
||||
@else {
|
||||
$gradients: (
|
||||
webkit-image: -webkit- + $image,
|
||||
spec-image: $image
|
||||
);
|
||||
}
|
||||
|
||||
@return $gradients;
|
||||
}
|
||||
61
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-positions-parser.scss
vendored
Normal file
61
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-positions-parser.scss
vendored
Normal file
@@ -0,0 +1,61 @@
|
||||
@function _linear-positions-parser($pos) {
|
||||
$type: type-of(nth($pos, 1));
|
||||
$spec: null;
|
||||
$degree: null;
|
||||
$side: null;
|
||||
$corner: null;
|
||||
$length: length($pos);
|
||||
// Parse Side and corner positions
|
||||
@if ($length > 1) {
|
||||
@if nth($pos, 1) == "to" { // Newer syntax
|
||||
$side: nth($pos, 2);
|
||||
|
||||
@if $length == 2 { // eg. to top
|
||||
// Swap for backwards compatability
|
||||
$degree: _position-flipper(nth($pos, 2));
|
||||
}
|
||||
@else if $length == 3 { // eg. to top left
|
||||
$corner: nth($pos, 3);
|
||||
}
|
||||
}
|
||||
@else if $length == 2 { // Older syntax ("top left")
|
||||
$side: _position-flipper(nth($pos, 1));
|
||||
$corner: _position-flipper(nth($pos, 2));
|
||||
}
|
||||
|
||||
@if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") {
|
||||
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
||||
}
|
||||
@else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") {
|
||||
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
||||
}
|
||||
@else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") {
|
||||
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
||||
}
|
||||
@else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") {
|
||||
$degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
|
||||
}
|
||||
$spec: to $side $corner;
|
||||
}
|
||||
@else if $length == 1 {
|
||||
// Swap for backwards compatability
|
||||
@if $type == string {
|
||||
$degree: $pos;
|
||||
$spec: to _position-flipper($pos);
|
||||
}
|
||||
@else {
|
||||
$degree: -270 - $pos; //rotate the gradient opposite from spec
|
||||
$spec: $pos;
|
||||
}
|
||||
}
|
||||
$degree: unquote($degree + ",");
|
||||
$spec: unquote($spec + ",");
|
||||
@return $degree $spec;
|
||||
}
|
||||
|
||||
@function _position-flipper($pos) {
|
||||
@return if($pos == left, right, null)
|
||||
if($pos == right, left, null)
|
||||
if($pos == top, bottom, null)
|
||||
if($pos == bottom, top, null);
|
||||
}
|
||||
31
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-side-corner-parser.scss
vendored
Normal file
31
user/themes/mediator/scss/vendor/bourbon/helpers/_linear-side-corner-parser.scss
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
// Private function for linear-gradient-parser
|
||||
@function _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals) {
|
||||
$val-1: str-slice($first-val, 0, $has-multiple-vals - 1 );
|
||||
$val-2: str-slice($first-val, $has-multiple-vals + 1, str-length($first-val));
|
||||
$val-3: null;
|
||||
$has-val-3: str-index($val-2, " ");
|
||||
|
||||
@if $has-val-3 {
|
||||
$val-3: str-slice($val-2, $has-val-3 + 1, str-length($val-2));
|
||||
$val-2: str-slice($val-2, 0, $has-val-3 - 1);
|
||||
}
|
||||
|
||||
$pos: _position-flipper($val-1) _position-flipper($val-2) _position-flipper($val-3);
|
||||
$pos: unquote($pos + "");
|
||||
|
||||
// Use old spec for webkit
|
||||
@if $val-1 == "to" {
|
||||
@return (
|
||||
webkit-image: -webkit- + $prefix + $pos + $suffix,
|
||||
spec-image: $image
|
||||
);
|
||||
}
|
||||
|
||||
// Bring the code up to spec
|
||||
@else {
|
||||
@return (
|
||||
webkit-image: -webkit- + $image,
|
||||
spec-image: $prefix + "to " + $pos + $suffix
|
||||
);
|
||||
}
|
||||
}
|
||||
69
user/themes/mediator/scss/vendor/bourbon/helpers/_radial-arg-parser.scss
vendored
Normal file
69
user/themes/mediator/scss/vendor/bourbon/helpers/_radial-arg-parser.scss
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
@function _radial-arg-parser($G1, $G2, $pos, $shape-size) {
|
||||
@each $value in $G1, $G2 {
|
||||
$first-val: nth($value, 1);
|
||||
$pos-type: type-of($first-val);
|
||||
$spec-at-index: null;
|
||||
|
||||
// Determine if spec was passed to mixin
|
||||
@if type-of($value) == list {
|
||||
$spec-at-index: if(index($value, at), index($value, at), false);
|
||||
}
|
||||
@if $spec-at-index {
|
||||
@if $spec-at-index > 1 {
|
||||
@for $i from 1 through ($spec-at-index - 1) {
|
||||
$shape-size: $shape-size nth($value, $i);
|
||||
}
|
||||
@for $i from ($spec-at-index + 1) through length($value) {
|
||||
$pos: $pos nth($value, $i);
|
||||
}
|
||||
}
|
||||
@else if $spec-at-index == 1 {
|
||||
@for $i from ($spec-at-index + 1) through length($value) {
|
||||
$pos: $pos nth($value, $i);
|
||||
}
|
||||
}
|
||||
$G1: null;
|
||||
}
|
||||
|
||||
// If not spec calculate correct values
|
||||
@else {
|
||||
@if ($pos-type != color) or ($first-val != "transparent") {
|
||||
@if ($pos-type == number)
|
||||
or ($first-val == "center")
|
||||
or ($first-val == "top")
|
||||
or ($first-val == "right")
|
||||
or ($first-val == "bottom")
|
||||
or ($first-val == "left") {
|
||||
|
||||
$pos: $value;
|
||||
|
||||
@if $pos == $G1 {
|
||||
$G1: null;
|
||||
}
|
||||
}
|
||||
|
||||
@else if
|
||||
($first-val == "ellipse")
|
||||
or ($first-val == "circle")
|
||||
or ($first-val == "closest-side")
|
||||
or ($first-val == "closest-corner")
|
||||
or ($first-val == "farthest-side")
|
||||
or ($first-val == "farthest-corner")
|
||||
or ($first-val == "contain")
|
||||
or ($first-val == "cover") {
|
||||
|
||||
$shape-size: $value;
|
||||
|
||||
@if $value == $G1 {
|
||||
$G1: null;
|
||||
}
|
||||
|
||||
@else if $value == $G2 {
|
||||
$G2: null;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@return $G1, $G2, $pos, $shape-size;
|
||||
}
|
||||
50
user/themes/mediator/scss/vendor/bourbon/helpers/_radial-gradient-parser.scss
vendored
Normal file
50
user/themes/mediator/scss/vendor/bourbon/helpers/_radial-gradient-parser.scss
vendored
Normal file
@@ -0,0 +1,50 @@
|
||||
@function _radial-gradient-parser($image) {
|
||||
$image: unquote($image);
|
||||
$gradients: ();
|
||||
$start: str-index($image, "(");
|
||||
$end: str-index($image, ",");
|
||||
$first-val: str-slice($image, $start + 1, $end - 1);
|
||||
|
||||
$prefix: str-slice($image, 0, $start);
|
||||
$suffix: str-slice($image, $end, str-length($image));
|
||||
|
||||
$is-spec-syntax: str-index($first-val, "at");
|
||||
|
||||
@if $is-spec-syntax and $is-spec-syntax > 1 {
|
||||
$keyword: str-slice($first-val, 1, $is-spec-syntax - 2);
|
||||
$pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
|
||||
$pos: append($pos, $keyword, comma);
|
||||
|
||||
$gradients: (
|
||||
webkit-image: -webkit- + $prefix + $pos + $suffix,
|
||||
spec-image: $image
|
||||
)
|
||||
}
|
||||
|
||||
@else if $is-spec-syntax == 1 {
|
||||
$pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
|
||||
|
||||
$gradients: (
|
||||
webkit-image: -webkit- + $prefix + $pos + $suffix,
|
||||
spec-image: $image
|
||||
)
|
||||
}
|
||||
|
||||
@else if str-index($image, "cover") or str-index($image, "contain") {
|
||||
@warn "Radial-gradient needs to be updated to conform to latest spec.";
|
||||
|
||||
$gradients: (
|
||||
webkit-image: null,
|
||||
spec-image: $image
|
||||
)
|
||||
}
|
||||
|
||||
@else {
|
||||
$gradients: (
|
||||
webkit-image: -webkit- + $image,
|
||||
spec-image: $image
|
||||
)
|
||||
}
|
||||
|
||||
@return $gradients;
|
||||
}
|
||||
18
user/themes/mediator/scss/vendor/bourbon/helpers/_radial-positions-parser.scss
vendored
Normal file
18
user/themes/mediator/scss/vendor/bourbon/helpers/_radial-positions-parser.scss
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
@function _radial-positions-parser($gradient-pos) {
|
||||
$shape-size: nth($gradient-pos, 1);
|
||||
$pos: nth($gradient-pos, 2);
|
||||
$shape-size-spec: _shape-size-stripper($shape-size);
|
||||
|
||||
$pre-spec: unquote(if($pos, "#{$pos}, ", null))
|
||||
unquote(if($shape-size, "#{$shape-size},", null));
|
||||
$pos-spec: if($pos, "at #{$pos}", null);
|
||||
|
||||
$spec: "#{$shape-size-spec} #{$pos-spec}";
|
||||
|
||||
// Add comma
|
||||
@if ($spec != ' ') {
|
||||
$spec: "#{$spec},"
|
||||
}
|
||||
|
||||
@return $pre-spec $spec;
|
||||
}
|
||||
26
user/themes/mediator/scss/vendor/bourbon/helpers/_render-gradients.scss
vendored
Normal file
26
user/themes/mediator/scss/vendor/bourbon/helpers/_render-gradients.scss
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
// User for linear and radial gradients within background-image or border-image properties
|
||||
|
||||
@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
|
||||
$pre-spec: null;
|
||||
$spec: null;
|
||||
$vendor-gradients: null;
|
||||
@if $gradient-type == linear {
|
||||
@if $gradient-positions {
|
||||
$pre-spec: nth($gradient-positions, 1);
|
||||
$spec: nth($gradient-positions, 2);
|
||||
}
|
||||
}
|
||||
@else if $gradient-type == radial {
|
||||
$pre-spec: nth($gradient-positions, 1);
|
||||
$spec: nth($gradient-positions, 2);
|
||||
}
|
||||
|
||||
@if $vendor {
|
||||
$vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
|
||||
}
|
||||
@else if $vendor == false {
|
||||
$vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
|
||||
$vendor-gradients: unquote($vendor-gradients);
|
||||
}
|
||||
@return $vendor-gradients;
|
||||
}
|
||||
10
user/themes/mediator/scss/vendor/bourbon/helpers/_shape-size-stripper.scss
vendored
Normal file
10
user/themes/mediator/scss/vendor/bourbon/helpers/_shape-size-stripper.scss
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
@function _shape-size-stripper($shape-size) {
|
||||
$shape-size-spec: null;
|
||||
@each $value in $shape-size {
|
||||
@if ($value == "cover") or ($value == "contain") {
|
||||
$value: null;
|
||||
}
|
||||
$shape-size-spec: "#{$shape-size-spec} #{$value}";
|
||||
}
|
||||
@return $shape-size-spec;
|
||||
}
|
||||
50
user/themes/mediator/scss/vendor/bourbon/helpers/_str-to-num.scss
vendored
Normal file
50
user/themes/mediator/scss/vendor/bourbon/helpers/_str-to-num.scss
vendored
Normal file
@@ -0,0 +1,50 @@
|
||||
//************************************************************************//
|
||||
// Helper function for linear/radial-gradient-parsers.
|
||||
// Source: http://sassmeister.com/gist/9647408
|
||||
//************************************************************************//
|
||||
@function _str-to-num($string) {
|
||||
// Matrices
|
||||
$strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';
|
||||
$numbers: 0 1 2 3 4 5 6 7 8 9;
|
||||
|
||||
// Result
|
||||
$result: 0;
|
||||
$divider: 0;
|
||||
$minus: false;
|
||||
|
||||
// Looping through all characters
|
||||
@for $i from 1 through str-length($string) {
|
||||
$character: str-slice($string, $i, $i);
|
||||
$index: index($strings, $character);
|
||||
|
||||
@if $character == '-' {
|
||||
$minus: true;
|
||||
}
|
||||
|
||||
@else if $character == '.' {
|
||||
$divider: 1;
|
||||
}
|
||||
|
||||
@else {
|
||||
@if not $index {
|
||||
$result: if($minus, $result * -1, $result);
|
||||
@return _convert-units($result, str-slice($string, $i));
|
||||
}
|
||||
|
||||
$number: nth($numbers, $index);
|
||||
|
||||
@if $divider == 0 {
|
||||
$result: $result * 10;
|
||||
}
|
||||
|
||||
@else {
|
||||
// Move the decimal dot to the left
|
||||
$divider: $divider * 10;
|
||||
$number: $number / $divider;
|
||||
}
|
||||
|
||||
$result: $result + $number;
|
||||
}
|
||||
}
|
||||
@return if($minus, $result * -1, $result);
|
||||
}
|
||||
6
user/themes/mediator/scss/vendor/bourbon/settings/_prefixer.scss
vendored
Normal file
6
user/themes/mediator/scss/vendor/bourbon/settings/_prefixer.scss
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
// Variable settings for /addons/prefixer.scss
|
||||
$prefix-for-webkit: true !default;
|
||||
$prefix-for-mozilla: true !default;
|
||||
$prefix-for-microsoft: true !default;
|
||||
$prefix-for-opera: true !default;
|
||||
$prefix-for-spec: true !default; // required for keyframe mixin
|
||||
1
user/themes/mediator/scss/vendor/bourbon/settings/_px-to-em.scss
vendored
Normal file
1
user/themes/mediator/scss/vendor/bourbon/settings/_px-to-em.scss
vendored
Normal file
@@ -0,0 +1 @@
|
||||
$em-base: 16px !default;
|
||||
63
user/themes/mediator/templates/default.html.twig
Normal file
63
user/themes/mediator/templates/default.html.twig
Normal file
@@ -0,0 +1,63 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% set collection = page.collection() %}
|
||||
|
||||
{% block content %}
|
||||
<div class="page-content">
|
||||
<div class="wrapper">
|
||||
<div class="teaserimage">
|
||||
<div class="teaserimage-image" {% if page.header.cover %}style="background-image: url({{ page.media[page.header.cover].url }})"{% endif %}>
|
||||
Teaser Image
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<header class="blog-header">
|
||||
{% if site.logo %}
|
||||
<a class="blog-logo" href="{{ base_url_relative}}" style="background-image: url({{ uri.rootUrl() }}{{ site.logo }})">{{ site.title }}</a>
|
||||
{% endif %}
|
||||
<h1 class="blog-title">{{ site.title }}</h1>
|
||||
<h2 class="blog-description">{{ site.description }}</h2>
|
||||
<div class="custom-links">
|
||||
{% for social in site.social %}
|
||||
{% if social.url %}
|
||||
<a class="icon-{{ social.icon }}" href="{{ social.url }}">
|
||||
<i class="fa fa-{{ social.icon }}"></i>
|
||||
</a>
|
||||
·
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<a href="{{ base_url_relative }}/about">About</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="content" role="main">
|
||||
|
||||
{% set featured = taxonomy.findTaxonomy({'tag':'featured'}) %}
|
||||
|
||||
{% if featured and featured|length > 0 and uri.currentPage == 1 %}
|
||||
<h5 class="index-headline featured"><span>Featured</span></h5>
|
||||
|
||||
<div class="container featured">
|
||||
{% for post in featured %}
|
||||
{% include 'partials/article.html.twig' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<h5 class="index-headline normal"><span>Regular</span></h5>
|
||||
{% endif %}
|
||||
|
||||
<div class="cf frame">
|
||||
{% for post in collection %}
|
||||
{% include 'partials/article.html.twig' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
|
||||
{% if config.plugins.pagination.enabled and collection.params.pagination %}
|
||||
{% include 'partials/pagination.html.twig' with {'base_url': page.url, 'pagination':collection.params.pagination} %}
|
||||
{% endif %}
|
||||
|
||||
</main>
|
||||
{% endblock %}
|
||||
12
user/themes/mediator/templates/error.html.twig
Normal file
12
user/themes/mediator/templates/error.html.twig
Normal file
@@ -0,0 +1,12 @@
|
||||
{% extends 'partials/base.html.twig' %}
|
||||
|
||||
{% block content %}
|
||||
<div class="page-content">
|
||||
<div class="wrapper">
|
||||
<h1>Error {{ page.header.http_response_code }}</h1>
|
||||
<p>
|
||||
{{ page.content|raw }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
2
user/themes/mediator/templates/page.html.twig
Normal file
2
user/themes/mediator/templates/page.html.twig
Normal file
@@ -0,0 +1,2 @@
|
||||
{% embed 'post.html.twig' with {'is_page': true} %}
|
||||
{% endembed %}
|
||||
20
user/themes/mediator/templates/partials/article.html.twig
Normal file
20
user/themes/mediator/templates/partials/article.html.twig
Normal file
@@ -0,0 +1,20 @@
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
|
||||
<div class="article-item">
|
||||
<header class="post-header">
|
||||
{% if post.header.link %}
|
||||
<h2 class="post-title" itemprop="name"><a href="{{ post.url }}" rel="bookmark" title="{{ post.title }}" itemprop="url"><i class="fa fa-angle-double-right"></i></a> <a href="{{ post.header.link }}">{{ post.title }}</a></h2>
|
||||
{% else %}
|
||||
<h2 class="post-title" itemprop="name"><a href="{{ post.url }}" itemprop="url">{{ post.title }}</a></h2>
|
||||
{% endif %}
|
||||
</header>
|
||||
<section class="post-excerpt" itemprop="description">
|
||||
<p>{{ post.content | striptags | truncate(200) }}</p>
|
||||
</section>
|
||||
<div class="post-meta">
|
||||
<time datetime="{{ post.date | date(site.date_long) }}">{{ post.date | date(site.date_long) }}</time>
|
||||
{% if post.taxonomy.tag|length > 0 %}
|
||||
<span class="post-tags-set">in {% for tag in post.taxonomy.tag %}<span class="post-tag-{{tag}}"><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}">{{ tag }}</a></span>{%if not loop.last %} + {% endif %}{% endfor %}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
78
user/themes/mediator/templates/partials/base.html.twig
Normal file
78
user/themes/mediator/templates/partials/base.html.twig
Normal file
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<!-- (1) Optimize for mobile versions: http://goo.gl/EOpFl -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- (1) force latest IE rendering engine: bit.ly/1c8EiC9 -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
{% include 'partials/metadata.html.twig' %}
|
||||
<meta name="HandheldFriendly" content="True" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
|
||||
<link rel="canonical" href="{{ page.url() }}">
|
||||
<link rel="shortcut icon" href="{{ theme_url }}/images/favicon.png">
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('http://brick.a.ssl.fastly.net/Linux+Libertine:400,400i,700,700i/Open+Sans:400,400i,700,700i') %}
|
||||
{% do assets.addCss('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css') %}
|
||||
{% do assets.addCss('theme://css/main.css') %}
|
||||
{# {% do assets.addCss('theme://css/print.css') %} #}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{% do assets.add('jquery', {group: 'bottom', priority: 101}) %}
|
||||
{% do assets.addJs('theme://js/jquery.fitvids.js', {group: 'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/readingTime.min.js', {group: 'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/index.js', {group: 'bottom'}) %}
|
||||
{% endblock %}
|
||||
|
||||
{% block assets deferred %}
|
||||
{{ assets.css()|raw }}
|
||||
{{ assets.js()|raw }}
|
||||
{% endblock %}
|
||||
</head>
|
||||
{% block body %}
|
||||
<body>
|
||||
{% endblock %}
|
||||
|
||||
{% set home = pages.find(config.system.home.alias) %}
|
||||
|
||||
{% block header %}
|
||||
<a href="{{ base_url_relative }}" class="logo-readium"><span class="logo" style="background-image: url({{ uri.rootUrl() }}{{ site.logo }})"></span></a>
|
||||
{% endblock %}
|
||||
|
||||
<!-- content start -->
|
||||
|
||||
{% block content %}
|
||||
<div class="page-content">
|
||||
<div class="wrapper">
|
||||
{{ content|raw }}
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
<!-- content end -->
|
||||
|
||||
|
||||
{% block footer %}
|
||||
<!-- footer start -->
|
||||
<footer class="site-footer">
|
||||
<a class="subscribe" href="{{ base_url }}/blog.rss"> <span class="tooltip"> <i class="fa fa-rss"></i> Subscribe!</span></a>
|
||||
<div class="inner">
|
||||
<section class="copyright">All content copyright <a href="mailto:{{ site.email}}">{{ site.name }}</a> © {{ "now"|date('Y') }} • All rights reserved.</section>
|
||||
<section class="poweredby">Made with <a href="http://getgrav.org"> Grav</a></section>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- footer end -->
|
||||
{% endblock %}
|
||||
|
||||
{% block bottom %}
|
||||
{{ assets.js('bottom')|raw }}
|
||||
{% endblock %}
|
||||
{% include 'partials/javascripts.html.twig' %}
|
||||
</body>
|
||||
</html>
|
||||
15
user/themes/mediator/templates/partials/pagination.html.twig
Normal file
15
user/themes/mediator/templates/partials/pagination.html.twig
Normal file
@@ -0,0 +1,15 @@
|
||||
{% if base_url == '' %}
|
||||
{% set base_url = '/' %}
|
||||
{% endif %}
|
||||
|
||||
<nav class="pagination" role="navigation">
|
||||
{% if pagination.hasNext %}
|
||||
{% set url = (base_url ~ pagination.params ~ pagination.nextUrl)|replace({'//':'/'}) %}
|
||||
<a class="older-posts" href="{{ url }}">← Older posts</a>
|
||||
{% endif %}
|
||||
<span class="page-number">Page {{ uri.currentPage }} of {{ pagination|length }}</span>
|
||||
{% if pagination.hasPrev %}
|
||||
{% set url = (base_url ~ pagination.params ~ pagination.prevUrl)|replace({'//':'/'}) %}
|
||||
<a class="newer-posts" href="{{ url }}">Newer posts →</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
21
user/themes/mediator/templates/partials/postmeta.html.twig
Normal file
21
user/themes/mediator/templates/partials/postmeta.html.twig
Normal file
@@ -0,0 +1,21 @@
|
||||
<div class="post-meta">
|
||||
{% if page.header.link %}
|
||||
<h1 class="post-title"><i class="fa fa-angle-double-right"></i> <a href="{{ page.header.link }}">{{ page.title }}</a></h1>
|
||||
{% else %}
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
{% endif %}
|
||||
{% if page.template == 'post' %}
|
||||
<div class="cf post-meta-text">
|
||||
<div class="author-image" style="background-image: url({{ uri.rootUrl() }}{{ site.author.image }})">Blog Logo</div>
|
||||
<h4 class="author-name" itemprop="author" itemscope itemtype="http://schema.org/Person">{{ site.author.name }}</h4>
|
||||
on
|
||||
<time datetime="{{ page.date | date(site.date_short) }}">{{ page.date | date(site.date_short) }}</time>
|
||||
{% if page.taxonomy.tag|length > 0 %}
|
||||
<span class="post-tags-set">in {% for tag in page.taxonomy.tag %}<span class="post-tag-{{tag}}"><a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}">{{ tag }}</a></span>{%if not loop.last %} + {% endif %}{% endfor %}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div style="text-align:center">
|
||||
<a href="#topofpage" class="topofpage"><i class="fa fa-angle-down"></i></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user