(Grav GitSync) Automatic Commit from buha
This commit is contained in:
parent
89bdc7e9c5
commit
c42ff32036
|
@ -1,2 +0,0 @@
|
|||
.sass-cache
|
||||
.DS_Store
|
|
@ -1,300 +0,0 @@
|
|||
# v2.2.1
|
||||
## 01/15/2021
|
||||
|
||||
1. [](#improved)
|
||||
* Fixed autoescaping in preparation for Grav 1.7
|
||||
1. [](#bugfix)
|
||||
* Fix deprecated messages from macros [#140](https://github.com/getgrav/grav-theme-antimatter/issues/140)
|
||||
|
||||
# v2.2.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
|
||||
|
||||
# v2.1.2
|
||||
## 9/28/2017
|
||||
|
||||
1. [](#improved)
|
||||
* Added polish and brazilian portuguese translations
|
||||
* Allow overriding the slidebar by moving it to its own `sidebar_navigation` block [#110](https://github.com/getgrav/grav-theme-antimatter/pull/110)
|
||||
1. [](#bugfix)
|
||||
* Fix showcase template overlapping when not at top [#99](https://github.com/getgrav/grav-theme-antimatter/pull/99)
|
||||
|
||||
# v2.1.1
|
||||
## 02/26/2017
|
||||
|
||||
1. [](#bugfix)
|
||||
* Allow to add a `external` class to site.yaml links to work on modular pages [#95](https://github.com/getgrav/grav-theme-antimatter/pull/95)
|
||||
|
||||
# v2.1.0
|
||||
## 01/24/2017
|
||||
|
||||
1. [](#new)
|
||||
* Updated to FontAwesome 4.7.0 with [Grav icon](http://fontawesome.io/icon/grav/)
|
||||
1. [](#improved)
|
||||
* Added croatian
|
||||
* Changed "SimpleSearch" string in the sidebar to "Search"
|
||||
1. [](#bugfix)
|
||||
* Removed unreachable condition [#85](https://github.com/getgrav/grav-theme-antimatter/pull/85)
|
||||
* Fixed a typo in the french translation
|
||||
|
||||
# v2.0.0
|
||||
## 07/14/2016
|
||||
|
||||
1. [](#new)
|
||||
* Added microformats2 support [#64](https://github.com/getgrav/grav-theme-antimatter/pull/64)
|
||||
1. [](#improved)
|
||||
* Updated to FontAwesome 4.6.3
|
||||
* Added romanian, russian and ukranian
|
||||
|
||||
# v2.0.0-beta.1
|
||||
## 05/23/2016
|
||||
|
||||
1. [](#new)
|
||||
* New and improved **dropdown** styling
|
||||
1. [](#improved)
|
||||
* Removed templates from `form` + `snipcart` plugins
|
||||
* Added support for search button
|
||||
* Updated some translations
|
||||
* Automatically add comments if configured
|
||||
* Relative path for favicon
|
||||
* Slightly modified the blockquote background color
|
||||
* Removed unneeded streams from YAML
|
||||
* Use common language strings in Blueprint
|
||||
|
||||
# v1.8.0
|
||||
## 11/20/2015
|
||||
|
||||
1. [](#new)
|
||||
* Added logic to include site.menu items in modular pages
|
||||
* Added a configurable lang field for HTML tag
|
||||
* Added a `bottom` JS output call
|
||||
1. [](#improved)
|
||||
* Updated to FontAwesome 4.4.0
|
||||
1. [](#bugfix)
|
||||
* Fixed extra `/` in some tag URLs
|
||||
* Better support for PECL Yaml parser
|
||||
* Fixes for blog page blueprint
|
||||
|
||||
# v1.7.6
|
||||
## 10/07/2015
|
||||
|
||||
1. [](#new)
|
||||
* Added logic to include site.menu items in modular pages
|
||||
1. [](#improved)
|
||||
* Removed unused `<p>` tags
|
||||
|
||||
# v1.7.5
|
||||
## 09/16/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Use new form plugin templates
|
||||
|
||||
# v1.7.3
|
||||
## 09/11/2015
|
||||
|
||||
1. [](#new)
|
||||
* Added SCSS configurable notes colors
|
||||
1. [](#improved)
|
||||
* Various typos
|
||||
|
||||
# v1.7.3
|
||||
## 08/31/2015
|
||||
|
||||
1. [](#new)
|
||||
* Added header image control and blueprints to admin plugin
|
||||
1. [](#improved)
|
||||
* Use new template field for modular pages
|
||||
|
||||
# v1.7.2
|
||||
## 08/24/2015
|
||||
|
||||
1. [](#new)
|
||||
* Added support for `login-status` partial in menu
|
||||
|
||||
# v1.7.1
|
||||
## 08/11/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Use new toggle for item blueprint
|
||||
|
||||
# v1.7.0
|
||||
## 08/06/2015
|
||||
|
||||
1. [](#new)
|
||||
* Blueprints that work with new admin plugin!
|
||||
1. [](#bugfix)
|
||||
* Favicon with full image URL
|
||||
|
||||
# v1.6.1
|
||||
## 07/24/2015
|
||||
|
||||
1. [](#bugfix)
|
||||
* Fixed sidebar links when site at root
|
||||
|
||||
# v1.6.0
|
||||
## 07/21/2015
|
||||
|
||||
1. [](#new)
|
||||
* Added support for `langswitcher` plugin
|
||||
1. [](#improved)
|
||||
* Made sidebar links more robust
|
||||
|
||||
# v1.5.0
|
||||
## 07/14/2015
|
||||
|
||||
1. [](#new)
|
||||
* Added canonical URL support
|
||||
1. [](#improved)
|
||||
* More improvements for blueprints
|
||||
1. [](#bugfix)
|
||||
* Fixes for multi-language support
|
||||
|
||||
# v1.4.0
|
||||
## 05/09/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Improved blueprints
|
||||
1. [](#bugfix)
|
||||
* Fix for when page.summary is equal to page.content
|
||||
|
||||
# v1.3.9
|
||||
## 04/13/2015
|
||||
|
||||
1. [](#bugfix)
|
||||
* Fix for image class in modular template 'text.html.twig`
|
||||
|
||||
# v1.3.8
|
||||
## 04/07/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Genericized theme_config variable for better inheritance
|
||||
|
||||
# v1.3.7
|
||||
## 03/28/2015
|
||||
|
||||
1. [](#bugfix)
|
||||
* Rolled back changes that resulted in broken header
|
||||
|
||||
# v1.3.6
|
||||
## 03/24/2015
|
||||
|
||||
1. [](#bugfix)
|
||||
* Fix for compressed text in `.pure-g` divs
|
||||
|
||||
# v1.3.5
|
||||
## 03/24/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Keep html,body on height:100%; use body for scroll event
|
||||
* Use Footer colors from vars rather than hard-coded
|
||||
1. [](#bugfix)
|
||||
* Load pure grids at all times for better non-flexbox support
|
||||
|
||||
# v1.3.4
|
||||
## 03/01/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Use new Grav builtin 'jQuery' support
|
||||
|
||||
# v1.3.3
|
||||
## 02/19/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Implemented new `param_sep` variable from Grav 0.9.18
|
||||
1. [](#bugfix)
|
||||
* Fix for table column widths
|
||||
* Force snipcart slider to look in all pages
|
||||
|
||||
# v1.3.2
|
||||
## 02/05/2015
|
||||
|
||||
1. [](#improved)
|
||||
* Minor typo in assets
|
||||
|
||||
# v1.3.1
|
||||
## 01/23/2015
|
||||
|
||||
1. [](#bugfix)
|
||||
* Added page title encoding
|
||||
* Stop modular pages showing up in dropdown menus
|
||||
* Fixed typo in streams setup
|
||||
|
||||
# v1.3.0
|
||||
## 01/09/2015
|
||||
|
||||
1. [](#improved)
|
||||
* NOTE: BREAKING CHANGE - Fixed references to plugins in `partials/` folder
|
||||
* Updated README.md
|
||||
|
||||
# v1.2.7
|
||||
## 12/29/2014
|
||||
|
||||
1. [](#bugfix)
|
||||
* Removed `Fixed` header image to resolve issues with mobile browsers
|
||||
|
||||
# v1.2.6
|
||||
## 12/21/2014
|
||||
|
||||
1. [](#new)
|
||||
* Added support for list of custom menu items in `site.yaml`
|
||||
* Updated `README.md` with some instructions on how to use some Antimatter features
|
||||
1. [](#improved)
|
||||
* Removed `cache.html.twig` file that was used only for testing
|
||||
* Removed unused `color` option in `antimatter.yaml`
|
||||
|
||||
# v1.2.5
|
||||
## 12/15/2014
|
||||
|
||||
1. [](#bugfix)
|
||||
* Fix for Firefox 34 Flex/Responsiveness issues
|
||||
|
||||
# v1.2.4
|
||||
## 12/12/2014
|
||||
|
||||
1. [](#new)
|
||||
* Added demo link to blueprints
|
||||
1. [](#improved)
|
||||
* Inverted Previous/Next buttons on blog item template
|
||||
|
||||
# v1.2.3
|
||||
## 12/05/2014
|
||||
|
||||
1. [](#improved)
|
||||
* Simplified Previous/Next buttons to use Page methods
|
||||
|
||||
# v1.2.2
|
||||
## 12/04/2014
|
||||
|
||||
1. [](#new)
|
||||
* Added Previous/Next buttons with Collection methods
|
||||
* Added Related posts in blog sidebar
|
||||
1. [](#bugfix)
|
||||
* Fix for DaringFireball style link
|
||||
|
||||
# v1.2.1
|
||||
## 11/30/2014
|
||||
|
||||
1. [](#improved)
|
||||
* Renamed core theme JS file
|
||||
* Removed featherlight from Antimatter
|
||||
1. [](#bugfix)
|
||||
* Fixed response code in error template
|
||||
|
||||
# v1.2.0
|
||||
## 11/28/2014
|
||||
|
||||
1. [](#new)
|
||||
* Added SimpleSearch display in blog sidebar
|
||||
* Added reference to `custom.css` file in core
|
||||
1. [](#improved)
|
||||
* Added plugins checks for improved flexibility if plugins are not installed
|
||||
|
||||
|
||||
# v1.1.11
|
||||
## 11/21/2014
|
||||
|
||||
1. [](#new)
|
||||
* ChangeLog started...
|
|
@ -1,21 +0,0 @@
|
|||
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.
|
|
@ -1,136 +0,0 @@
|
|||
# Antimatter
|
||||
|
||||
![Antimatter](assets/readme_1.png)
|
||||
|
||||
Antimatter is the default [Grav](http://getgrav.org) theme. Simple, fast and modern.
|
||||
|
||||
# Installation
|
||||
|
||||
Installing the Antimatter 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.
|
||||
|
||||
The theme by itself is useful, but you may have an easier time getting up and running by installing a skeleton. The Antimatter theme can be found in both the [One-page](https://github.com/getgrav/grav-skeleton-onepage-site) and [Blog Site](https://github.com/getgrav/grav-skeleton-blog-site) which are self-contained repositories for a complete sites which include: sample content, configuration, theme, and plugins.
|
||||
|
||||
## 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 antimatter
|
||||
|
||||
This will install the Antimatter theme into your `/user/themes` directory within Grav. Its files can be found under `/your/site/grav/user/themes/antimatter`.
|
||||
|
||||
## 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 `antimatter`. You can find these files either on [GitHub](https://github.com/getgrav/grav-theme-antimatter) or via [GetGrav.org](http://getgrav.org/downloads/themes).
|
||||
|
||||
You should now have all the theme files under
|
||||
|
||||
/your/site/grav/user/themes/antimatter
|
||||
|
||||
>> 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 Antimatter 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 Antimatter 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 antimatter
|
||||
|
||||
This command will check your Grav install to see if your Antimatter 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 Antimatter is pretty simple. Here is what you will need to do to get this done:
|
||||
|
||||
* Delete the `your/site/user/themes/antimatter` directory.
|
||||
* Download the new version of the Antimatter theme from either [GitHub](https://github.com/getgrav/grav-plugin-antimatter) or [GetGrav.org](http://getgrav.org/downloads/themes#extras).
|
||||
* Unzip the zip file in `your/site/user/themes` and rename the resulting folder to `antimatter`.
|
||||
* 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.
|
||||
|
||||
## Features
|
||||
|
||||
* Lightweight and minimal for optimal performance
|
||||
* Fully responsive with off-page mobile navigation
|
||||
* SCSS based CSS source files for easy customization
|
||||
* Built-in support for on-page navigation
|
||||
* Multiple page template types
|
||||
* Fontawesome icon support
|
||||
|
||||
### Supported Page Templates
|
||||
|
||||
* Default view template
|
||||
* Blog view template
|
||||
* Error view template
|
||||
* Blog item view template
|
||||
* Modular view templates:
|
||||
* Features Modular view template
|
||||
* Showcase Modular view template
|
||||
* Text Modular view template
|
||||
* SnipCart view template
|
||||
|
||||
### Menu Features
|
||||
|
||||
##### Dropdown Menu
|
||||
|
||||
You can enable **dropdown menu** support by enabling it in the `antimatter.yaml` configuration file. As per usual, copy this file to your `user/config/themes/` folder (create if required) and edit there.
|
||||
|
||||
```
|
||||
dropdown:
|
||||
enabled: true
|
||||
```
|
||||
|
||||
This will ensure that sub-pages show up as sub-menus in the navigation.
|
||||
|
||||
##### Menu Text & Icons
|
||||
|
||||
Each page shows up in the menu using the title by default, however you can set what displays in the menu directly by setting an explicit `menu:` option in the page header:
|
||||
|
||||
```
|
||||
menu: My Menu
|
||||
```
|
||||
|
||||
You can also provide an icon to show up in front of the menu item by providing an `icon:` option. You need to use name of the FontAwesome icon without the `fa-` prefix. Check out the full [list of current FontAwesome 4.2 icons](http://fortawesome.github.io/Font-Awesome/icons/):
|
||||
|
||||
```
|
||||
icon: bar-chart-o
|
||||
```
|
||||
|
||||
#### Custom Menu Items
|
||||
|
||||
By default, Grav generates the menu from the page structure. However, there are times when you may want to add custom menu items to the end of the menu. This is now supported in Antimatter by creating a menu list in your `site.yaml` file. An example of this is as follows:
|
||||
|
||||
```
|
||||
menu:
|
||||
- text: Source
|
||||
url: https://github.com/getgrav/grav
|
||||
- icon: twitter
|
||||
url: http://twitter.com/getgrav
|
||||
```
|
||||
|
||||
The `url:` option is required, but you can provide **either** or **both** `text:` and/or `icon:`
|
||||
|
||||
### Blog Features
|
||||
|
||||
##### Daring Fireball Link Pages
|
||||
|
||||
Antimatter supports the ability for a page to have a `link:` header option. This will then in turn create a **link page** where the title of the page will actually be linked to the link provided and a prefexid double angle `>>` will link to the page itself. Simply provide the link in the page header:
|
||||
|
||||
```
|
||||
link: http://getgrav.org/blog
|
||||
```
|
||||
|
||||
# Setup
|
||||
|
||||
If you want to set Antimatter 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: antimatter`.
|
||||
* 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 **antimatter** folder.
|
|
@ -1,9 +0,0 @@
|
|||
<?php
|
||||
namespace Grav\Theme;
|
||||
|
||||
use Grav\Common\Theme;
|
||||
|
||||
class Antimatter extends Theme
|
||||
{
|
||||
|
||||
}
|
|
@ -1,3 +0,0 @@
|
|||
enabled: true
|
||||
dropdown:
|
||||
enabled: false
|
Binary file not shown.
Before Width: | Height: | Size: 414 KiB |
|
@ -1,30 +0,0 @@
|
|||
name: Antimatter
|
||||
version: 2.2.1
|
||||
description: "Antimatter is the default theme included with **Grav**"
|
||||
icon: empire
|
||||
author:
|
||||
name: Team Grav
|
||||
email: devs@getgrav.org
|
||||
url: http://getgrav.org
|
||||
homepage: https://github.com/getgrav/grav-theme-antimatter
|
||||
demo: http://demo.getgrav.org/blog-skeleton
|
||||
keywords: antimatter, theme, core, modern, fast, responsive, html5, css3
|
||||
bugs: https://github.com/getgrav/grav-theme-antimatter/issues
|
||||
license: MIT
|
||||
|
||||
dependencies:
|
||||
- { name: grav, version: '>=1.5.10' }
|
||||
|
||||
form:
|
||||
validation: loose
|
||||
fields:
|
||||
dropdown.enabled:
|
||||
type: toggle
|
||||
label: Dropdown in navbar
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
|
@ -1,70 +0,0 @@
|
|||
media:
|
||||
video:
|
||||
mp4: video/mp4
|
||||
mov: video/quicktime
|
||||
m4v: video/x-m4v
|
||||
swf: video/x-flv
|
||||
|
||||
image:
|
||||
jpg: image/jpeg
|
||||
jpeg: image/jpeg
|
||||
png: image/png
|
||||
gif: image/gif
|
||||
|
||||
file:
|
||||
txt: text/plain
|
||||
doc: application/msword
|
||||
html: text/html
|
||||
pdf: application/pdf
|
||||
zip: application/zip
|
||||
gz: application/gzip
|
||||
|
||||
form:
|
||||
key: filename
|
||||
fields:
|
||||
upload:
|
||||
type: upload
|
||||
label: Upload
|
||||
allow:
|
||||
'@media.*.keys'
|
||||
accept:
|
||||
'@media.*.values'
|
||||
|
||||
filename:
|
||||
type: text
|
||||
label: Filename
|
||||
|
||||
type:
|
||||
type: hidden
|
||||
default: video
|
||||
|
||||
name:
|
||||
type: unset
|
||||
|
||||
description:
|
||||
type: textarea
|
||||
label: Description
|
||||
|
||||
url:
|
||||
type: unset
|
||||
|
||||
path:
|
||||
type: unset
|
||||
|
||||
thumb:
|
||||
type: unset
|
||||
|
||||
width:
|
||||
type: text
|
||||
label: Width
|
||||
|
||||
height:
|
||||
type: text
|
||||
label: Height
|
||||
|
||||
mime:
|
||||
type: hidden
|
||||
default: 'application/octet-stream'
|
||||
|
||||
modified:
|
||||
type: unset
|
|
@ -1,89 +0,0 @@
|
|||
title: Blog
|
||||
'@extends':
|
||||
type: default
|
||||
context: blueprints://pages
|
||||
|
||||
child_type: item
|
||||
|
||||
|
||||
title: Default
|
||||
|
||||
rules:
|
||||
slug:
|
||||
pattern: "[a-z][a-z0-9_\-]+"
|
||||
min: 2
|
||||
max: 80
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
type: tabs
|
||||
active: 1
|
||||
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
overrides:
|
||||
fields:
|
||||
header.child_type:
|
||||
default: item
|
||||
blog:
|
||||
type: tab
|
||||
title: Blog List
|
||||
|
||||
fields:
|
||||
header.content.items:
|
||||
type: textarea
|
||||
yaml: true
|
||||
label: Items
|
||||
default: '@self.children'
|
||||
|
||||
header.content.limit:
|
||||
type: text
|
||||
label: Max Item Count
|
||||
default: 5
|
||||
validate:
|
||||
required: true
|
||||
type: int
|
||||
min: 1
|
||||
|
||||
header.content.order.by:
|
||||
type: select
|
||||
label: Order By
|
||||
default: date
|
||||
options:
|
||||
folder: Folder
|
||||
title: Title
|
||||
date: Date
|
||||
default: Default
|
||||
|
||||
header.content.order.dir:
|
||||
type: select
|
||||
label: Order
|
||||
default: desc
|
||||
options:
|
||||
asc: Ascending
|
||||
desc: Descending
|
||||
|
||||
header.content.pagination:
|
||||
type: toggle
|
||||
label: Pagination
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
||||
|
||||
|
||||
header.content.url_taxonomy_filters:
|
||||
type: toggle
|
||||
label: URL Taxonomy Filters
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
validate:
|
||||
type: bool
|
|
@ -1,2 +0,0 @@
|
|||
title: Nopad
|
||||
'@extends': default
|
|
@ -1,103 +0,0 @@
|
|||
title: Item
|
||||
'@extends':
|
||||
type: default
|
||||
context: blueprints://pages
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
|
||||
fields:
|
||||
blog:
|
||||
type: tab
|
||||
title: Blog Item
|
||||
|
||||
fields:
|
||||
|
||||
header_image:
|
||||
type: section
|
||||
title: Header Image
|
||||
underline: true
|
||||
|
||||
header.header_image:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Display Header Image
|
||||
help: Enabled displaying of a header image
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
|
||||
header.header_image_file:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image File
|
||||
help: image filename that exists in the page folder. If not provided, will use the first image found.
|
||||
placeholder: For example: myimage.jpg
|
||||
|
||||
header.header_image_width:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image Width
|
||||
size: small
|
||||
help: Header width in px
|
||||
placeholder: Default is 900
|
||||
validate:
|
||||
type: int
|
||||
min: 0
|
||||
max: 5000
|
||||
|
||||
header.header_image_height:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Image Height
|
||||
size: small
|
||||
help: Header height in px
|
||||
placeholder: Default is 300
|
||||
validate:
|
||||
type: int
|
||||
min: 0
|
||||
max: 5000
|
||||
|
||||
|
||||
summary:
|
||||
type: section
|
||||
title: Summary
|
||||
underline: true
|
||||
|
||||
|
||||
header.summary.enabled:
|
||||
type: toggle
|
||||
toggleable: true
|
||||
label: Summary
|
||||
highlight: 1
|
||||
options:
|
||||
1: PLUGIN_ADMIN.ENABLED
|
||||
0: PLUGIN_ADMIN.DISABLED
|
||||
|
||||
header.summary.format:
|
||||
type: select
|
||||
toggleable: true
|
||||
label: Format
|
||||
classes: fancy
|
||||
options:
|
||||
'short': 'Use the first occurence of delimter or size'
|
||||
'long': 'Summary delimiter will be ignored'
|
||||
|
||||
header.summary.size:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Size
|
||||
classes: large
|
||||
placeholder: 300
|
||||
validate:
|
||||
type: int
|
||||
min: 1
|
||||
|
||||
header.summary.delimiter:
|
||||
type: text
|
||||
toggleable: true
|
||||
label: Summary delimiter
|
||||
classes: large
|
||||
placeholder: ===
|
|
@ -1,40 +0,0 @@
|
|||
title: Features
|
||||
'@extends': default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
columns:
|
||||
fields:
|
||||
column1:
|
||||
fields:
|
||||
name:
|
||||
default: modular/features
|
||||
'@data-options': '\Grav\Common\Page\Pages::modularTypes'
|
||||
overrides:
|
||||
fields:
|
||||
header.template:
|
||||
default: modular/features
|
||||
'@data-options': '\Grav\Common\Page\Pages::modularTypes'
|
||||
features:
|
||||
type: tab
|
||||
title: Features
|
||||
fields:
|
||||
header.features:
|
||||
name: features
|
||||
type: list
|
||||
label: Features
|
||||
|
||||
fields:
|
||||
.icon:
|
||||
type: text
|
||||
label: Icon
|
||||
.header:
|
||||
type: text
|
||||
label: Header
|
||||
.text:
|
||||
type: text
|
||||
label: Text
|
|
@ -1,46 +0,0 @@
|
|||
title: Showcase
|
||||
'@extends': default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
columns:
|
||||
fields:
|
||||
column1:
|
||||
fields:
|
||||
name:
|
||||
default: modular/showcase
|
||||
'@data-options': '\Grav\Common\Page\Pages::modularTypes'
|
||||
overrides:
|
||||
fields:
|
||||
header.template:
|
||||
default: modular/showcase
|
||||
'@data-options': '\Grav\Common\Page\Pages::modularTypes'
|
||||
buttons:
|
||||
type: tab
|
||||
title: Buttons
|
||||
fields:
|
||||
header.buttons:
|
||||
name: buttons
|
||||
type: list
|
||||
label: Buttons
|
||||
fields:
|
||||
.text:
|
||||
type: text
|
||||
label: Text
|
||||
.url:
|
||||
type: text
|
||||
label: URL
|
||||
.primary:
|
||||
type: toggle
|
||||
label: Primary
|
||||
highlight: 1
|
||||
default: 1
|
||||
options:
|
||||
1: 'Yes'
|
||||
0: 'No'
|
||||
validate:
|
||||
type: bool
|
|
@ -1,34 +0,0 @@
|
|||
title: Text
|
||||
'@extends': default
|
||||
|
||||
form:
|
||||
fields:
|
||||
tabs:
|
||||
fields:
|
||||
advanced:
|
||||
fields:
|
||||
columns:
|
||||
fields:
|
||||
column1:
|
||||
fields:
|
||||
name:
|
||||
default: modular/text
|
||||
'@data-options': '\Grav\Common\Page\Pages::modularTypes'
|
||||
overrides:
|
||||
fields:
|
||||
header.template:
|
||||
default: modular/text
|
||||
'@data-options': '\Grav\Common\Page\Pages::modularTypes'
|
||||
content:
|
||||
fields:
|
||||
uploads:
|
||||
label: Page Media (first one will be displayed next to your content)
|
||||
header.image_align:
|
||||
type: select
|
||||
label: Image position
|
||||
classes: fancy
|
||||
default: left
|
||||
options:
|
||||
'left': 'Left'
|
||||
'right': 'Right'
|
||||
type:
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,3 +0,0 @@
|
|||
.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}@media all and (min-width: 75em){.large-desktop-text-left{text-align:left !important}.large-desktop-text-right{text-align:right !important}.large-desktop-text-center{text-align:center !important}.large-desktop-text-justify{text-align:justify !important}}@media all and (min-width: 60em) and (max-width: 74.938em){.desktop-text-left{text-align:left !important}.desktop-text-right{text-align:right !important}.desktop-text-center{text-align:center !important}.desktop-text-justify{text-align:justify !important}}@media all and (min-width: 48em) and (max-width: 59.938em){.tablet-text-left{text-align:left !important}.tablet-text-right{text-align:right !important}.tablet-text-center{text-align:center !important}.tablet-text-justify{text-align:justify !important}}@media all and (min-width: 30.063em) and (max-width: 47.938em){.large-mobile-text-left{text-align:left !important}.large-mobile-text-right{text-align:right !important}.large-mobile-text-center{text-align:center !important}.large-mobile-text-justify{text-align:justify !important}}@media all and (max-width: 30em){.small-mobile-text-left{text-align:left !important}.small-mobile-text-right{text-align:right !important}.small-mobile-text-center{text-align:center !important}.small-mobile-text-justify{text-align:justify !important}}@media all and (min-width: 48em){.no-mobile-text-left{text-align:left !important}.no-mobile-text-right{text-align:right !important}.no-mobile-text-center{text-align:center !important}.no-mobile-text-justify{text-align:justify !important}}@media all and (max-width: 47.938em){.mobile-only-text-left{text-align:left !important}.mobile-only-text-right{text-align:right !important}.mobile-only-text-center{text-align:center !important}.mobile-only-text-justify{text-align:justify !important}}
|
||||
|
||||
/*# sourceMappingURL=particles.css.map */
|
|
@ -1,95 +0,0 @@
|
|||
{
|
||||
"version": 3,
|
||||
"file": "particles.css",
|
||||
"sources": [
|
||||
"../scss/particles.scss",
|
||||
"../scss/vendor/bourbon/_bourbon.scss",
|
||||
"../scss/vendor/bourbon/settings/_prefixer.scss",
|
||||
"../scss/vendor/bourbon/settings/_px-to-em.scss",
|
||||
"../scss/vendor/bourbon/helpers/_convert-units.scss",
|
||||
"../scss/vendor/bourbon/helpers/_gradient-positions-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_is-num.scss",
|
||||
"../scss/vendor/bourbon/helpers/_linear-angle-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_linear-gradient-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_linear-positions-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_linear-side-corner-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_radial-arg-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_radial-positions-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_radial-gradient-parser.scss",
|
||||
"../scss/vendor/bourbon/helpers/_render-gradients.scss",
|
||||
"../scss/vendor/bourbon/helpers/_shape-size-stripper.scss",
|
||||
"../scss/vendor/bourbon/helpers/_str-to-num.scss",
|
||||
"../scss/vendor/bourbon/functions/_assign.scss",
|
||||
"../scss/vendor/bourbon/functions/_color-lightness.scss",
|
||||
"../scss/vendor/bourbon/functions/_flex-grid.scss",
|
||||
"../scss/vendor/bourbon/functions/_golden-ratio.scss",
|
||||
"../scss/vendor/bourbon/functions/_grid-width.scss",
|
||||
"../scss/vendor/bourbon/functions/_modular-scale.scss",
|
||||
"../scss/vendor/bourbon/functions/_px-to-em.scss",
|
||||
"../scss/vendor/bourbon/functions/_px-to-rem.scss",
|
||||
"../scss/vendor/bourbon/functions/_strip-units.scss",
|
||||
"../scss/vendor/bourbon/functions/_tint-shade.scss",
|
||||
"../scss/vendor/bourbon/functions/_transition-property-name.scss",
|
||||
"../scss/vendor/bourbon/functions/_unpack.scss",
|
||||
"../scss/vendor/bourbon/css3/_animation.scss",
|
||||
"../scss/vendor/bourbon/css3/_appearance.scss",
|
||||
"../scss/vendor/bourbon/css3/_backface-visibility.scss",
|
||||
"../scss/vendor/bourbon/css3/_background.scss",
|
||||
"../scss/vendor/bourbon/css3/_background-image.scss",
|
||||
"../scss/vendor/bourbon/css3/_border-image.scss",
|
||||
"../scss/vendor/bourbon/css3/_border-radius.scss",
|
||||
"../scss/vendor/bourbon/css3/_box-sizing.scss",
|
||||
"../scss/vendor/bourbon/css3/_calc.scss",
|
||||
"../scss/vendor/bourbon/css3/_columns.scss",
|
||||
"../scss/vendor/bourbon/css3/_filter.scss",
|
||||
"../scss/vendor/bourbon/css3/_flex-box.scss",
|
||||
"../scss/vendor/bourbon/css3/_font-face.scss",
|
||||
"../scss/vendor/bourbon/css3/_hyphens.scss",
|
||||
"../scss/vendor/bourbon/css3/_hidpi-media-query.scss",
|
||||
"../scss/vendor/bourbon/css3/_image-rendering.scss",
|
||||
"../scss/vendor/bourbon/css3/_keyframes.scss",
|
||||
"../scss/vendor/bourbon/css3/_linear-gradient.scss",
|
||||
"../scss/vendor/bourbon/css3/_perspective.scss",
|
||||
"../scss/vendor/bourbon/css3/_radial-gradient.scss",
|
||||
"../scss/vendor/bourbon/css3/_transform.scss",
|
||||
"../scss/vendor/bourbon/css3/_transition.scss",
|
||||
"../scss/vendor/bourbon/css3/_user-select.scss",
|
||||
"../scss/vendor/bourbon/css3/_placeholder.scss",
|
||||
"../scss/vendor/bourbon/addons/_button.scss",
|
||||
"../scss/vendor/bourbon/addons/_clearfix.scss",
|
||||
"../scss/vendor/bourbon/addons/_directional-values.scss",
|
||||
"../scss/vendor/bourbon/addons/_ellipsis.scss",
|
||||
"../scss/vendor/bourbon/addons/_font-family.scss",
|
||||
"../scss/vendor/bourbon/addons/_hide-text.scss",
|
||||
"../scss/vendor/bourbon/addons/_html5-input-types.scss",
|
||||
"../scss/vendor/bourbon/addons/_position.scss",
|
||||
"../scss/vendor/bourbon/addons/_prefixer.scss",
|
||||
"../scss/vendor/bourbon/addons/_retina-image.scss",
|
||||
"../scss/vendor/bourbon/addons/_size.scss",
|
||||
"../scss/vendor/bourbon/addons/_timing-functions.scss",
|
||||
"../scss/vendor/bourbon/addons/_triangle.scss",
|
||||
"../scss/vendor/bourbon/addons/_word-wrap.scss",
|
||||
"../scss/vendor/bourbon/_bourbon-deprecated-upcoming.scss",
|
||||
"../scss/configuration/nucleus/_base.scss",
|
||||
"../scss/configuration/nucleus/_core.scss",
|
||||
"../scss/configuration/nucleus/_breakpoints.scss",
|
||||
"../scss/configuration/nucleus/_layout.scss",
|
||||
"../scss/configuration/nucleus/_typography.scss",
|
||||
"../scss/configuration/nucleus/_nav.scss",
|
||||
"../scss/configuration/template/_base.scss",
|
||||
"../scss/configuration/template/_colors.scss",
|
||||
"../scss/configuration/template/_typography.scss",
|
||||
"../scss/configuration/template/_bullets.scss",
|
||||
"../scss/configuration/template/_variables.scss",
|
||||
"../scss/nucleus/functions/_base.scss",
|
||||
"../scss/nucleus/functions/_direction.scss",
|
||||
"../scss/nucleus/functions/_range.scss",
|
||||
"../scss/nucleus/mixins/_base.scss",
|
||||
"../scss/nucleus/mixins/_breakpoints.scss",
|
||||
"../scss/nucleus/mixins/_utilities.scss",
|
||||
"../scss/nucleus/particles/_align-text.scss",
|
||||
"../scss/nucleus/particles/_visibility.scss"
|
||||
],
|
||||
"mappings": "AqFsBC,AAAA,UAAU,AAAC,CACV,UAAU,CAAE,eAAgB,CAC5B,AACD,AAAA,WAAW,AAAC,CACX,UAAU,CAAE,gBAAiB,CAC7B,AACD,AAAA,YAAY,AAAC,CACZ,UAAU,CAAE,iBAAkB,CAC9B,AACD,AAAA,aAAa,AAAC,CACb,UAAU,CAAE,kBAAmB,CAC/B,AAGA,MAAM,CAAN,GAAG,MAAM,SAAS,EAAC,IAAI,EACtB,AAAA,wBAAwB,AAAxB,CAAE,UAAU,CAAE,eAAgB,CAAI,AAClC,AAAA,yBAAyB,AAAzB,CAAE,UAAU,CAAE,gBAAiB,CAAI,AACnC,AAAA,0BAA0B,AAA1B,CAAE,UAAU,CAAE,iBAAkB,CAAI,AACpC,AAAA,2BAA2B,AAA3B,CAAE,UAAU,CAAE,kBAAmB,CAAI,CAJtC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAC,IAAI,OAAO,SAAS,EAAC,QAAQ,EAC/C,AAAA,kBAAkB,AAAlB,CAAE,UAAU,CAAE,eAAgB,CAAI,AAClC,AAAA,mBAAmB,AAAnB,CAAE,UAAU,CAAE,gBAAiB,CAAI,AACnC,AAAA,oBAAoB,AAApB,CAAE,UAAU,CAAE,iBAAkB,CAAI,AACpC,AAAA,qBAAqB,AAArB,CAAE,UAAU,CAAE,kBAAmB,CAAI,CAJtC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAC,IAAI,OAAO,SAAS,EAAC,QAAQ,EAC/C,AAAA,iBAAiB,AAAjB,CAAE,UAAU,CAAE,eAAgB,CAAI,AAClC,AAAA,kBAAkB,AAAlB,CAAE,UAAU,CAAE,gBAAiB,CAAI,AACnC,AAAA,mBAAmB,AAAnB,CAAE,UAAU,CAAE,iBAAkB,CAAI,AACpC,AAAA,oBAAoB,AAApB,CAAE,UAAU,CAAE,kBAAmB,CAAI,CAJtC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAC,QAAQ,OAAO,SAAS,EAAC,QAAQ,EACnD,AAAA,uBAAuB,AAAvB,CAAE,UAAU,CAAE,eAAgB,CAAI,AAClC,AAAA,wBAAwB,AAAxB,CAAE,UAAU,CAAE,gBAAiB,CAAI,AACnC,AAAA,yBAAyB,AAAzB,CAAE,UAAU,CAAE,iBAAkB,CAAI,AACpC,AAAA,0BAA0B,AAA1B,CAAE,UAAU,CAAE,kBAAmB,CAAI,CAJtC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAC,IAAI,EACtB,AAAA,uBAAuB,AAAvB,CAAE,UAAU,CAAE,eAAgB,CAAI,AAClC,AAAA,wBAAwB,AAAxB,CAAE,UAAU,CAAE,gBAAiB,CAAI,AACnC,AAAA,yBAAyB,AAAzB,CAAE,UAAU,CAAE,iBAAkB,CAAI,AACpC,AAAA,0BAA0B,AAA1B,CAAE,UAAU,CAAE,kBAAmB,CAAI,CAJtC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAC,IAAI,EACtB,AAAA,oBAAoB,AAApB,CAAE,UAAU,CAAE,eAAgB,CAAI,AAClC,AAAA,qBAAqB,AAArB,CAAE,UAAU,CAAE,gBAAiB,CAAI,AACnC,AAAA,sBAAsB,AAAtB,CAAE,UAAU,CAAE,iBAAkB,CAAI,AACpC,AAAA,uBAAuB,AAAvB,CAAE,UAAU,CAAE,kBAAmB,CAAI,CAJtC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAC,QAAQ,EAC1B,AAAA,sBAAsB,AAAtB,CAAE,UAAU,CAAE,eAAgB,CAAI,AAClC,AAAA,uBAAuB,AAAvB,CAAE,UAAU,CAAE,gBAAiB,CAAI,AACnC,AAAA,wBAAwB,AAAxB,CAAE,UAAU,CAAE,iBAAkB,CAAI,AACpC,AAAA,yBAAyB,AAAzB,CAAE,UAAU,CAAE,kBAAmB,CAAI",
|
||||
"names": []
|
||||
}
|
|
@ -1,923 +0,0 @@
|
|||
@import url(//fonts.googleapis.com/css?family=Montserrat:400|Raleway:300,400,600|Inconsolata);
|
||||
#header #logo h3, #header #navbar .panel-activation, #footer p {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%); }
|
||||
|
||||
.button, .button-secondary {
|
||||
display: inline-block;
|
||||
padding: 7px 20px; }
|
||||
.button-small.button, .button-small.button-secondary {
|
||||
padding: 3px 10px;
|
||||
font-size: 0.9rem; }
|
||||
|
||||
html, body {
|
||||
height: 100%; }
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #444;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale; }
|
||||
|
||||
a {
|
||||
color: #1BB3E9; }
|
||||
a:hover {
|
||||
color: #0e6e90; }
|
||||
|
||||
b, strong, label, th {
|
||||
font-weight: 600; }
|
||||
|
||||
#container {
|
||||
min-height: 100%;
|
||||
position: relative; }
|
||||
|
||||
.fullwidth #body {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
|
||||
#body {
|
||||
background: #fff;
|
||||
padding-top: 8rem;
|
||||
padding-bottom: 11rem; }
|
||||
|
||||
.left {
|
||||
float: left; }
|
||||
|
||||
.right {
|
||||
float: right; }
|
||||
|
||||
.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, .modular .showcase .button {
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
transition: all 0.5s ease; }
|
||||
|
||||
.padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
|
||||
padding-left: 7rem;
|
||||
padding-right: 7rem; }
|
||||
@media only all and (max-width: 59.938em) {
|
||||
.padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
|
||||
padding-left: 4rem;
|
||||
padding-right: 4rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem; } }
|
||||
|
||||
.padding-vert {
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem; }
|
||||
|
||||
#header {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15); }
|
||||
#header.scrolled {
|
||||
height: 3rem;
|
||||
background-color: rgba(255, 255, 255, 0.9) !important;
|
||||
box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; }
|
||||
#header.scrolled #logo h3 {
|
||||
color: #444 !important;
|
||||
font-size: 1.6rem !important; }
|
||||
#header.scrolled #logo a, #header.scrolled #navbar span {
|
||||
color: #444 !important; }
|
||||
#header.scrolled #navbar a {
|
||||
color: #1BB3E9 !important; }
|
||||
#header.scrolled #navbar a:hover {
|
||||
color: #0e6e90 !important; }
|
||||
#header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
|
||||
background-color: #1BB3E9 !important; }
|
||||
#header.scrolled .navigation {
|
||||
margin-top: 0.5rem !important; }
|
||||
#header > .grid, #header #logo, #header #navbar {
|
||||
height: 100%; }
|
||||
#header #logo {
|
||||
float: left; }
|
||||
#header #logo h3 {
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
margin: 0;
|
||||
text-transform: uppercase; }
|
||||
#header #logo h3 a {
|
||||
color: #444; }
|
||||
#header #navbar {
|
||||
font-size: 0.9rem;
|
||||
/* Child Indicator */ }
|
||||
#header #navbar .has-children > a > span {
|
||||
display: inline-block;
|
||||
padding-right: 8px; }
|
||||
#header #navbar .has-children > a > span:after {
|
||||
font-family: FontAwesome;
|
||||
content: '\f107';
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 8px;
|
||||
top: 4px; }
|
||||
#header #navbar .has-children > a:after, #header #navbar .has-children > a:before {
|
||||
display: none; }
|
||||
#header #navbar .has-children .has-children > a > span:after {
|
||||
content: '\f105'; }
|
||||
#header #navbar .navigation > .has-children:hover > a {
|
||||
background: #f6f6f6;
|
||||
border: 1px solid #ececec;
|
||||
border-bottom-color: #f6f6f6;
|
||||
margin: -1px -1px 0 -1px;
|
||||
z-index: 1000;
|
||||
position: relative;
|
||||
padding-bottom: 1px; }
|
||||
#header #navbar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
#header #navbar ul.navigation {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
margin-top: 1.4rem; }
|
||||
#header #navbar ul.navigation li {
|
||||
float: left;
|
||||
position: relative;
|
||||
/*Active dropdown nav item */
|
||||
/* Dropdown CSS */
|
||||
/* Active on Hover */ }
|
||||
#header #navbar ul.navigation li a {
|
||||
font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
display: inline-block;
|
||||
padding: 0.3rem 0.8rem;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
#header #navbar ul.navigation li a:before, #header #navbar ul.navigation li a:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #1BB3E9;
|
||||
visibility: hidden;
|
||||
-webkit-transform: scaleX(0);
|
||||
-moz-transform: scaleX(0);
|
||||
-ms-transform: scaleX(0);
|
||||
-o-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-webkit-transition: all 0.2s ease;
|
||||
-moz-transition: all 0.2s ease;
|
||||
transition: all 0.2s ease; }
|
||||
#header #navbar ul.navigation li a:hover:before {
|
||||
visibility: visible;
|
||||
-webkit-transform: scaleX(0.75);
|
||||
-moz-transform: scaleX(0.75);
|
||||
-ms-transform: scaleX(0.75);
|
||||
-o-transform: scaleX(0.75);
|
||||
transform: scaleX(0.75); }
|
||||
#header #navbar ul.navigation li a.active:after {
|
||||
top: 0;
|
||||
visibility: visible;
|
||||
-webkit-transform: scaleX(0.75);
|
||||
-moz-transform: scaleX(0.75);
|
||||
-ms-transform: scaleX(0.75);
|
||||
-o-transform: scaleX(0.75);
|
||||
transform: scaleX(0.75); }
|
||||
#header #navbar ul.navigation li.active a:after {
|
||||
top: 0;
|
||||
visibility: visible;
|
||||
-webkit-transform: scaleX(0.75);
|
||||
-moz-transform: scaleX(0.75);
|
||||
-ms-transform: scaleX(0.75);
|
||||
-o-transform: scaleX(0.75);
|
||||
transform: scaleX(0.75); }
|
||||
#header #navbar ul.navigation li ul {
|
||||
position: absolute;
|
||||
background-color: #f6f6f6;
|
||||
border: 1px solid #ececec;
|
||||
border-top: 0;
|
||||
min-width: 12rem;
|
||||
text-align: left;
|
||||
z-index: 999;
|
||||
left: -1px;
|
||||
display: none; }
|
||||
#header #navbar ul.navigation li ul li {
|
||||
display: block;
|
||||
float: none;
|
||||
/* Active Dropdown nav item */ }
|
||||
#header #navbar ul.navigation li ul li.active > a {
|
||||
background-color: #ececec;
|
||||
color: #1BB3E9; }
|
||||
#header #navbar ul.navigation li ul li:hover > a {
|
||||
background-color: #1BB3E9;
|
||||
color: #fff; }
|
||||
#header #navbar ul.navigation li ul li a {
|
||||
display: block;
|
||||
margin: 0 -1px; }
|
||||
#header #navbar ul.navigation li ul li a:after, #header #navbar ul.navigation li ul li a:before {
|
||||
display: none; }
|
||||
#header #navbar ul.navigation li ul ul {
|
||||
left: 100%;
|
||||
top: 0px; }
|
||||
#header #navbar ul.navigation li:hover > ul {
|
||||
display: block; }
|
||||
@media only all and (max-width: 59.938em) {
|
||||
#header #navbar ul.navigation {
|
||||
display: none; } }
|
||||
#header #navbar .panel-activation {
|
||||
padding: 1rem;
|
||||
display: none;
|
||||
font-size: 1.8rem;
|
||||
cursor: pointer;
|
||||
float: right; }
|
||||
@media only all and (max-width: 59.938em) {
|
||||
#header #navbar .panel-activation {
|
||||
display: inline-block; } }
|
||||
|
||||
.header-image.fullwidth #body {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.header-image.fullwidth #body > .listing-row {
|
||||
padding-left: 7rem;
|
||||
padding-right: 7rem; }
|
||||
.header-image .listing-row:last-child {
|
||||
margin-bottom: 2rem; }
|
||||
.header-image #body .flush-top {
|
||||
margin-top: -9.5rem;
|
||||
padding-top: 9rem; }
|
||||
.header-image #breadcrumbs {
|
||||
margin-top: 1rem; }
|
||||
.header-image #header {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
box-shadow: none; }
|
||||
.header-image #header .navigation .has-children:hover a {
|
||||
color: #1BB3E9; }
|
||||
.header-image #header #logo h3, .header-image #header #logo a {
|
||||
color: #FFFFFF; }
|
||||
.header-image #header a, .header-image #header .menu-btn {
|
||||
color: #FFFFFF; }
|
||||
.header-image #header a:before, .header-image #header a:after {
|
||||
background-color: rgba(255, 255, 255, 0.7) !important; }
|
||||
|
||||
#footer {
|
||||
position: absolute;
|
||||
background: #333;
|
||||
height: 6rem;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #999;
|
||||
text-align: center; }
|
||||
#footer a:hover {
|
||||
color: #fff; }
|
||||
#footer .totop {
|
||||
position: absolute;
|
||||
bottom: 5rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
#footer .totop span {
|
||||
font-size: 1.7rem;
|
||||
line-height: 2.5rem;
|
||||
background: #333;
|
||||
width: 3rem;
|
||||
height: 2rem;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
text-align: top; }
|
||||
#footer p {
|
||||
margin: 0; }
|
||||
#footer p .fa {
|
||||
color: #fff; }
|
||||
|
||||
html, body, button, input, select, textarea, .pure-g, .pure-g [class*="pure-u"] {
|
||||
font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
font-weight: 400; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
font-weight: 400;
|
||||
text-rendering: optimizeLegibility;
|
||||
letter-spacing: -0px; }
|
||||
|
||||
h1 {
|
||||
font-size: 3.2rem; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 2.5rem; } }
|
||||
|
||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||
h2 {
|
||||
font-size: 2.1rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
h2 {
|
||||
font-size: 2rem; } }
|
||||
|
||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||
h3 {
|
||||
font-size: 1.7rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
h3 {
|
||||
font-size: 1.6rem; } }
|
||||
|
||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||
h4 {
|
||||
font-size: 1.35rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
h4 {
|
||||
font-size: 1.25rem; } }
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
letter-spacing: -3px; }
|
||||
|
||||
h2 {
|
||||
letter-spacing: -2px; }
|
||||
|
||||
h3 {
|
||||
letter-spacing: -1px; }
|
||||
|
||||
h1 + h2 {
|
||||
margin: -2rem 0 2rem 0;
|
||||
font-size: 2rem;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
font-weight: 300; }
|
||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||
h1 + h2 {
|
||||
font-size: 1.6rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
h1 + h2 {
|
||||
font-size: 1.5rem; } }
|
||||
|
||||
h2 + h3 {
|
||||
margin: 0.5rem 0 2rem 0;
|
||||
font-size: 2rem;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
font-weight: 300; }
|
||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||
h2 + h3 {
|
||||
font-size: 1.6rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
h2 + h3 {
|
||||
font-size: 1.5rem; } }
|
||||
|
||||
blockquote {
|
||||
border-left: 10px solid #F0F2F4; }
|
||||
blockquote p {
|
||||
font-size: 1.1rem;
|
||||
color: #999; }
|
||||
blockquote cite {
|
||||
display: block;
|
||||
text-align: right;
|
||||
color: #666;
|
||||
font-size: 1.2rem; }
|
||||
|
||||
blockquote > blockquote > blockquote {
|
||||
margin: 0; }
|
||||
blockquote > blockquote > blockquote p {
|
||||
padding: 15px;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
margin-top: 0rem;
|
||||
margin-bottom: 0rem; }
|
||||
blockquote > blockquote > blockquote > p {
|
||||
margin-left: -71px;
|
||||
border-left: 10px solid #F0AD4E;
|
||||
background: #FCF8F2;
|
||||
color: #df8a13; }
|
||||
blockquote > blockquote > blockquote > p a {
|
||||
color: #b06d0f; }
|
||||
blockquote > blockquote > blockquote > p a:hover {
|
||||
color: #f2b866; }
|
||||
blockquote > blockquote > blockquote > blockquote > p {
|
||||
margin-left: -94px;
|
||||
border-left: 10px solid #D9534F;
|
||||
background: #FDF7F7;
|
||||
color: #b52b27; }
|
||||
blockquote > blockquote > blockquote > blockquote > p a {
|
||||
color: #8b211e; }
|
||||
blockquote > blockquote > blockquote > blockquote > p a:hover {
|
||||
color: #de6764; }
|
||||
blockquote > blockquote > blockquote > blockquote > blockquote > p {
|
||||
margin-left: -118px;
|
||||
border-left: 10px solid #5BC0DE;
|
||||
background: #F4F8FA;
|
||||
color: #28a1c5; }
|
||||
blockquote > blockquote > blockquote > blockquote > blockquote > p a {
|
||||
color: #1f7e9a; }
|
||||
blockquote > blockquote > blockquote > blockquote > blockquote > p a:hover {
|
||||
color: #70c8e2; }
|
||||
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > p {
|
||||
margin-left: -142px;
|
||||
border-left: 10px solid #5CB85C;
|
||||
background: #F1F9F1;
|
||||
color: #3d8b3d; }
|
||||
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > p a {
|
||||
color: #2d672d; }
|
||||
blockquote > blockquote > blockquote > blockquote > blockquote > blockquote > p a:hover {
|
||||
color: #6ec06e; }
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: "Inconsolata", monospace; }
|
||||
|
||||
code {
|
||||
background: #f9f2f4;
|
||||
color: #9c1d3d; }
|
||||
|
||||
pre {
|
||||
padding: 2rem;
|
||||
background: #f0f0f0;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 3px; }
|
||||
pre code {
|
||||
color: #237794;
|
||||
background: inherit; }
|
||||
|
||||
hr {
|
||||
border-bottom: 4px solid #F0F2F4; }
|
||||
|
||||
.page-title {
|
||||
margin-top: -25px;
|
||||
padding: 25px;
|
||||
float: left;
|
||||
clear: both;
|
||||
background: #1BB3E9;
|
||||
color: #fff; }
|
||||
|
||||
.label {
|
||||
vertical-align: middle;
|
||||
background: #1BB3E9;
|
||||
border-radius: 100%;
|
||||
color: #fff;
|
||||
height: 1rem;
|
||||
min-width: 1rem;
|
||||
line-height: 1rem;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: 0.7rem;
|
||||
font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
margin-right: 0.75rem; }
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #ddd; }
|
||||
|
||||
textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple=multiple] {
|
||||
background-color: white;
|
||||
border: 1px solid #ddd;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); }
|
||||
textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, select[multiple=multiple]:hover {
|
||||
border-color: #c4c4c4; }
|
||||
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
|
||||
border-color: #1BB3E9;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 163, 214, 0.7); }
|
||||
|
||||
.form-field .required {
|
||||
color: #F3443F;
|
||||
font-size: 3rem;
|
||||
line-height: 3rem;
|
||||
vertical-align: top;
|
||||
height: 1.5rem;
|
||||
display: inline-block; }
|
||||
|
||||
form .buttons {
|
||||
text-align: center; }
|
||||
form input {
|
||||
font-weight: 400; }
|
||||
|
||||
table {
|
||||
border: 1px solid #eaeaea;
|
||||
table-layout: auto; }
|
||||
|
||||
th {
|
||||
background: #f7f7f7;
|
||||
padding: 0.5rem; }
|
||||
|
||||
td {
|
||||
padding: 0.5rem;
|
||||
border: 1px solid #eaeaea; }
|
||||
|
||||
.button {
|
||||
background: #fff;
|
||||
color: #1BB3E9;
|
||||
border: 1px solid #1BB3E9;
|
||||
border-radius: 3px; }
|
||||
.button:hover {
|
||||
background: #1BB3E9;
|
||||
color: #fff; }
|
||||
.button:active {
|
||||
box-shadow: 0 1px 0 #118ab5; }
|
||||
|
||||
.button-secondary {
|
||||
background: #fff;
|
||||
color: #F6635E;
|
||||
border: 1px solid #F6635E;
|
||||
border-radius: 3px; }
|
||||
.button-secondary:hover {
|
||||
background: #F6635E;
|
||||
color: #fff; }
|
||||
.button-secondary:active {
|
||||
box-shadow: 0 1px 0 #f32b24; }
|
||||
|
||||
.bullets {
|
||||
margin: 1.7rem 0;
|
||||
margin-left: -0.85rem;
|
||||
margin-right: -0.85rem;
|
||||
overflow: auto; }
|
||||
|
||||
.bullet {
|
||||
float: left;
|
||||
padding: 0 0.85rem; }
|
||||
|
||||
.two-column-bullet {
|
||||
width: 50%; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.two-column-bullet {
|
||||
width: 100%; } }
|
||||
|
||||
.three-column-bullet {
|
||||
width: 33.33333%; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.three-column-bullet {
|
||||
width: 100%; } }
|
||||
|
||||
.four-column-bullet {
|
||||
width: 25%; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.four-column-bullet {
|
||||
width: 100%; } }
|
||||
|
||||
.bullet-icon {
|
||||
float: left;
|
||||
background: #1BB3E9;
|
||||
padding: 0.875rem;
|
||||
width: 3.5rem;
|
||||
height: 3.5rem;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
font-size: 1.75rem;
|
||||
text-align: center; }
|
||||
|
||||
.bullet-icon-1 {
|
||||
background: #1BB3E9; }
|
||||
|
||||
.bullet-icon-2 {
|
||||
background: #1be9da; }
|
||||
|
||||
.bullet-icon-3 {
|
||||
background: #d5e91b; }
|
||||
|
||||
.bullet-content {
|
||||
margin-left: 4.55rem; }
|
||||
|
||||
.sb-slidebar {
|
||||
background-color: #333 !important; }
|
||||
|
||||
#panel {
|
||||
padding-top: 1rem;
|
||||
color: #ddd; }
|
||||
#panel .navigation {
|
||||
list-style: none;
|
||||
padding: 0; }
|
||||
#panel .navigation li {
|
||||
border-bottom: 1px solid #3d3d3d; }
|
||||
#panel .navigation li a {
|
||||
color: #ddd;
|
||||
display: block;
|
||||
padding: 0.5rem 1rem;
|
||||
font-weight: 600; }
|
||||
#panel .navigation li a:hover {
|
||||
color: white;
|
||||
background-color: #262626; }
|
||||
#panel .navigation li a:last-child {
|
||||
border-bottom: 0; }
|
||||
#panel .navigation li.active > a {
|
||||
background: #fff;
|
||||
color: #444; }
|
||||
#panel .navigation li.active > a:hover {
|
||||
color: #444; }
|
||||
#panel .navigation li:first-child {
|
||||
border-top: 1px solid #3d3d3d; }
|
||||
#panel .navigation li ul {
|
||||
list-style: none;
|
||||
padding: 0; }
|
||||
#panel .navigation li ul li {
|
||||
border: 0 !important; }
|
||||
#panel .navigation li ul li a {
|
||||
color: #c4c4c4;
|
||||
padding: 0.2rem 1rem 0.2rem 2rem;
|
||||
font-size: 0.9rem; }
|
||||
#panel .navigation li ul li li a {
|
||||
padding-left: 3rem; }
|
||||
#panel .navigation li ul li li a li a {
|
||||
padding-left: 4rem; }
|
||||
#panel .navigation li ul li.active > a {
|
||||
background: #ccc; }
|
||||
|
||||
.blog-header {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem; }
|
||||
.blog-header.blog-header-image {
|
||||
background-size: cover;
|
||||
background-position: center; }
|
||||
.blog-header.blog-header-image h1, .blog-header.blog-header-image h2 {
|
||||
color: #FFFFFF; }
|
||||
.blog-header h1 {
|
||||
font-size: 4rem;
|
||||
margin-top: 0; }
|
||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||
.blog-header h1 {
|
||||
font-size: 3rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.blog-header h1 {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 2.5rem; } }
|
||||
.blog-header + .blog-content {
|
||||
padding-top: 3rem; }
|
||||
|
||||
.list-item {
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
margin-bottom: 3rem; }
|
||||
.list-item:last-child {
|
||||
border-bottom: 0; }
|
||||
.list-item .list-blog-header {
|
||||
position: relative; }
|
||||
.list-item .list-blog-header h4 {
|
||||
margin-bottom: 0.5rem; }
|
||||
.list-item .list-blog-header h4 a {
|
||||
color: #444; }
|
||||
.list-item .list-blog-header h4 a:hover {
|
||||
color: #1BB3E9; }
|
||||
.list-item .list-blog-header img {
|
||||
display: block;
|
||||
margin-top: 1rem;
|
||||
border-radius: 3px; }
|
||||
.list-item .list-blog-date {
|
||||
float: right;
|
||||
text-align: center; }
|
||||
.list-item .list-blog-date span {
|
||||
display: block;
|
||||
font-size: 1.75rem;
|
||||
font-weight: 600;
|
||||
line-height: 110%; }
|
||||
.list-item .list-blog-date em {
|
||||
display: block;
|
||||
border-top: 1px solid #EEEEEE;
|
||||
font-style: normal;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.blog-content-item .list-blog-padding > p:nth-child(2) {
|
||||
font-size: 1.2rem; }
|
||||
|
||||
.tags a {
|
||||
display: inline-block;
|
||||
font-size: 0.8rem;
|
||||
border: 1px solid #1BB3E9;
|
||||
border-radius: 3px;
|
||||
padding: 0.1rem 0.4rem;
|
||||
margin-bottom: 0.2rem;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.archives, .related-pages {
|
||||
padding: 0;
|
||||
list-style: none; }
|
||||
.archives li, .related-pages li {
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
line-height: 2rem; }
|
||||
.archives li:last-child, .related-pages li:last-child {
|
||||
border-bottom: 0; }
|
||||
|
||||
.related-pages li a {
|
||||
display: block; }
|
||||
.related-pages .score {
|
||||
display: block;
|
||||
float: right;
|
||||
color: #999;
|
||||
font-size: 85%; }
|
||||
|
||||
.syndicate a {
|
||||
margin-bottom: 1rem; }
|
||||
|
||||
div#breadcrumbs {
|
||||
padding-left: 0; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
div#breadcrumbs {
|
||||
display: none; } }
|
||||
|
||||
#sidebar {
|
||||
padding-left: 3rem; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
#sidebar {
|
||||
padding-left: 0; } }
|
||||
#sidebar .sidebar-content {
|
||||
margin-bottom: 3rem; }
|
||||
#sidebar .sidebar-content h4 {
|
||||
margin-bottom: 1rem; }
|
||||
#sidebar .sidebar-content p, #sidebar .sidebar-content ul {
|
||||
margin-top: 1rem; }
|
||||
|
||||
ul.pagination {
|
||||
margin: 0 0 3rem;
|
||||
text-align: center; }
|
||||
|
||||
.prev-next {
|
||||
margin-top: 5rem;
|
||||
text-align: center; }
|
||||
|
||||
#error {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
padding-bottom: 6rem; }
|
||||
#error h1 {
|
||||
font-size: 5rem; }
|
||||
#error p {
|
||||
margin: 1rem 0; }
|
||||
|
||||
.simplesearch h1 {
|
||||
margin-bottom: 0; }
|
||||
.simplesearch .center {
|
||||
text-align: center; }
|
||||
.simplesearch input {
|
||||
display: inline-block;
|
||||
max-width: 30rem;
|
||||
font-size: 2rem; }
|
||||
.simplesearch .search-image {
|
||||
margin-top: 1rem; }
|
||||
.simplesearch .search-image img {
|
||||
border-radius: 4px; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.simplesearch .search-image img {
|
||||
display: none; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.simplesearch .search-item {
|
||||
margin-left: 0; } }
|
||||
.simplesearch .search-wrapper .search-submit {
|
||||
height: 52px;
|
||||
padding: 0 10px; }
|
||||
.simplesearch .search-wrapper .search-submit img {
|
||||
width: 30px; }
|
||||
.simplesearch .search-details {
|
||||
float: right;
|
||||
margin-top: -2.5rem;
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
color: #777777; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.simplesearch .search-details {
|
||||
float: none;
|
||||
margin-top: -0.2rem;
|
||||
margin-bottom: 1rem; } }
|
||||
.simplesearch hr {
|
||||
border-bottom: 1px solid #eee; }
|
||||
|
||||
.grav-lightslider .lSSlideOuter .lSPager.lSpg > li a {
|
||||
z-index: 1; }
|
||||
|
||||
#body > script:first-child + .grav-lightslider {
|
||||
margin-top: -3rem; }
|
||||
|
||||
.modular.header-image #header {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
box-shadow: none; }
|
||||
.modular.header-image #header #logo h3 {
|
||||
color: #FFFFFF; }
|
||||
.modular.header-image #header #navbar a {
|
||||
color: #FFFFFF; }
|
||||
.modular .showcase {
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 4rem;
|
||||
background-color: #666;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
text-align: center;
|
||||
color: #FFFFFF; }
|
||||
.modular .showcase h1 {
|
||||
font-size: 4rem;
|
||||
margin-top: 0; }
|
||||
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
||||
.modular .showcase h1 {
|
||||
font-size: 3rem; } }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.modular .showcase h1 {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 2.5rem; } }
|
||||
.modular .showcase .button {
|
||||
color: #FFFFFF;
|
||||
padding: 0.7rem 2rem;
|
||||
margin-top: 2rem;
|
||||
background: rgba(255, 255, 255, 0);
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 3px;
|
||||
box-shadow: none;
|
||||
font-size: 1.3rem; }
|
||||
.modular .showcase .button:hover {
|
||||
background: rgba(255, 255, 255, 0.2); }
|
||||
|
||||
.modular .features {
|
||||
padding: 6rem 0;
|
||||
text-align: center; }
|
||||
.modular .features:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
.modular .features h2 {
|
||||
margin: 0;
|
||||
line-height: 100%; }
|
||||
.modular .features p {
|
||||
margin: 1rem 0;
|
||||
font-size: 1.2rem; }
|
||||
@media only all and (max-width: 47.938em) {
|
||||
.modular .features p {
|
||||
font-size: 1rem; } }
|
||||
.modular .features .feature-items {
|
||||
margin-top: 2rem; }
|
||||
@supports not (flex-wrap: wrap) {
|
||||
.modular .features .feature-items {
|
||||
overflow: hidden; } }
|
||||
.modular .features .feature {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 25%;
|
||||
vertical-align: top;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem; }
|
||||
@media only all and (min-width: 30.063em) and (max-width: 47.938em) {
|
||||
.modular .features .feature {
|
||||
margin-top: 1rem;
|
||||
width: 50%; } }
|
||||
@media only all and (max-width: 30em) {
|
||||
.modular .features .feature {
|
||||
margin-top: 1rem;
|
||||
width: 100%; } }
|
||||
.modular .features .feature i.fa {
|
||||
font-size: 2rem;
|
||||
color: #1BB3E9; }
|
||||
.modular .features .feature h4 {
|
||||
margin: 0;
|
||||
font-size: 1.1rem; }
|
||||
.modular .features .feature p {
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
margin: 0.2rem 0 1rem; }
|
||||
.modular .features.big {
|
||||
text-align: center; }
|
||||
.modular .features.big .feature {
|
||||
width: 50%; }
|
||||
@media only all and (max-width: 30em) {
|
||||
.modular .features.big .feature {
|
||||
margin-top: 1rem;
|
||||
width: 100%; } }
|
||||
.modular .features.big i.fa {
|
||||
font-size: 3rem;
|
||||
float: left; }
|
||||
.modular .features.big .feature-content {
|
||||
padding-right: 2rem; }
|
||||
.modular .features.big .feature-content.icon-offset {
|
||||
margin-left: 5rem; }
|
||||
.modular .features.big .feature-content h4 {
|
||||
font-size: 1.3rem;
|
||||
text-align: left; }
|
||||
.modular .features.big .feature-content p {
|
||||
padding: 0;
|
||||
text-align: left; }
|
||||
|
||||
.callout {
|
||||
background: #f6f6f6;
|
||||
padding: 6rem 0.938rem; }
|
||||
@media only all and (max-width: 59.938em) {
|
||||
.callout {
|
||||
text-align: center; } }
|
||||
.callout .align-left {
|
||||
float: left;
|
||||
margin-right: 2rem; }
|
||||
@media only all and (max-width: 59.938em) {
|
||||
.callout .align-left {
|
||||
float: none;
|
||||
margin-right: 0; } }
|
||||
.callout .align-right {
|
||||
float: right;
|
||||
margin-left: 2rem; }
|
||||
@media only all and (max-width: 59.938em) {
|
||||
.callout .align-right {
|
||||
float: none;
|
||||
margin-left: 0; } }
|
||||
.callout img {
|
||||
border-radius: 3px; }
|
||||
|
||||
.modular .modular-row:last-child {
|
||||
margin-bottom: 2rem; }
|
||||
|
||||
/*# sourceMappingURL=template.css.map */
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,24 +0,0 @@
|
|||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.fixed-blocks {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-items {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.modular .features .feature {
|
||||
margin: 1%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
float: none;
|
||||
}
|
|
@ -1,62 +0,0 @@
|
|||
/* IE9 Resets and Normalization */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
|
@ -1,121 +0,0 @@
|
|||
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
text-shadow: 0 1px white;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.builtin {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string,
|
||||
.token.variable {
|
||||
color: #a67f59;
|
||||
background: hsla(0,0%,100%,.5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
|
||||
.token.regex,
|
||||
.token.important {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
/*!
|
||||
Pure v0.5.0-rc-1
|
||||
Copyright 2014 Yahoo! Inc. All rights reserved.
|
||||
Licensed under the BSD License.
|
||||
https://github.com/yui/pure/blob/master/LICENSE.md
|
||||
*/
|
||||
.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}
|
||||
|
||||
/* Custom */
|
||||
[class *="pure-u"] {display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;}
|
||||
.pure-u-1-7 {width: 14.285%;}.pure-u-2-7 {width: 28.571%;}.pure-u-3-7 {width: 42.857%;}.pure-u-4-7 {width: 57.142%;}.pure-u-5-7 {width: 71.428%;}.pure-u-6-7 {width: 85.714%;}
|
||||
.pure-u-1-9 {width: 11.111%;}.pure-u-2-9 {width: 22.222%;}.pure-u-3-9 {width: 33.333%;}.pure-u-4-9 {width: 44.444%;}.pure-u-5-9 {width: 55.555%;}.pure-u-6-9 {width: 66.666%;}.pure-u-7-9 {width: 77.777%;}.pure-u-8-9 {width: 88.888%;}
|
||||
.pure-u-1-10 {width: 10%;}.pure-u-2-10 {width: 20%;}.pure-u-3-10 {width: 30%;}.pure-u-4-10 {width: 40%;}.pure-u-5-10 {width: 50%;}.pure-u-6-10 {width: 60%;}.pure-u-7-10 {width: 70%;}.pure-u-8-10 {width: 80%;}.pure-u-9-10 {width: 90%;}
|
||||
|
||||
.pure-u-1-11 {width: 9.090%;}.pure-u-2-11 {width: 18.181%;}.pure-u-3-11 {width: 27.272%;}.pure-u-4-11 {width: 36.363%;}.pure-u-5-11 {width: 45.454%;}.pure-u-6-11 {width: 54.545%;}.pure-u-7-11 {width: 63.636%;}.pure-u-8-11 {width: 72.727%;}.pure-u-9-11 {width: 81.818%;}.pure-u-10-11 {width: 90.909%;}
|
|
@ -1,2 +0,0 @@
|
|||
/* Slidebars 0.10.2 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
|
||||
#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222;-webkit-transform:translate(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;}.sb-hide{display:none}
|
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Before Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -1,15 +0,0 @@
|
|||
{
|
||||
"project":"grav-theme-antimatter",
|
||||
"platforms":{
|
||||
"grav":{
|
||||
"nodes":{
|
||||
"theme":[
|
||||
{
|
||||
"source":"/",
|
||||
"destination":"/user/themes/antimatter"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Binary file not shown.
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
Before Width: | Height: | Size: 8.5 KiB |
|
@ -1,37 +0,0 @@
|
|||
var isTouch = window.DocumentTouch && document instanceof DocumentTouch;
|
||||
|
||||
function scrollHeader() {
|
||||
// Has scrolled class on header
|
||||
var zvalue = $(document).scrollTop();
|
||||
if ( zvalue > 75 )
|
||||
$("#header").addClass("scrolled");
|
||||
else
|
||||
$("#header").removeClass("scrolled");
|
||||
}
|
||||
|
||||
jQuery(document).ready(function($){
|
||||
|
||||
// ON SCROLL EVENTS
|
||||
if (!isTouch){
|
||||
$(document).scroll(function() {
|
||||
scrollHeader();
|
||||
});
|
||||
};
|
||||
|
||||
// TOUCH SCROLL
|
||||
$(document).on({
|
||||
'touchmove': function(e) {
|
||||
scrollHeader(); // Replace this with your code.
|
||||
}
|
||||
});
|
||||
|
||||
//Smooth scroll to top
|
||||
$('#toTop').click(function(){
|
||||
$("html, body").animate({ scrollTop: 0 }, 500);
|
||||
return false;
|
||||
});
|
||||
// Responsive Menu
|
||||
|
||||
});
|
||||
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
/**
|
||||
* @preserve HTML5 Shiv prev3.7.1 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=x.elements;return"string"==typeof a?a.split(" "):a}function e(a){var b=w[a[u]];return b||(b={},v++,a[u]=v,w[v]=b),b}function f(a,c,d){if(c||(c=b),p)return c.createElement(a);d||(d=e(c));var f;return f=d.cache[a]?d.cache[a].cloneNode():t.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!f.canHaveChildren||s.test(a)||f.tagUrn?f:d.frag.appendChild(f)}function g(a,c){if(a||(a=b),p)return a.createDocumentFragment();c=c||e(a);for(var f=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)f.createElement(h[g]);return f}function h(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return x.shivMethods?f(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(x,b.frag)}function i(a){a||(a=b);var d=e(a);return!x.shivCSS||o||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),p||h(a,d),a}function j(a){for(var b,c=a.getElementsByTagName("*"),e=c.length,f=RegExp("^(?:"+d().join("|")+")$","i"),g=[];e--;)b=c[e],f.test(b.nodeName)&&g.push(b.applyElement(k(b)));return g}function k(a){for(var b,c=a.attributes,d=c.length,e=a.ownerDocument.createElement(z+":"+a.nodeName);d--;)b=c[d],b.specified&&e.setAttribute(b.nodeName,b.nodeValue);return e.style.cssText=a.style.cssText,e}function l(a){for(var b,c=a.split("{"),e=c.length,f=RegExp("(^|[\\s,>+~])("+d().join("|")+")(?=[[\\s,>+~#.:]|$)","gi"),g="$1"+z+"\\:$2";e--;)b=c[e]=c[e].split("}"),b[b.length-1]=b[b.length-1].replace(f,g),c[e]=b.join("}");return c.join("{")}function m(a){for(var b=a.length;b--;)a[b].removeNode()}function n(a){function b(){clearTimeout(g._removeSheetTimer),d&&d.removeNode(!0),d=null}var d,f,g=e(a),h=a.namespaces,i=a.parentWindow;return!A||a.printShived?a:("undefined"==typeof h[z]&&h.add(z),i.attachEvent("onbeforeprint",function(){b();for(var e,g,h,i=a.styleSheets,k=[],m=i.length,n=Array(m);m--;)n[m]=i[m];for(;h=n.pop();)if(!h.disabled&&y.test(h.media)){try{e=h.imports,g=e.length}catch(o){g=0}for(m=0;g>m;m++)n.push(e[m]);try{k.push(h.cssText)}catch(o){}}k=l(k.reverse().join("")),f=j(a),d=c(a,k)}),i.attachEvent("onafterprint",function(){m(f),clearTimeout(g._removeSheetTimer),g._removeSheetTimer=setTimeout(b,500)}),a.printShived=!0,a)}var o,p,q="3.7.0",r=a.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,t=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,u="_html5shiv",v=0,w={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",o="hidden"in a,p=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){o=!0,p=!0}}();var x={elements:r.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:q,shivCSS:r.shivCSS!==!1,supportsUnknownElements:p,shivMethods:r.shivMethods!==!1,type:"default",shivDocument:i,createElement:f,createDocumentFragment:g};a.html5=x,i(b);var y=/^$|\b(?:all|print)\b/,z="html5shiv",A=!p&&function(){var c=b.documentElement;return!("undefined"==typeof b.namespaces||"undefined"==typeof b.parentWindow||"undefined"==typeof c.applyElement||"undefined"==typeof c.removeNode||"undefined"==typeof a.attachEvent)}();x.type+=" print",x.shivPrint=n,n(b)}(this,document);
|
File diff suppressed because one or more lines are too long
|
@ -1,8 +0,0 @@
|
|||
/**
|
||||
* Single Page Nav Plugin
|
||||
* Copyright (c) 2014 Chris Wojcik <hello@chriswojcik.net>
|
||||
* Dual licensed under MIT and GPL.
|
||||
* @author Chris Wojcik
|
||||
* @version 1.2.0
|
||||
*/
|
||||
if(typeof Object.create!=="function"){Object.create=function(e){function t(){}t.prototype=e;return new t}}(function(e,t,n,r){"use strict";var i={init:function(n,r){this.options=e.extend({},e.fn.singlePageNav.defaults,n);this.container=r;this.$container=e(r);this.$links=this.$container.find("a");if(this.options.filter!==""){this.$links=this.$links.filter(this.options.filter)}this.$window=e(t);this.$htmlbody=e("html, body");this.$links.on("click.singlePageNav",e.proxy(this.handleClick,this));this.didScroll=false;this.checkPosition();this.setTimer()},handleClick:function(t){var n=this,r=t.currentTarget,i=e(r.hash);t.preventDefault();if(i.length){n.clearTimer();if(typeof n.options.beforeStart==="function"){n.options.beforeStart()}n.setActiveLink(r.hash);n.scrollTo(i,function(){if(n.options.updateHash&&history.pushState){history.pushState(null,null,r.hash)}n.setTimer();if(typeof n.options.onComplete==="function"){n.options.onComplete()}})}},scrollTo:function(e,t){var n=this;var r=n.getCoords(e).top;var i=false;n.$htmlbody.stop().animate({scrollTop:r},{duration:n.options.speed,easing:n.options.easing,complete:function(){if(typeof t==="function"&&!i){t()}i=true}})},setTimer:function(){var e=this;e.$window.on("scroll.singlePageNav",function(){e.didScroll=true});e.timer=setInterval(function(){if(e.didScroll){e.didScroll=false;e.checkPosition()}},250)},clearTimer:function(){clearInterval(this.timer);this.$window.off("scroll.singlePageNav");this.didScroll=false},checkPosition:function(){var e=this.$window.scrollTop();var t=this.getCurrentSection(e);this.setActiveLink(t)},getCoords:function(e){return{top:Math.round(e.offset().top)-this.options.offset}},setActiveLink:function(e){var t=this.$container.find("a[href$='"+e+"']");if(!t.hasClass(this.options.currentClass)){this.$links.removeClass(this.options.currentClass);t.addClass(this.options.currentClass)}},getCurrentSection:function(t){var n,r,i,s;for(n=0;n<this.$links.length;n++){r=this.$links[n].hash;if(e(r).length){i=this.getCoords(e(r));if(t>=i.top-this.options.threshold){s=r}}}return s||this.$links[0].hash}};e.fn.singlePageNav=function(e){return this.each(function(){var t=Object.create(i);t.init(e,this)})};e.fn.singlePageNav.defaults={offset:0,threshold:120,speed:400,currentClass:"current",easing:"swing",updateHash:false,filter:"",onComplete:false,beforeStart:false}})(jQuery,window,document);
|
|
@ -1,2 +0,0 @@
|
|||
// Slidebars 0.10.2 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt)
|
||||
!function(t){t.slidebars=function(s){function e(){!c.disableOver||"number"==typeof c.disableOver&&c.disableOver>=T?(y=!0,t("html").addClass("sb-init"),c.hideControlClasses&&k.removeClass("sb-hide"),i()):"number"==typeof c.disableOver&&c.disableOver<T&&(y=!1,t("html").removeClass("sb-init"),c.hideControlClasses&&k.addClass("sb-hide"),g.css("minHeight",""),(C||w)&&a())}function i(){g.css("minHeight",""),g.css("minHeight",t("html").height()+"px"),m&&m.hasClass("sb-width-custom")&&m.css("width",m.attr("data-sb-width")),p&&p.hasClass("sb-width-custom")&&p.css("width",p.attr("data-sb-width")),m&&(m.hasClass("sb-style-push")||m.hasClass("sb-style-overlay"))&&m.css("marginLeft","-"+m.css("width")),p&&(p.hasClass("sb-style-push")||p.hasClass("sb-style-overlay"))&&p.css("marginRight","-"+p.css("width")),c.scrollLock&&t("html").addClass("sb-scroll-lock")}function n(t,s,e){var n;if(n=t.hasClass("sb-style-push")?g.add(t).add(O):t.hasClass("sb-style-overlay")?t:g.add(O),"translate"===x)n.css("transform","translate("+s+")");else if("side"===x)"-"===s[0]&&(s=s.substr(1)),"0px"!==s&&n.css(e,"0px"),setTimeout(function(){n.css(e,s)},1);else if("jQuery"===x){"-"===s[0]&&(s=s.substr(1));var o={};o[e]=s,n.stop().animate(o,400)}setTimeout(function(){"0px"===s&&(n.removeAttr("style"),i())},400)}function o(s){function e(){y&&"left"===s&&m?(t("html").addClass("sb-active sb-active-left"),m.addClass("sb-active"),n(m,m.css("width"),"left"),setTimeout(function(){C=!0},400)):y&&"right"===s&&p&&(t("html").addClass("sb-active sb-active-right"),p.addClass("sb-active"),n(p,"-"+p.css("width"),"right"),setTimeout(function(){w=!0},400))}"left"===s&&m&&w||"right"===s&&p&&C?(a(),setTimeout(e,400)):e()}function a(s){(C||w)&&(C&&(n(m,"0px","left"),C=!1),w&&(n(p,"0px","right"),w=!1),setTimeout(function(){t("html").removeClass("sb-active sb-active-left sb-active-right"),m&&m.removeClass("sb-active"),p&&p.removeClass("sb-active"),"undefined"!=typeof s&&(window.location=s)},400))}function l(t){"left"===t&&m&&(C?a():o("left")),"right"===t&&p&&(w?a():o("right"))}function r(t,s){t.stopPropagation(),t.preventDefault(),"touchend"===t.type&&s.off("click")}var c=t.extend({siteClose:!0,scrollLock:!1,disableOver:!1,hideControlClasses:!1},s),h=document.createElement("div").style,d=!1,f=!1;(""===h.MozTransition||""===h.WebkitTransition||""===h.OTransition||""===h.transition)&&(d=!0),(""===h.MozTransform||""===h.WebkitTransform||""===h.OTransform||""===h.transform)&&(f=!0);var u=navigator.userAgent,b=!1,v=!1;/Android/.test(u)?b=u.substr(u.indexOf("Android")+8,3):/(iPhone|iPod|iPad)/.test(u)&&(v=u.substr(u.indexOf("OS ")+3,3).replace("_",".")),(b&&3>b||v&&5>v)&&t("html").addClass("sb-static");var g=t("#sb-site, .sb-site-container");if(t(".sb-left").length)var m=t(".sb-left"),C=!1;if(t(".sb-right").length)var p=t(".sb-right"),w=!1;var y=!1,T=t(window).width(),k=t(".sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close"),O=t(".sb-slide");e(),t(window).resize(function(){var s=t(window).width();T!==s&&(T=s,e(),C&&o("left"),w&&o("right"))});var x;d&&f?(x="translate",b&&4.4>b&&(x="side")):x="jQuery",this.slidebars={open:o,close:a,toggle:l,init:function(){return y},active:function(t){return"left"===t&&m?C:"right"===t&&p?w:void 0},destroy:function(t){"left"===t&&m&&(C&&a(),setTimeout(function(){m.remove(),m=!1},400)),"right"===t&&p&&(w&&a(),setTimeout(function(){p.remove(),p=!1},400))}},t(".sb-toggle-left").on("touchend click",function(s){r(s,t(this)),l("left")}),t(".sb-toggle-right").on("touchend click",function(s){r(s,t(this)),l("right")}),t(".sb-open-left").on("touchend click",function(s){r(s,t(this)),o("left")}),t(".sb-open-right").on("touchend click",function(s){r(s,t(this)),o("right")}),t(".sb-close").on("touchend click",function(s){if(t(this).is("a")||t(this).children().is("a")){if("click"===s.type){s.preventDefault();var e=t(this).is("a")?t(this).attr("href"):t(this).find("a").attr("href");a(e)}}else r(s,t(this)),a()}),g.on("touchend click",function(s){c.siteClose&&(C||w)&&(r(s,t(this)),a())})}}(jQuery);
|
|
@ -1,295 +0,0 @@
|
|||
en:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Continue reading...
|
||||
NEXT_POST: Next Post
|
||||
PREV_POST: Previous Post
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Search
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Related Posts
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Random Article
|
||||
FEELING_LUCKY: I'm Feeling Lucky!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Some Text Widget
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Popular Tags
|
||||
ARCHIVES:
|
||||
HEADLINE: Archives
|
||||
SYNDICATE:
|
||||
HEADLINE: Syndicate
|
||||
FORM_DATA:
|
||||
SUMMARY: "Here is the summary of what you wrote to us:"
|
||||
ERROR: Error
|
||||
|
||||
de:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Weiterlesen...
|
||||
NEXT_POST: Nächster Beitrag
|
||||
PREV_POST: Vorheriger Beitrag
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: SimpleSearch
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Ähnliche Beiträge
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Zufälliger Artikel
|
||||
FEELING_LUCKY: Auf gut Glück!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Text Widget Beispiel
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Häufigste Tags
|
||||
ARCHIVES:
|
||||
HEADLINE: Archiv
|
||||
SYNDICATE:
|
||||
HEADLINE: Abonnements
|
||||
FORM_DATA:
|
||||
SUMMARY: "Folgendes haben Sie uns mitgeteilt:"
|
||||
ERROR: Fehler
|
||||
|
||||
es:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Continuar leyendo...
|
||||
NEXT_POST: Siguiente Entrada
|
||||
PREV_POST: Entrada Anterior
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Buscar
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Entradas Relacionadas
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Artículo Aleatorio
|
||||
FEELING_LUCKY: Voy a tener suerte!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Algunos Widget de Texto
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Etiquetas Populares
|
||||
ARCHIVES:
|
||||
HEADLINE: Archivos
|
||||
SYNDICATE:
|
||||
HEADLINE: Distribuir
|
||||
FORM_DATA:
|
||||
SUMMARY: "Este es un resumen de lo escrito:"
|
||||
ERROR: Error
|
||||
|
||||
fr:
|
||||
TRANSLATION_TEST: Antimatter !
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Continuer la lecture...
|
||||
NEXT_POST: Article suivant
|
||||
PREV_POST: Article précédent
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Recherche simple
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Articles en relation
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Article aléatoire
|
||||
FEELING_LUCKY: J’ai de la chance !
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Du texte gadget
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Tags populaires
|
||||
ARCHIVES:
|
||||
HEADLINE: Archives
|
||||
SYNDICATE:
|
||||
HEADLINE: Syndication
|
||||
FORM_DATA:
|
||||
SUMMARY: "Voici le résumé de ce que vous avez écrit pour nous :"
|
||||
ERROR: Erreur
|
||||
|
||||
it:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Continua a leggere...
|
||||
NEXT_POST: Prossimo articolo
|
||||
PREV_POST: Articolo precedente
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: SimpleSearch
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Articoli correlati
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Articolo a caso
|
||||
FEELING_LUCKY: Mi sento fortunato!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Widget di testo
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Tag popolari
|
||||
ARCHIVES:
|
||||
HEADLINE: Archivio
|
||||
SYNDICATE:
|
||||
HEADLINE: Feed
|
||||
FORM_DATA:
|
||||
SUMMARY: "Questo è il riassunto di quanto ci hai scritto:"
|
||||
ERROR: Errore
|
||||
|
||||
ro:
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Mai multe...
|
||||
NEXT_POST: Următorul articol
|
||||
PREV_POST: Articolul anterior
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Căutare
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Articole corelate
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Articol aleator
|
||||
FEELING_LUCKY: Mă simt norocos
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Text modular
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Etichete populare
|
||||
ARCHIVES:
|
||||
HEADLINE: Arhive
|
||||
SYNDICATE:
|
||||
HEADLINE: Abonați-vă
|
||||
FORM_DATA:
|
||||
SUMMARY: "Acesta este rezumatul mesajului Dvs:"
|
||||
ERROR: Eroare
|
||||
|
||||
ru:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Читать далее...
|
||||
NEXT_POST: Следующая запись
|
||||
PREV_POST: Предыдущая запись
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Поиск
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Также читайте
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Случайная запись
|
||||
FEELING_LUCKY: Мне повезёт!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Текстовой виджет
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Популярные теги
|
||||
ARCHIVES:
|
||||
HEADLINE: Архив
|
||||
SYNDICATE:
|
||||
HEADLINE: Синдикация
|
||||
FORM_DATA:
|
||||
SUMMARY: "Вы написали нам:"
|
||||
ERROR: Ошибка
|
||||
|
||||
uk:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Читати далі...
|
||||
NEXT_POST: Наступний запис
|
||||
PREV_POST: Попередній запис
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Пошук
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Також читайте
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Випадковий запис
|
||||
FEELING_LUCKY: Мені пощастить!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Текстовий віджет
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Популярні теги
|
||||
ARCHIVES:
|
||||
HEADLINE: Архів
|
||||
SYNDICATE:
|
||||
HEADLINE: Синдикація
|
||||
FORM_DATA:
|
||||
SUMMARY: "Ви написали нам:"
|
||||
ERROR: Помилка
|
||||
|
||||
hr:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Nastavi s čitanjem...
|
||||
NEXT_POST: Slijedeća objava
|
||||
PREV_POST: Prethodna objava
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Pretraživanje
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Povezane objave
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Slučajni članak
|
||||
FEELING_LUCKY: Osjećam se sretno!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Neki tekst widget
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Popularni tagovi
|
||||
ARCHIVES:
|
||||
HEADLINE: Arhiva
|
||||
SYNDICATE:
|
||||
HEADLINE: Kanali
|
||||
FORM_DATA:
|
||||
SUMMARY: "Ovo je sažetak onog što ste nam napisali:"
|
||||
ERROR: Greška
|
||||
|
||||
pl:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Czytaj dalej...
|
||||
NEXT_POST: Następny wpis
|
||||
PREV_POST: Poprzedni wpis
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Szukaj
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Powiązane wpisy
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Losowy wpis
|
||||
FEELING_LUCKY: Szczęśliwy traf!
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Jakiś tekst - widget
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Popularne tagi
|
||||
ARCHIVES:
|
||||
HEADLINE: Archiwum
|
||||
SYNDICATE:
|
||||
HEADLINE: Feed
|
||||
FORM_DATA:
|
||||
SUMMARY: "Podsumowanie tego co do nas napisałeś:"
|
||||
ERROR: Błąd
|
||||
|
||||
pt-BR:
|
||||
TRANSLATION_TEST: Antimatter!
|
||||
BLOG:
|
||||
ITEM:
|
||||
CONTINUE_READING: Continue lendo...
|
||||
NEXT_POST: Próximo Post
|
||||
PREV_POST: Post anterior
|
||||
SIDEBAR:
|
||||
SIMPLE_SEARCH:
|
||||
HEADLINE: Buscar
|
||||
RELATED_POSTS:
|
||||
HEADLINE: Posts relacionados
|
||||
RANDOM_ARTICLE:
|
||||
HEADLINE: Artigo aleatório
|
||||
FEELING_LUCKY: Me sinto sortudo.
|
||||
SOME_TEXT_WIDGET:
|
||||
HEADLINE: Algum widget de texto
|
||||
POPULAR_TAGS:
|
||||
HEADLINE: Tags Populares
|
||||
ARCHIVES:
|
||||
HEADLINE: Arquivos
|
||||
SYNDICATE:
|
||||
HEADLINE: Feed
|
||||
FORM_DATA:
|
||||
SUMMARY: "Aqui está o resumo do que você nos escreveu:"
|
||||
ERROR: Erro
|
Binary file not shown.
Before Width: | Height: | Size: 159 KiB |
|
@ -1,2 +0,0 @@
|
|||
#!/bin/sh
|
||||
scss --watch scss:css-compiled
|
|
@ -1,14 +0,0 @@
|
|||
// Core
|
||||
@import "core";
|
||||
|
||||
// Breakpoints
|
||||
@import "breakpoints";
|
||||
|
||||
// Layout
|
||||
@import "layout";
|
||||
|
||||
// Typography
|
||||
@import "typography";
|
||||
|
||||
// Nav
|
||||
@import "nav";
|
|
@ -1,16 +0,0 @@
|
|||
// Media Device Breakpoints
|
||||
$large-desktop-container: 75.000em !default;
|
||||
$desktop-container: 60.000em !default;
|
||||
$tablet-container: 48.000em !default;
|
||||
$large-mobile-container: 30.000em !default;
|
||||
$mobile-container: 100% !default;
|
||||
|
||||
// Breakpoint Variables For Particles
|
||||
$media: "all" !default;
|
||||
$mobile-only: "#{$media} and (max-width:#{$tablet-container - 0.062})" !default;
|
||||
$no-mobile: "#{$media} and (min-width:#{$tablet-container})" !default;
|
||||
$small-mobile-range: "#{$media} and (max-width:#{$large-mobile-container})" !default;
|
||||
$large-mobile-range: "#{$media} and (min-width:#{$large-mobile-container + 0.063}) and (max-width:#{$tablet-container - 0.062})" !default;
|
||||
$tablet-range: "#{$media} and (min-width:#{$tablet-container}) and (max-width:#{$desktop-container - 0.062})" !default;
|
||||
$desktop-range: "#{$media} and (min-width:#{$desktop-container}) and (max-width:#{$large-desktop-container - 0.062})" !default;
|
||||
$large-desktop-range: "#{$media} and (min-width:#{$large-desktop-container})" !default;
|
|
@ -1,2 +0,0 @@
|
|||
// Border Radius
|
||||
$core-border-radius: rem(3) !default;
|
|
@ -1,8 +0,0 @@
|
|||
// Content Block Spacing Variables
|
||||
$content-margin: 0.625rem !default;
|
||||
$content-padding: 0.938rem !default;
|
||||
|
||||
// Fixed Block Variables
|
||||
$fixed-block-full: percentage(1/4) !default;
|
||||
$fixed-block-desktop: percentage(1/3) !default;
|
||||
$fixed-block-tablet: percentage(1/2) !default;
|
|
@ -1,3 +0,0 @@
|
|||
// Dropdowns
|
||||
$dropdown-width: 140px !default;
|
||||
$flyout-width: 140px !default;
|
|
@ -1,14 +0,0 @@
|
|||
// Base Sizes
|
||||
$core-font-size: 1rem !default;
|
||||
$core-line-height: 1.7 !default;
|
||||
|
||||
// Heading Sizes
|
||||
$h1-font-size: $core-font-size + 2.20 !default;
|
||||
$h2-font-size: $core-font-size + 1.50 !default;
|
||||
$h3-font-size: $core-font-size + 1.10 !default;
|
||||
$h4-font-size: $core-font-size + 0.75 !default;
|
||||
$h5-font-size: $core-font-size + 0.35 !default;
|
||||
$h6-font-size: $core-font-size - 0.15 !default;
|
||||
|
||||
// Spacing
|
||||
$leading-margin: $core-line-height * 1rem !default;
|
|
@ -1,11 +0,0 @@
|
|||
// Colors
|
||||
@import "colors";
|
||||
|
||||
// Typography
|
||||
@import "typography";
|
||||
|
||||
// Typography
|
||||
@import "bullets";
|
||||
|
||||
// Variables
|
||||
@import "variables";
|
|
@ -1,5 +0,0 @@
|
|||
$bullet-icon-size: 3.5rem;
|
||||
|
||||
$bullet-icon-color-1: $core-accent;
|
||||
$bullet-icon-color-2: adjust-hue($core-accent, -20);
|
||||
$bullet-icon-color-3: adjust-hue($core-accent, -130);
|
|
@ -1,75 +0,0 @@
|
|||
// Core
|
||||
$core-text: #444;
|
||||
$core-accent: #1BB3E9;
|
||||
$secondary-link: #F6635E;
|
||||
$white: #fff;
|
||||
$black: #000;
|
||||
$light-gray: #ddd;
|
||||
$border-color: #EEEEEE;
|
||||
|
||||
// Borders
|
||||
$core-border-color: $light-gray;
|
||||
$core-border-color-hover: darken($core-border-color, 10);
|
||||
$core-border-color-focus: $core-accent;
|
||||
|
||||
// Shadows
|
||||
$core-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
|
||||
$core-box-shadow-focus: $core-box-shadow, 0 0 5px rgba(darken($core-border-color-focus, 5), 0.7);
|
||||
|
||||
// Background
|
||||
$page-bg: #fff;
|
||||
|
||||
// Header
|
||||
$header-text: #FFFFFF;
|
||||
|
||||
// Nav
|
||||
$navbar-text: #75879A;
|
||||
$navbar-bg: #FFFFFF;
|
||||
|
||||
// Showcase
|
||||
$showcase-bg: lighten($core-accent, 6%);
|
||||
$showcase-text: #fff;
|
||||
|
||||
// Feature
|
||||
$feature-bg: #fff;
|
||||
|
||||
// Main Body
|
||||
$main-bg: #f7f7f7;
|
||||
$body-border: darken($main-bg, 5%);
|
||||
|
||||
// Sidebar
|
||||
$sidebar-text: #aaa;
|
||||
|
||||
// Bottom
|
||||
$bottom-bg: #f7f7f7;
|
||||
$bottom-text: $core-text;
|
||||
|
||||
// Footer
|
||||
$footer-bg: #333;
|
||||
$footer-text: #999;
|
||||
|
||||
$rule-color: #F0F2F4;
|
||||
$code-text: #c7254e;
|
||||
$code-bg: #f9f2f4;
|
||||
$pre-text: #237794;
|
||||
$pre-bg: #f0f0f0;
|
||||
|
||||
// Dark Contrast variation
|
||||
$dark-navbar-text: #999;
|
||||
$dark-sidebar: #222;
|
||||
$dark-sidebar-text: #999;
|
||||
$dark-main-bg: #333;
|
||||
$dark-body-border: #666;
|
||||
|
||||
// Info - Yellow
|
||||
$notes-info-border: #F0AD4E;
|
||||
$notes-info-bg: #FCF8F2;
|
||||
// Warning - Red
|
||||
$notes-warning-border: #D9534F;
|
||||
$notes-warning-bg: #FDF7F7;
|
||||
// Note - Blue
|
||||
$notes-note-border: #5BC0DE;
|
||||
$notes-note-bg: #F4F8FA;
|
||||
// Success - Green
|
||||
$notes-success-border: #5CB85C;
|
||||
$notes-success-bg: #F1F9F1;
|
|
@ -1,7 +0,0 @@
|
|||
// Font Family
|
||||
$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
|
||||
$font-family-mono: "Inconsolata", monospace;
|
||||
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
|
||||
|
||||
$icons: "FontAwesome";
|
|
@ -1,13 +0,0 @@
|
|||
// Sizes
|
||||
$header-height: 5rem;
|
||||
$footer-height: 6rem;
|
||||
$border-radius: 3px;
|
||||
|
||||
// Font Weights
|
||||
$font-weight-bold: 600;
|
||||
$font-weight-regular: 400;
|
||||
$font-weight-light:300;
|
||||
|
||||
// Global Paddings
|
||||
$padding-horiz: 7rem;
|
||||
$padding-vert: 3rem;
|
|
@ -1,27 +0,0 @@
|
|||
// REQUIRED DEPENDENCIES - DO NOT CHANGE
|
||||
|
||||
// Load Third Party Libraries
|
||||
@import "vendor/bourbon/bourbon";
|
||||
|
||||
// Load Nucleus Configuration
|
||||
@import "configuration/nucleus/base";
|
||||
|
||||
// Load Nucleus Mixins and Functions
|
||||
@import "nucleus/functions/base";
|
||||
@import "nucleus/mixins/base";
|
||||
|
||||
//-------------------------------------------
|
||||
|
||||
// LOAD NUCLEUS COMPONENTS
|
||||
|
||||
// Core
|
||||
@import "nucleus/core";
|
||||
|
||||
// Flex
|
||||
@import "nucleus/flex";
|
||||
|
||||
// Typography
|
||||
@import "nucleus/typography";
|
||||
|
||||
// Forms
|
||||
@import "nucleus/forms";
|
|
@ -1,217 +0,0 @@
|
|||
*, *::before, *::after {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
@-webkit-viewport{width:device-width}
|
||||
@-moz-viewport{width:device-width}
|
||||
@-ms-viewport{width:device-width}
|
||||
@-o-viewport{width:device-width}
|
||||
@viewport{width:device-width}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
background: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: $core-font-size - 0.250;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
hr {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-size: $core-font-size;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tr, td, th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: ($leading-margin / 4) 0;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
|
@ -1,197 +0,0 @@
|
|||
// Page Container
|
||||
.container {
|
||||
width: $large-desktop-container;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
@include breakpoint(desktop-range) {
|
||||
width: $desktop-container;
|
||||
}
|
||||
@include breakpoint(tablet-range) {
|
||||
width: $tablet-container;
|
||||
}
|
||||
@include breakpoint(large-mobile-range) {
|
||||
width: $large-mobile-container;
|
||||
}
|
||||
@include breakpoint(small-mobile-range) {
|
||||
width: $mobile-container;
|
||||
}
|
||||
}
|
||||
|
||||
// Grid Row and Column Setup
|
||||
.grid {
|
||||
@include display(flex);
|
||||
@include flex-flow(row);
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@include breakpoint(mobile-only) {
|
||||
@include flex-flow(row wrap);
|
||||
}
|
||||
}
|
||||
|
||||
.block {
|
||||
@include flex(1);
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
@include breakpoint(mobile-only) {
|
||||
@include flex(0 100%);
|
||||
}
|
||||
}
|
||||
|
||||
// Content Block Spacing
|
||||
.content {
|
||||
margin: $content-margin;
|
||||
padding: $content-padding;
|
||||
}
|
||||
|
||||
body [class*="size-"] {
|
||||
@include breakpoint(mobile-only) {
|
||||
@include flex(0 100%);
|
||||
}
|
||||
}
|
||||
|
||||
// Custom Size Modifiers
|
||||
.size-1-2 {
|
||||
@include flex(0 percentage(1/2));
|
||||
}
|
||||
|
||||
.size-1-3 {
|
||||
@include flex(0 percentage(1/3));
|
||||
}
|
||||
|
||||
.size-1-4 {
|
||||
@include flex(0 percentage(1/4));
|
||||
}
|
||||
|
||||
.size-1-5 {
|
||||
@include flex(0 percentage(1/5));
|
||||
}
|
||||
|
||||
.size-1-6 {
|
||||
@include flex(0 percentage(1/6));
|
||||
}
|
||||
|
||||
.size-1-7 {
|
||||
@include flex(0 percentage(1/7));
|
||||
}
|
||||
|
||||
.size-1-8 {
|
||||
@include flex(0 percentage(1/8));
|
||||
}
|
||||
|
||||
.size-1-9 {
|
||||
@include flex(0 percentage(1/9));
|
||||
}
|
||||
|
||||
.size-1-10 {
|
||||
@include flex(0 percentage(1/10));
|
||||
}
|
||||
|
||||
.size-1-11 {
|
||||
@include flex(0 percentage(1/11));
|
||||
}
|
||||
|
||||
.size-1-12 {
|
||||
@include flex(0 percentage(1/12));
|
||||
}
|
||||
|
||||
@include breakpoint(tablet-range) {
|
||||
.size-tablet-1-2 {
|
||||
@include flex(0 percentage(1/2));
|
||||
}
|
||||
|
||||
.size-tablet-1-3 {
|
||||
@include flex(0 percentage(1/3));
|
||||
}
|
||||
|
||||
.size-tablet-1-4 {
|
||||
@include flex(0 percentage(1/4));
|
||||
}
|
||||
|
||||
.size-tablet-1-5 {
|
||||
@include flex(0 percentage(1/5));
|
||||
}
|
||||
|
||||
.size-tablet-1-6 {
|
||||
@include flex(0 percentage(1/6));
|
||||
}
|
||||
|
||||
.size-tablet-1-7 {
|
||||
@include flex(0 percentage(1/7));
|
||||
}
|
||||
|
||||
.size-tablet-1-8 {
|
||||
@include flex(0 percentage(1/8));
|
||||
}
|
||||
|
||||
.size-tablet-1-9 {
|
||||
@include flex(0 percentage(1/9));
|
||||
}
|
||||
|
||||
.size-tablet-1-10 {
|
||||
@include flex(0 percentage(1/10));
|
||||
}
|
||||
|
||||
.size-tablet-1-11 {
|
||||
@include flex(0 percentage(1/11));
|
||||
}
|
||||
|
||||
.size-tablet-1-12 {
|
||||
@include flex(0 percentage(1/12));
|
||||
}
|
||||
}
|
||||
|
||||
// Fix for Firefox versions 27 and below
|
||||
@include breakpoint(mobile-only) {
|
||||
@supports not (flex-wrap: wrap) {
|
||||
.grid {
|
||||
display: block;
|
||||
@include flex-wrap(inherit);
|
||||
}
|
||||
.block {
|
||||
display: block;
|
||||
@include flex(inherit);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Reordering
|
||||
.first-block {
|
||||
-webkit-box-ordinal-group: 0;
|
||||
-webkit-order: -1;
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.last-block {
|
||||
-webkit-box-ordinal-group: 2;
|
||||
-webkit-order: 1;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
// Fixed Grid Style
|
||||
.fixed-blocks {
|
||||
@include flex-flow(row wrap);
|
||||
.block {
|
||||
@include flex(inherit);
|
||||
width: $fixed-block-full;
|
||||
@include breakpoint(desktop-range) {
|
||||
width: $fixed-block-desktop;
|
||||
}
|
||||
@include breakpoint(tablet-range) {
|
||||
width: $fixed-block-tablet;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fix for browsers that don't support flex-wrap
|
||||
@supports not (flex-wrap: wrap) {
|
||||
.fixed-blocks {
|
||||
display: block;
|
||||
@include flex-flow(inherit);
|
||||
}
|
||||
}
|
|
@ -1,63 +0,0 @@
|
|||
fieldset {
|
||||
border: 0;
|
||||
padding: $content-padding;
|
||||
margin: 0 0 $leading-margin 0;
|
||||
}
|
||||
|
||||
input,
|
||||
label,
|
||||
select {
|
||||
display: block;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: $leading-margin / 4;
|
||||
|
||||
&.required:after {
|
||||
content: "*";
|
||||
}
|
||||
|
||||
abbr {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
textarea, #{$all-text-inputs}, select[multiple=multiple] {
|
||||
@include transition(border-color);
|
||||
border-radius: $core-border-radius;
|
||||
margin-bottom: $leading-margin / 2;
|
||||
padding: ($leading-margin / 4) ($leading-margin / 4);
|
||||
width: 100%;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
input[type="checkbox"], input[type="radio"] {
|
||||
display: inline;
|
||||
margin-right: $leading-margin / 4;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
select {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin-bottom: $leading-margin;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type="submit"] {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
border: inherit;
|
||||
}
|
|
@ -1,86 +0,0 @@
|
|||
// Body Base
|
||||
body {
|
||||
font-size: $core-font-size;
|
||||
line-height: $core-line-height;
|
||||
}
|
||||
|
||||
// Headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: $leading-margin / 2 0 $leading-margin 0;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: $h1-font-size;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: $h2-font-size;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: $h3-font-size;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: $h4-font-size;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: $h5-font-size;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: $h6-font-size;
|
||||
}
|
||||
|
||||
// Paragraph
|
||||
p {
|
||||
margin: $leading-margin 0;
|
||||
}
|
||||
|
||||
// Lists
|
||||
ul, ol {
|
||||
margin-top: $leading-margin;
|
||||
margin-bottom: $leading-margin;
|
||||
ul, ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Blockquote
|
||||
blockquote {
|
||||
margin: $leading-margin 0;
|
||||
padding-left: $leading-margin / 2;
|
||||
}
|
||||
|
||||
cite {
|
||||
display: block;
|
||||
font-size: $core-font-size - 0.125;
|
||||
&:before {
|
||||
content: "\2014 \0020";
|
||||
}
|
||||
}
|
||||
|
||||
// Inline and Code
|
||||
pre {
|
||||
margin: $leading-margin 0;
|
||||
padding: $content-padding;
|
||||
}
|
||||
|
||||
code {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
// Extras
|
||||
small {
|
||||
font-size: $core-font-size - 0.125;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
margin: $leading-margin 0;
|
||||
}
|
|
@ -1,2 +0,0 @@
|
|||
@import "direction";
|
||||
@import "range";
|
|
@ -1,37 +0,0 @@
|
|||
@function opposite-direction($dir) {
|
||||
@if $dir == 'left' {
|
||||
@return right;
|
||||
}
|
||||
@else if $dir == 'right' {
|
||||
@return left;
|
||||
}
|
||||
@else if $dir == 'ltr' {
|
||||
@return rtl;
|
||||
}
|
||||
@else if $dir == 'rtl' {
|
||||
@return ltr;
|
||||
}
|
||||
@else if $dir == 'top' {
|
||||
@return bottom;
|
||||
}
|
||||
@else if $dir == 'bottom' {
|
||||
@return top;
|
||||
}
|
||||
@else {
|
||||
@warn "#{$dir} is not a direction! Make sure your direction is all lowercase!";
|
||||
@return false;
|
||||
}
|
||||
}
|
||||
|
||||
@function named-direction($dir) {
|
||||
@if $dir == 'ltr' {
|
||||
@return left;
|
||||
}
|
||||
@else if $dir == 'rtl' {
|
||||
@return right;
|
||||
}
|
||||
@else {
|
||||
@warn "#{$dir} is not a valid HTML direction! Make sure you are using a valid HTML direction";
|
||||
@return false;
|
||||
}
|
||||
}
|
|
@ -1,13 +0,0 @@
|
|||
@function lower-bound($range){
|
||||
@if length($range) <= 0 {
|
||||
@return 0;
|
||||
}
|
||||
@return nth($range,1);
|
||||
}
|
||||
|
||||
@function upper-bound($range) {
|
||||
@if length($range) < 2 {
|
||||
@return 999999999999;
|
||||
}
|
||||
@return nth($range, 2);
|
||||
}
|
|
@ -1,2 +0,0 @@
|
|||
@import "breakpoints";
|
||||
@import "utilities";
|
|
@ -1,30 +0,0 @@
|
|||
// Breakpoints
|
||||
@mixin breakpoint($breakpoints, $media: all) {
|
||||
@each $breakpoint in $breakpoints {
|
||||
@if $breakpoint == large-desktop-range {
|
||||
@media only #{$media} and (min-width: $large-desktop-container) { @content; }
|
||||
}
|
||||
@else if $breakpoint == desktop-range {
|
||||
@media only #{$media} and (min-width: $desktop-container) and (max-width: $large-desktop-container - 0.062) { @content; }
|
||||
}
|
||||
@else if $breakpoint == tablet-range {
|
||||
@media only #{$media} and (min-width: $tablet-container) and (max-width: $desktop-container - 0.062) { @content; }
|
||||
}
|
||||
@else if $breakpoint == large-mobile-range {
|
||||
@media only #{$media} and (min-width: $large-mobile-container + 0.063) and (max-width: $tablet-container - 0.062) { @content; }
|
||||
}
|
||||
@else if $breakpoint == small-mobile-range {
|
||||
@media only #{$media} and (max-width: $large-mobile-container) { @content; }
|
||||
}
|
||||
@else if $breakpoint == no-mobile {
|
||||
@media only #{$media} and (min-width: $tablet-container) { @content; }
|
||||
}
|
||||
@else if $breakpoint == mobile-only {
|
||||
@media only #{$media} and (max-width: $tablet-container - 0.062) { @content; }
|
||||
}
|
||||
@else if $breakpoint == desktop-only {
|
||||
@media only #{$media} and (max-width: $desktop-container - 0.062) { @content; }
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,30 +0,0 @@
|
|||
|
||||
|
||||
// List Reset
|
||||
%list-reset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Vertical Centering
|
||||
%vertical-align {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
// Columns
|
||||
@mixin columns($columns) {
|
||||
width: percentage(1/$columns);
|
||||
}
|
||||
|
||||
// Float with margin variable
|
||||
@mixin float($direction, $margin: 0) {
|
||||
float: $direction;
|
||||
margin-#{opposite-direction($direction)}: $margin;
|
||||
}
|
|
@ -1,46 +0,0 @@
|
|||
// Alignment Classes
|
||||
$align-class-names:
|
||||
large-desktop,
|
||||
desktop,
|
||||
tablet,
|
||||
large-mobile,
|
||||
small-mobile,
|
||||
no-mobile,
|
||||
mobile-only;
|
||||
|
||||
// Breakpoints
|
||||
$align-class-breakpoints:
|
||||
$large-desktop-range,
|
||||
$desktop-range,
|
||||
$tablet-range,
|
||||
$large-mobile-range,
|
||||
$small-mobile-range,
|
||||
$no-mobile,
|
||||
$mobile-only;
|
||||
|
||||
// Create Responsive Alignment Classes
|
||||
@mixin align-classes{
|
||||
.text-left {
|
||||
text-align: left !important;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right !important;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center !important;
|
||||
}
|
||||
.text-justify {
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
@for $i from 1 through length($align-class-names) {
|
||||
@media #{(nth($align-class-breakpoints, $i))} {
|
||||
.#{(nth($align-class-names, $i))}-text-left { text-align: left !important; }
|
||||
.#{(nth($align-class-names, $i))}-text-right { text-align: right !important; }
|
||||
.#{(nth($align-class-names, $i))}-text-center { text-align: center !important; }
|
||||
.#{(nth($align-class-names, $i))}-text-justify { text-align: justify !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include align-classes;
|
|
@ -1,24 +0,0 @@
|
|||
// REQUIRED DEPENDENCIES - DO NOT CHANGE
|
||||
|
||||
// Load Third Party Libraries
|
||||
@import "vendor/bourbon/bourbon";
|
||||
|
||||
// Load Nucleus Configuration
|
||||
@import "configuration/nucleus/base";
|
||||
|
||||
// Load Template Configuration
|
||||
@import "configuration/template/base";
|
||||
|
||||
// Load Nucleus Mixins and Functions
|
||||
@import "nucleus/functions/base";
|
||||
@import "nucleus/mixins/base";
|
||||
|
||||
//-------------------------------------------
|
||||
|
||||
// LOAD PARTICLES
|
||||
|
||||
// Text Alignment Classes
|
||||
@import "nucleus/particles/align-text";
|
||||
|
||||
// Show and Hide Based on Screen Size
|
||||
@import "nucleus/particles/visibility";
|
|
@ -1,67 +0,0 @@
|
|||
// REQUIRED DEPENDENCIES - DO NOT CHANGE
|
||||
|
||||
// Load Third Party Libraries
|
||||
@import "vendor/bourbon/bourbon";
|
||||
|
||||
// Load Nucleus Configuration
|
||||
@import "configuration/nucleus/base";
|
||||
|
||||
// Load Template Configuration
|
||||
@import "configuration/template/base";
|
||||
|
||||
// Load Nucleus Mixins and Functions
|
||||
@import "nucleus/functions/base";
|
||||
@import "nucleus/mixins/base";
|
||||
|
||||
// Load Template Library
|
||||
@import "template/modules/base";
|
||||
|
||||
//-------------------------------------------
|
||||
|
||||
// TEMPLATE COMPONENTS
|
||||
|
||||
// Core
|
||||
@import "template/core";
|
||||
@import "template/fonts";
|
||||
|
||||
// Extensions
|
||||
@import "template/extensions";
|
||||
|
||||
// Header
|
||||
@import "template/header";
|
||||
|
||||
// Footer
|
||||
@import "template/footer";
|
||||
|
||||
// Typography
|
||||
@import "template/typography";
|
||||
|
||||
// Forms
|
||||
@import "template/forms";
|
||||
|
||||
// Tables
|
||||
@import "template/tables";
|
||||
|
||||
// Buttons
|
||||
@import "template/buttons";
|
||||
|
||||
// Bullets
|
||||
@import "template/bullets";
|
||||
|
||||
// Pushy Panel
|
||||
@import "template/panel";
|
||||
|
||||
// Blog
|
||||
@import "template/blog";
|
||||
|
||||
// Errors
|
||||
@import "template/errors";
|
||||
|
||||
// SimpleSearch
|
||||
@import "template/simplesearch";
|
||||
|
||||
// Custom
|
||||
@import "template/custom";
|
||||
|
||||
// Modular
|
||||
@import "template/modular/all";
|
|
@ -1,171 +0,0 @@
|
|||
.blog-header {
|
||||
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
|
||||
&.blog-header-image {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
h1, h2 {
|
||||
color: $header-text;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
margin-top: 0;
|
||||
@include breakpoint(tablet-range) {
|
||||
font-size: 3rem;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
& + .blog-content {
|
||||
padding-top: $padding-vert;
|
||||
}
|
||||
}
|
||||
|
||||
// List Blog Item
|
||||
.list-item {
|
||||
|
||||
border-bottom: 1px solid $border-color;
|
||||
margin-bottom: $padding-vert;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.list-blog-header {
|
||||
position: relative;
|
||||
h4 {
|
||||
|
||||
margin-bottom: 0.5rem;
|
||||
a {
|
||||
color: $core-text;
|
||||
&:hover {
|
||||
color: $core-accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin-top: 1rem;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
}
|
||||
|
||||
.list-blog-date {
|
||||
float: right;
|
||||
text-align: center;
|
||||
span {
|
||||
display: block;
|
||||
font-size: 1.75rem;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 110%;
|
||||
}
|
||||
em {
|
||||
display: block;
|
||||
border-top: 1px solid $border-color;
|
||||
font-style: normal;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Bigger first para
|
||||
.blog-content-item {
|
||||
.list-blog-padding > p:nth-child(2) {
|
||||
font-size: $core-font-size + 0.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
// Tags
|
||||
.tags {
|
||||
a {
|
||||
display: inline-block;
|
||||
font-size: $core-font-size - 0.2rem;
|
||||
border: 1px solid $core-accent;
|
||||
border-radius: $border-radius;
|
||||
padding: 0.1rem 0.4rem;
|
||||
margin-bottom: 0.2rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
// Archives & Related-Pages
|
||||
.archives, .related-pages {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
li {
|
||||
border-bottom: 1px solid $border-color;
|
||||
line-height: $core-font-size + 1rem;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.related-pages {
|
||||
li {
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.score {
|
||||
display: block;
|
||||
float: right;
|
||||
color: #999;
|
||||
font-size: 85%
|
||||
}
|
||||
}
|
||||
|
||||
// Syndicate
|
||||
.syndicate {
|
||||
a {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
// Breadcrumbs
|
||||
div#breadcrumbs {
|
||||
padding-left: 0;
|
||||
@include breakpoint(mobile-only) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar
|
||||
#sidebar {
|
||||
padding-left: 3rem;
|
||||
@include breakpoint(mobile-only) {
|
||||
padding-left: 0;
|
||||
}
|
||||
.sidebar-content {
|
||||
h4 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
p, ul {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
margin-bottom: $padding-vert;
|
||||
}
|
||||
}
|
||||
|
||||
// Pagination
|
||||
ul.pagination {
|
||||
margin: 0 0 $padding-vert;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Prev / Next
|
||||
.prev-next {
|
||||
margin-top: 5rem;
|
||||
text-align: center;
|
||||
}
|
|
@ -1,60 +0,0 @@
|
|||
.bullets {
|
||||
margin: $leading-margin 0;
|
||||
margin-left: -$leading-margin / 2;
|
||||
margin-right: -$leading-margin / 2;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.bullet {
|
||||
float: left;
|
||||
padding: 0 $leading-margin / 2;
|
||||
}
|
||||
|
||||
.two-column-bullet {
|
||||
@include columns(2);
|
||||
@include breakpoint(mobile-only) {
|
||||
@include columns(1);
|
||||
}
|
||||
}
|
||||
|
||||
.three-column-bullet {
|
||||
@include columns(3);
|
||||
@include breakpoint(mobile-only) {
|
||||
@include columns(1);
|
||||
}
|
||||
}
|
||||
|
||||
.four-column-bullet {
|
||||
@include columns(4);
|
||||
@include breakpoint(mobile-only) {
|
||||
@include columns(1);
|
||||
}
|
||||
}
|
||||
|
||||
.bullet-icon {
|
||||
float: left;
|
||||
background: $bullet-icon-color-1;
|
||||
padding: $bullet-icon-size / 4;
|
||||
width: $bullet-icon-size;
|
||||
height: $bullet-icon-size;
|
||||
border-radius: 50%;
|
||||
color: $white;
|
||||
font-size: $bullet-icon-size / 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bullet-icon-1 {
|
||||
background: $bullet-icon-color-1;
|
||||
}
|
||||
|
||||
.bullet-icon-2 {
|
||||
background: $bullet-icon-color-2;
|
||||
}
|
||||
|
||||
.bullet-icon-3 {
|
||||
background: $bullet-icon-color-3;
|
||||
}
|
||||
|
||||
.bullet-content {
|
||||
margin-left: $bullet-icon-size * 1.3;
|
||||
}
|
|
@ -1,9 +0,0 @@
|
|||
.button {
|
||||
@extend %button;
|
||||
@include button-color($core-accent);
|
||||
}
|
||||
|
||||
.button-secondary {
|
||||
@extend %button;
|
||||
@include button-color($secondary-link);
|
||||
}
|
|
@ -1,58 +0,0 @@
|
|||
html, body {
|
||||
height: 100%; // use !important to override slidebars.min.css
|
||||
}
|
||||
|
||||
body {
|
||||
background: $page-bg;
|
||||
color: $core-text;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $core-accent;
|
||||
&:hover {
|
||||
color: darken($core-accent, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: $font-weight-bold
|
||||
}
|
||||
|
||||
// Global Container
|
||||
#container {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// Fullwidth styles
|
||||
.fullwidth {
|
||||
#body {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
#header, #breadcrumbs, .blog-header, .blog-content-item, .content-wrapper, ul.pagination, #body > .modular-row {
|
||||
@extend .padding-horiz;
|
||||
}
|
||||
}
|
||||
|
||||
// Global body styling
|
||||
#body {
|
||||
@extend .default-animation;
|
||||
@extend .padding-horiz;
|
||||
|
||||
background: $page-bg;
|
||||
padding-top: $header-height + $padding-vert;
|
||||
padding-bottom: $footer-height + $padding-vert + 2rem;
|
||||
}
|
||||
|
||||
// Alignment
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
// Your custom SCSS should be written here...
|
||||
|
||||
.grav-lightslider {
|
||||
.lSSlideOuter {
|
||||
.lSPager.lSpg {
|
||||
> li a {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#body > script:first-child + .grav-lightslider {
|
||||
margin-top: -3rem;
|
||||
}
|
|
@ -1,17 +0,0 @@
|
|||
// Error specific styling
|
||||
#error {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
padding-bottom: 6rem;
|
||||
|
||||
h1 {
|
||||
font-size: $core-font-size + 4.0rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
}
|
|
@ -1,22 +0,0 @@
|
|||
.default-animation {
|
||||
@include transition(all 0.5s ease);
|
||||
}
|
||||
|
||||
.padding-horiz {
|
||||
padding-left: $padding-horiz;
|
||||
padding-right: $padding-horiz;
|
||||
@include breakpoint(desktop-only) {
|
||||
padding-left: $padding-horiz - 3rem;
|
||||
padding-right: $padding-horiz - 3rem;
|
||||
}
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
padding-left: $padding-horiz - 6rem;
|
||||
padding-right: $padding-horiz - 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-vert {
|
||||
padding-top: $padding-vert;
|
||||
padding-bottom: $padding-vert;
|
||||
}
|
|
@ -1,3 +0,0 @@
|
|||
// Import Google Web Fonts
|
||||
@import url(//fonts.googleapis.com/css?family=Montserrat:400|Raleway:300,400,600|Inconsolata);
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
// Footer styling
|
||||
#footer {
|
||||
position: absolute;
|
||||
background: $footer-bg;
|
||||
height: $footer-height;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@extend .padding-horiz;
|
||||
color: $footer-text;
|
||||
text-align: center;
|
||||
|
||||
a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.totop {
|
||||
position: absolute;
|
||||
bottom: $footer-height - 1rem;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
right: 0;
|
||||
span {
|
||||
font-size: 1.7rem;
|
||||
line-height: 2.5rem;
|
||||
background: $footer-bg;
|
||||
width: 3rem;
|
||||
height: 2rem;
|
||||
border-radius: $border-radius;
|
||||
display: inline-block;
|
||||
text-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
@extend %vertical-align;
|
||||
margin: 0;
|
||||
.fa {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,43 +0,0 @@
|
|||
fieldset {
|
||||
border: 1px solid $core-border-color;
|
||||
}
|
||||
|
||||
textarea, #{$all-text-inputs}, select[multiple=multiple] {
|
||||
background-color: white;
|
||||
border: 1px solid $core-border-color;
|
||||
box-shadow: $core-box-shadow;
|
||||
|
||||
&:hover {
|
||||
border-color: $core-border-color-hover;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border-color: $core-border-color-focus;
|
||||
box-shadow: $core-box-shadow-focus;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
@extend strong;
|
||||
}
|
||||
|
||||
// Forms
|
||||
.form-field {
|
||||
.required {
|
||||
color: #F3443F;
|
||||
font-size: $core-font-size + 2rem;
|
||||
line-height: $core-font-size + 2rem;
|
||||
vertical-align: top;
|
||||
height: 1.5rem;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
.buttons {
|
||||
text-align: center;
|
||||
}
|
||||
input {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
|
@ -1,280 +0,0 @@
|
|||
// Header styling
|
||||
$dropdown-color: #f6f6f6;
|
||||
|
||||
#header {
|
||||
@extend .default-animation;
|
||||
@extend .padding-horiz;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: $header-height;
|
||||
background-color: rgba(255,255,255,0.90);
|
||||
box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
|
||||
|
||||
// scroll based changes
|
||||
&.scrolled {
|
||||
height: $header-height - 2rem;
|
||||
background-color: rgba(255,255,255,0.90) !important;
|
||||
box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
|
||||
|
||||
#logo h3 {
|
||||
color: $core-text !important;
|
||||
font-size: 1.6rem !important;
|
||||
}
|
||||
#logo a, #navbar span {
|
||||
color: $core-text !important;
|
||||
}
|
||||
#navbar a {
|
||||
color: $core-accent !important;
|
||||
&:hover {
|
||||
color: darken($core-accent, 20%) !important;
|
||||
}
|
||||
}
|
||||
#navbar a:before, #navbar a:after {
|
||||
background-color: $core-accent !important;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
margin-top: 0.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
// set heights for vertical centering
|
||||
> .grid, #logo, #navbar {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
h3 {
|
||||
@extend .default-animation;
|
||||
@extend %vertical-align;
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
a {
|
||||
color: $core-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#navbar {
|
||||
font-size: $core-font-size - 0.1rem;
|
||||
|
||||
/* Child Indicator */
|
||||
.has-children {
|
||||
|
||||
& > a {
|
||||
& > span {
|
||||
display: inline-block;
|
||||
padding-right: 8px;
|
||||
|
||||
&:after {
|
||||
font-family: FontAwesome;
|
||||
content: '\f107';
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 8px;
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
&:after, &:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
& .has-children > a > span:after {
|
||||
content: '\f105';
|
||||
}
|
||||
}
|
||||
|
||||
.navigation > .has-children:hover > a {
|
||||
background: $dropdown-color;
|
||||
border: 1px solid darken($dropdown-color, 4%);
|
||||
border-bottom-color: $dropdown-color;
|
||||
margin: -1px -1px 0 -1px;
|
||||
z-index: 1000;
|
||||
position: relative;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
&.navigation {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
@extend .default-animation;
|
||||
|
||||
margin-top: 1.4rem;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
font-family: $font-family-header;
|
||||
display: inline-block;
|
||||
padding: 0.3rem 0.8rem;
|
||||
|
||||
-webkit-backface-visibility: hidden;
|
||||
|
||||
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: $core-accent;
|
||||
visibility: hidden;
|
||||
@include transform(scaleX(0));
|
||||
@include transition(all 0.2s ease);
|
||||
|
||||
}
|
||||
|
||||
&:hover:before {
|
||||
visibility: visible;
|
||||
@include transform(scaleX(0.75));
|
||||
}
|
||||
|
||||
&.active:after {
|
||||
top: 0;
|
||||
visibility: visible;
|
||||
@include transform(scaleX(0.75));
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
a:after {
|
||||
top: 0;
|
||||
visibility: visible;
|
||||
@include transform(scaleX(0.75));
|
||||
}
|
||||
}
|
||||
|
||||
/*Active dropdown nav item */
|
||||
ul {
|
||||
position: absolute;
|
||||
background-color: $dropdown-color;
|
||||
border: 1px solid darken($dropdown-color, 4%);
|
||||
border-top: 0;
|
||||
min-width: 12rem;
|
||||
text-align: left;
|
||||
z-index: 999;
|
||||
left: -1px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
display: block;
|
||||
float: none;
|
||||
|
||||
/* Active Dropdown nav item */
|
||||
&.active > a {
|
||||
background-color: darken($dropdown-color, 4%);
|
||||
color: $core-accent;
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
background-color: $core-accent;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
margin: 0 -1px;
|
||||
|
||||
&:after, &:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Dropdown CSS */
|
||||
ul ul {
|
||||
left: 100%;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
/* Active on Hover */
|
||||
&:hover > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
@include breakpoint(desktop-only) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel-activation {
|
||||
@extend %vertical-align;
|
||||
padding: 1rem;
|
||||
display: none;
|
||||
font-size: 1.8rem;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
@include breakpoint(desktop-only) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Header Image
|
||||
.header-image {
|
||||
&.fullwidth {
|
||||
#body {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
|
||||
>.listing-row {
|
||||
padding-left: $padding-horiz;
|
||||
padding-right: $padding-horiz;
|
||||
}
|
||||
}
|
||||
}
|
||||
.listing-row:last-child {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
#body {
|
||||
.flush-top {
|
||||
margin-top: - $header-height - $padding-vert - 1.5rem;
|
||||
padding-top: $header-height + 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
#breadcrumbs {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#header {
|
||||
background-color: rgba($header-text,0);
|
||||
box-shadow: none;
|
||||
|
||||
.navigation .has-children:hover a {
|
||||
color: $core-accent;
|
||||
}
|
||||
|
||||
#logo h3, #logo a {
|
||||
color: $header-text;
|
||||
}
|
||||
a, .menu-btn {
|
||||
color: $header-text;
|
||||
}
|
||||
a:before, a:after {
|
||||
background-color: rgba($header-text,0.7) !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
|
@ -1,74 +0,0 @@
|
|||
$sidebar-color: #333;
|
||||
$panel-padding: 1rem;
|
||||
$panel-text: #ddd;
|
||||
|
||||
.sb-slidebar {
|
||||
background-color: $sidebar-color !important;
|
||||
}
|
||||
|
||||
#panel {
|
||||
padding-top: $panel-padding;
|
||||
color: $panel-text;
|
||||
.navigation {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: $panel-text;
|
||||
display: block;
|
||||
padding: 0.5rem 1rem;
|
||||
font-weight: 600;
|
||||
|
||||
&:hover {
|
||||
color: lighten($panel-text,20%);
|
||||
background-color: darken($sidebar-color,5%);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
& > a {
|
||||
background: #fff;
|
||||
color: $core-text;
|
||||
&:hover {
|
||||
color: $core-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
border-bottom: 1px solid lighten($sidebar-color,4%);
|
||||
&:first-child {
|
||||
border-top: 1px solid lighten($sidebar-color,4%);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
border: 0 !important;
|
||||
a {
|
||||
color: darken($panel-text, 10%);
|
||||
padding: 0.2rem 1rem 0.2rem 2rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
li a {
|
||||
padding-left: 3rem;
|
||||
li a {
|
||||
padding-left: 4rem;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
& > a {
|
||||
background: #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
.simplesearch {
|
||||
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
input {
|
||||
display: inline-block;
|
||||
max-width: 30rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.search-image {
|
||||
margin-top: 1rem;
|
||||
img {
|
||||
border-radius: 4px;
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-item {
|
||||
@include breakpoint(mobile-only) {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.search-wrapper {
|
||||
.search-submit {
|
||||
height: 52px;
|
||||
padding: 0 10px;
|
||||
img {
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.search-details {
|
||||
float: right;
|
||||
margin-top: -2.5rem;
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
color: lighten($core-text,20%);
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
float: none;
|
||||
margin-top: -0.2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
}
|
|
@ -1,15 +0,0 @@
|
|||
table {
|
||||
border: 1px solid lighten($core-border-color,5%);
|
||||
table-layout: auto;
|
||||
}
|
||||
|
||||
th {
|
||||
@extend strong;
|
||||
background: lighten($core-border-color,10%);
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0.5rem;
|
||||
border: 1px solid lighten($core-border-color,5%);
|
||||
}
|
|
@ -1,236 +0,0 @@
|
|||
// Body Base
|
||||
html, body, button, input, select, textarea, .pure-g, .pure-g [class *= "pure-u"] {
|
||||
font-family: $font-family-default;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
// Headings
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: $font-family-header;
|
||||
font-weight: 400;
|
||||
text-rendering: optimizeLegibility;
|
||||
letter-spacing: -0px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: $h1-font-size;
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
@include breakpoint(tablet-range) {
|
||||
font-size: $h2-font-size - .40;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: $h2-font-size - .50;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
@include breakpoint(tablet-range) {
|
||||
font-size: $h3-font-size - .40;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: $h3-font-size - .50;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
@include breakpoint(tablet-range) {
|
||||
font-size: $h4-font-size - .40;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: $h4-font-size - .50;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
letter-spacing: -3px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
h1 + h2 {
|
||||
margin: -2rem 0 2rem 0;
|
||||
font-size: 2rem;
|
||||
@include breakpoint(tablet-range) {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
font-family: $font-family-default;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
h2 + h3 {
|
||||
margin: 0.5rem 0 2rem 0;
|
||||
font-size: 2rem;
|
||||
@include breakpoint(tablet-range) {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
font-family: $font-family-default;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
||||
// Blockquote
|
||||
blockquote {
|
||||
border-left: 10px solid $rule-color;
|
||||
p {
|
||||
font-size: 1.1rem;
|
||||
color: #999;
|
||||
}
|
||||
cite {
|
||||
display: block;
|
||||
text-align: right;
|
||||
color: #666;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
// NOTES!!!!
|
||||
blockquote > blockquote > blockquote {
|
||||
|
||||
margin: 0;
|
||||
|
||||
p {
|
||||
|
||||
padding: 15px;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
margin-top: 0rem;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
> p {
|
||||
// Yellow
|
||||
margin-left: -71px;
|
||||
border-left: 10px solid $notes-info-border;
|
||||
background: $notes-info-bg;
|
||||
color: darken($notes-info-border,15%);
|
||||
a {
|
||||
color: darken($notes-info-border,25%);
|
||||
&:hover {
|
||||
color: lighten($notes-info-border,5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> blockquote > p {
|
||||
// Red
|
||||
margin-left: -94px;
|
||||
border-left: 10px solid $notes-warning-border;
|
||||
background: $notes-warning-bg;
|
||||
color: darken($notes-warning-border,15%);
|
||||
a {
|
||||
color: darken($notes-warning-border,25%);
|
||||
&:hover {
|
||||
color: lighten($notes-warning-border,5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> blockquote > blockquote > p {
|
||||
// Blue
|
||||
margin-left: -118px;
|
||||
border-left: 10px solid $notes-note-border;
|
||||
background: $notes-note-bg;
|
||||
color: darken($notes-note-border,15%);
|
||||
a {
|
||||
color: darken($notes-note-border,25%);
|
||||
&:hover {
|
||||
color: lighten($notes-note-border,5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> blockquote > blockquote > blockquote > p {
|
||||
// Green
|
||||
margin-left: -142px;
|
||||
border-left: 10px solid $notes-success-border;
|
||||
background: $notes-success-bg;
|
||||
color: darken($notes-success-border,15%);
|
||||
a {
|
||||
color: darken($notes-success-border,25%);
|
||||
&:hover {
|
||||
color: lighten($notes-success-border,5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Inline and Code
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: $font-family-mono;
|
||||
}
|
||||
|
||||
code {
|
||||
background: $code-bg;
|
||||
color: darken($code-text,10%);
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 2rem;
|
||||
background: $pre-bg;
|
||||
border: 1px solid $core-border-color;
|
||||
border-radius: 3px;
|
||||
code {
|
||||
color: $pre-text;
|
||||
background: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// Extras
|
||||
hr {
|
||||
border-bottom: 4px solid $rule-color;
|
||||
}
|
||||
|
||||
// Page Title
|
||||
.page-title {
|
||||
margin-top: -25px;
|
||||
padding: 25px;
|
||||
float: left;
|
||||
clear: both;
|
||||
background: $core-accent;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
// Label
|
||||
.label {
|
||||
vertical-align: middle;
|
||||
background: $core-accent;
|
||||
border-radius: 100%;
|
||||
color: $white;
|
||||
height: 1rem;
|
||||
min-width: 1rem;
|
||||
line-height: 1rem;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: $core-font-size - 0.3rem;
|
||||
font-family: $font-family-header;
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
@import "showcase";
|
||||
@import "features";
|
||||
@import "text";
|
||||
|
||||
.modular {
|
||||
.modular-row:last-child {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
|
@ -1,99 +0,0 @@
|
|||
// Modular Showcase styling
|
||||
.modular {
|
||||
.features {
|
||||
padding: 6rem 0;
|
||||
text-align: center;
|
||||
@include clearfix;
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1rem 0;
|
||||
font-size: $core-font-size + 0.2rem;
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: $core-font-size;
|
||||
}
|
||||
}
|
||||
|
||||
.feature-items {
|
||||
margin-top: 2rem;
|
||||
@supports not (flex-wrap: wrap) {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.feature {
|
||||
display:block;
|
||||
float: left;
|
||||
width: 25%;
|
||||
vertical-align: top;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
@include breakpoint(large-mobile-range) {
|
||||
margin-top: 1rem;
|
||||
width: 50%;
|
||||
}
|
||||
@include breakpoint(small-mobile-range) {
|
||||
margin-top: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
i.fa {
|
||||
font-size: 2rem;
|
||||
color: $core-accent;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
display: inline-block;
|
||||
font-size: $core-font-size;
|
||||
margin: 0.2rem 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.big {
|
||||
|
||||
text-align: center;
|
||||
|
||||
.feature {
|
||||
width: 50%;
|
||||
@include breakpoint(small-mobile-range) {
|
||||
margin-top: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
i.fa {
|
||||
font-size: 3rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.feature-content {
|
||||
padding-right: 2rem;
|
||||
|
||||
&.icon-offset {
|
||||
margin-left: 5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.3rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
|
@ -1,60 +0,0 @@
|
|||
// Modular Showcase styling
|
||||
.modular {
|
||||
|
||||
// special case for header
|
||||
&.header-image {
|
||||
|
||||
#header {
|
||||
background-color: rgba(255,255,255,0);
|
||||
box-shadow: none;
|
||||
|
||||
#logo h3 {
|
||||
color: $header-text;
|
||||
}
|
||||
#navbar a {
|
||||
color: $header-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.showcase {
|
||||
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 4rem;
|
||||
background-color: #666;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
text-align: center;
|
||||
color: $header-text;
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
margin-top: 0;
|
||||
@include breakpoint(tablet-range) {
|
||||
font-size: 3rem;
|
||||
}
|
||||
@include breakpoint(mobile-only) {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
@extend .default-animation;
|
||||
color: $header-text;
|
||||
padding: 0.7rem 2rem;
|
||||
margin-top: 2rem;
|
||||
background: rgba(255,255,255,0);
|
||||
border: 1px solid $header-text;
|
||||
border-radius: $border-radius;
|
||||
box-shadow: none;
|
||||
font-size: $core-font-size + 0.3rem;
|
||||
|
||||
&:hover {
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
|
@ -1,35 +0,0 @@
|
|||
// variables
|
||||
$text-bg: #f6f6f6;
|
||||
$text-padding: 6rem;
|
||||
$image-margin: 2rem;
|
||||
|
||||
|
||||
// styling
|
||||
.callout {
|
||||
background: $text-bg;
|
||||
padding: $text-padding $content-padding;
|
||||
@include breakpoint(desktop-only) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
float: left;
|
||||
margin-right: $image-margin;
|
||||
@include breakpoint(desktop-only) {
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.align-right {
|
||||
float: right;
|
||||
margin-left: $image-margin;
|
||||
@include breakpoint(desktop-only) {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
img {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
}
|
|
@ -1,2 +0,0 @@
|
|||
// Buttons
|
||||
@import "buttons";
|
|
@ -1,24 +0,0 @@
|
|||
%button {
|
||||
display: inline-block;
|
||||
padding: 7px 20px;
|
||||
|
||||
&.button-small {
|
||||
padding: 3px 10px;
|
||||
font-size: $core-font-size - 0.1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@mixin button-color($color) {
|
||||
background: $white;
|
||||
color: $color;
|
||||
border: 1px solid $color;
|
||||
border-radius: 3px;
|
||||
&:hover {
|
||||
background: $color;
|
||||
color: $white;
|
||||
}
|
||||
&:active {
|
||||
box-shadow: 0 1px 0 darken($color, 12%);
|
||||
}
|
||||
}
|
|
@ -1,8 +0,0 @@
|
|||
//************************************************************************//
|
||||
// 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";
|
||||
}
|
|
@ -1,77 +0,0 @@
|
|||
// 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";
|
|
@ -1,374 +0,0 @@
|
|||
@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;
|
||||
}
|
||||
}
|
|
@ -1,23 +0,0 @@
|
|||
// 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)
|
|
@ -1,111 +0,0 @@
|
|||
// 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...);
|
||||
}
|
|
@ -1,7 +0,0 @@
|
|||
@mixin ellipsis($width: 100%) {
|
||||
display: inline-block;
|
||||
max-width: $width;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
|
@ -1,5 +0,0 @@
|
|||
$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;
|
|
@ -1,10 +0,0 @@
|
|||
@mixin hide-text {
|
||||
overflow: hidden;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
|
@ -1,86 +0,0 @@
|
|||
//************************************************************************//
|
||||
// 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;
|
||||
// }
|
|
@ -1,32 +0,0 @@
|
|||
@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;
|
||||
}
|
||||
}
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue