Convert .less to .scss
This commit is contained in:
parent
d06dd17110
commit
23cb7ecaeb
73 changed files with 2610 additions and 2409 deletions
Binary file not shown.
Binary file not shown.
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/forms.scssc
Normal file
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/forms.scssc
Normal file
Binary file not shown.
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/grid.scssc
Normal file
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/grid.scssc
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/page.scssc
Normal file
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/page.scssc
Normal file
Binary file not shown.
Binary file not shown.
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/site.scssc
Normal file
BIN
.sass-cache/36c9f4f11ace8281d8239c322b08f410988edc2b/site.scssc
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
.sass-cache/5c5f8bb32507fa9038b91bad17d78106bed42d83/_core.scssc
Normal file
BIN
.sass-cache/5c5f8bb32507fa9038b91bad17d78106bed42d83/_core.scssc
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
.sass-cache/5c5f8bb32507fa9038b91bad17d78106bed42d83/_list.scssc
Normal file
BIN
.sass-cache/5c5f8bb32507fa9038b91bad17d78106bed42d83/_list.scssc
Normal file
Binary file not shown.
Binary file not shown.
BIN
.sass-cache/5c5f8bb32507fa9038b91bad17d78106bed42d83/_path.scssc
Normal file
BIN
.sass-cache/5c5f8bb32507fa9038b91bad17d78106bed42d83/_path.scssc
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
22
Gruntfile.js
22
Gruntfile.js
|
@ -13,19 +13,6 @@ module.exports = function(grunt) {
|
||||||
'!assets/js/scripts.min.js'
|
'!assets/js/scripts.min.js'
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
recess: {
|
|
||||||
dist: {
|
|
||||||
options: {
|
|
||||||
compile: true,
|
|
||||||
compress: true
|
|
||||||
},
|
|
||||||
files: {
|
|
||||||
'assets/css/main.min.css': [
|
|
||||||
'assets/less/main.less'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
uglify: {
|
uglify: {
|
||||||
dist: {
|
dist: {
|
||||||
files: {
|
files: {
|
||||||
|
@ -61,12 +48,6 @@ module.exports = function(grunt) {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
less: {
|
|
||||||
files: [
|
|
||||||
'assets/less/*.less'
|
|
||||||
],
|
|
||||||
tasks: ['recess']
|
|
||||||
},
|
|
||||||
js: {
|
js: {
|
||||||
files: [
|
files: [
|
||||||
'<%= jshint.all %>'
|
'<%= jshint.all %>'
|
||||||
|
@ -76,7 +57,6 @@ module.exports = function(grunt) {
|
||||||
},
|
},
|
||||||
clean: {
|
clean: {
|
||||||
dist: [
|
dist: [
|
||||||
'assets/css/main.min.css',
|
|
||||||
'assets/js/scripts.min.js'
|
'assets/js/scripts.min.js'
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
@ -87,14 +67,12 @@ module.exports = function(grunt) {
|
||||||
grunt.loadNpmTasks('grunt-contrib-jshint');
|
grunt.loadNpmTasks('grunt-contrib-jshint');
|
||||||
grunt.loadNpmTasks('grunt-contrib-uglify');
|
grunt.loadNpmTasks('grunt-contrib-uglify');
|
||||||
grunt.loadNpmTasks('grunt-contrib-watch');
|
grunt.loadNpmTasks('grunt-contrib-watch');
|
||||||
grunt.loadNpmTasks('grunt-recess');
|
|
||||||
grunt.loadNpmTasks('grunt-contrib-imagemin');
|
grunt.loadNpmTasks('grunt-contrib-imagemin');
|
||||||
grunt.loadNpmTasks('grunt-svgmin');
|
grunt.loadNpmTasks('grunt-svgmin');
|
||||||
|
|
||||||
// Register tasks
|
// Register tasks
|
||||||
grunt.registerTask('default', [
|
grunt.registerTask('default', [
|
||||||
'clean',
|
'clean',
|
||||||
'recess',
|
|
||||||
'uglify',
|
'uglify',
|
||||||
'imagemin',
|
'imagemin',
|
||||||
'svgmin'
|
'svgmin'
|
||||||
|
|
|
@ -11,6 +11,9 @@ url: http://localhost:4000
|
||||||
permalink: /:categories/:title/
|
permalink: /:categories/:title/
|
||||||
markdown: kramdown
|
markdown: kramdown
|
||||||
highlighter: pygments
|
highlighter: pygments
|
||||||
|
sass:
|
||||||
|
sass_dir: _sass
|
||||||
|
style: compressed
|
||||||
gems:
|
gems:
|
||||||
- jekyll-sitemap
|
- jekyll-sitemap
|
||||||
|
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
<!-- Google Webfonts -->
|
<!-- Google Webfonts -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic' rel='stylesheet' type='text/css'>
|
||||||
<!-- For all browsers -->
|
<!-- For all browsers -->
|
||||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/main.min.css">
|
<link rel="stylesheet" href="{{ site.url }}/assets/css/main.css">
|
||||||
|
|
||||||
<meta http-equiv="cleartype" content="on">
|
<meta http-equiv="cleartype" content="on">
|
||||||
|
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
.CodeRay {
|
.CodeRay {
|
||||||
background-color: #efefef;
|
background-color: #efefef;
|
||||||
font-family: @code-font;
|
font-family: $code-font;
|
||||||
.font(12);
|
@include font(12);
|
||||||
color: #333332;
|
color: #333332;
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
.rounded(4px);
|
@include rounded(4px);
|
||||||
pre {
|
pre {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 1em;
|
padding: 1em;
|
|
@ -9,7 +9,7 @@ hr {
|
||||||
}
|
}
|
||||||
/* Figures and images ==================================== */
|
/* Figures and images ==================================== */
|
||||||
figure {
|
figure {
|
||||||
margin-bottom: @indent-var;
|
margin-bottom: $indent-var;
|
||||||
}
|
}
|
||||||
article img {
|
article img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
@ -22,26 +22,26 @@ svg:not(:root) {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.half {
|
.half {
|
||||||
.container();
|
@include container;
|
||||||
.clearfix();
|
@include clearfix;
|
||||||
@media @480px {
|
@media #{$micro} {
|
||||||
img {
|
img {
|
||||||
.grid(12,6);
|
@include grid(12,6);
|
||||||
}
|
}
|
||||||
figcaption {
|
figcaption {
|
||||||
.grid(12,12);
|
@include grid(12,12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.third {
|
.third {
|
||||||
.container();
|
@include container;
|
||||||
.clearfix();
|
@include clearfix;
|
||||||
@media @480px {
|
@media #{$micro} {
|
||||||
img {
|
img {
|
||||||
.grid(12,4);
|
@include grid(12,4);
|
||||||
}
|
}
|
||||||
figcaption {
|
figcaption {
|
||||||
.grid(12,12);
|
@include grid(12,12);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -50,67 +50,67 @@ svg:not(:root) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding: 8px 20px;
|
padding: 8px 20px;
|
||||||
.font-rem(14);
|
@include font-rem(14);
|
||||||
background-color: @primary;
|
background-color: $primary;
|
||||||
color: @white;
|
color: $white;
|
||||||
border-width: 2px !important;
|
border-width: 2px !important;
|
||||||
border-style: solid !important;
|
border-style: solid !important;
|
||||||
border-color: @primary;
|
border-color: $primary;
|
||||||
.rounded(3px);
|
@include rounded(3px);
|
||||||
&:visited {
|
&:visited {
|
||||||
color: @white;
|
color: $white;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
color: @primary;
|
color: $primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btn-success {
|
.btn-success {
|
||||||
background-color: @success;
|
background-color: $success;
|
||||||
color: @white;
|
color: $white;
|
||||||
border-color: @success;
|
border-color: $success;
|
||||||
&:visited {
|
&:visited {
|
||||||
color: @white;
|
color: $white;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
color: @success;
|
color: $success;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btn-warning {
|
.btn-warning {
|
||||||
background-color: @warning;
|
background-color: $warning;
|
||||||
color: @white;
|
color: $white;
|
||||||
border-color: @warning;
|
border-color: $warning;
|
||||||
&:visited {
|
&:visited {
|
||||||
color: @white;
|
color: $white;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
color: @warning;
|
color: $warning;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btn-danger {
|
.btn-danger {
|
||||||
background-color: @danger;
|
background-color: $danger;
|
||||||
color: @white;
|
color: $white;
|
||||||
border-color: @danger;
|
border-color: $danger;
|
||||||
&:visited {
|
&:visited {
|
||||||
color: @white;
|
color: $white;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
color: @danger;
|
color: $danger;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btn-info {
|
.btn-info {
|
||||||
background-color: @info;
|
background-color: $info;
|
||||||
color: @white;
|
color: $white;
|
||||||
border-color: @info;
|
border-color: $info;
|
||||||
&:visited {
|
&:visited {
|
||||||
color: @white;
|
color: $white;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
color: @info;
|
color: $info;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* Well ================================================= */
|
/* Well ================================================= */
|
||||||
|
@ -120,6 +120,6 @@ svg:not(:root) {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border: 1px solid #e3e3e3;
|
border: 1px solid #e3e3e3;
|
||||||
.rounded(4px);
|
@include rounded(4px);
|
||||||
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
|
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
|
||||||
}
|
}
|
|
@ -1,4 +1,4 @@
|
||||||
form {
|
btnform {
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
fieldset {
|
fieldset {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
@ -11,9 +11,9 @@ form {
|
||||||
margin-bottom: 5px * 2;
|
margin-bottom: 5px * 2;
|
||||||
*margin-left: -7px;
|
*margin-left: -7px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: @textcolor;
|
color: $textcolor;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: 1px solid lighten(@black, 80);
|
border-bottom: 1px solid lighten($black, 80);
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
|
@ -40,14 +40,14 @@ input,
|
||||||
button,
|
button,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
font-family: @base-font;
|
font-family: $base-font;
|
||||||
.box-sizing(border-box);
|
@include box-sizing(border-box);
|
||||||
}
|
}
|
||||||
label {
|
label {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 10px / 8;
|
margin-bottom: 10px / 8;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: @textcolor;
|
color: $textcolor;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
input,
|
input,
|
||||||
textarea,
|
textarea,
|
||||||
|
@ -62,11 +62,11 @@ select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
margin-bottom: 5px / 4;
|
margin-bottom: 5px / 4;
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
border: 1px solid lighten(@black, 80);
|
border: 1px solid lighten($black, 80);
|
||||||
color: @textcolor;
|
color: $textcolor;
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: lighten(@accentcolor, 50);
|
border-color: lighten($accentcolor, 50);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.input-mini {
|
.input-mini {
|
||||||
|
@ -85,19 +85,19 @@ input[type="radio"] {
|
||||||
*margin-top: 0;
|
*margin-top: 0;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.rounded(0);
|
@include rounded(0);
|
||||||
border: 0 \9;
|
border: 0 \9;
|
||||||
}
|
}
|
||||||
input[type="checkbox"],
|
input[type="checkbox"],
|
||||||
input[type="radio"] {
|
input[type="radio"] {
|
||||||
.box-sizing(border-box);
|
@include box-sizing(border-box);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
*width: 13px;
|
*width: 13px;
|
||||||
*height: 13px;
|
*height: 13px;
|
||||||
}
|
}
|
||||||
input[type="image"] {
|
input[type="image"] {
|
||||||
border: 0;
|
border: 0;
|
||||||
.box-shadow(none);
|
@include box-shadow(none);
|
||||||
}
|
}
|
||||||
input[type="file"] {
|
input[type="file"] {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
@ -106,7 +106,7 @@ input[type="file"] {
|
||||||
border: initial;
|
border: initial;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-color: initial;
|
background-color: initial;
|
||||||
.box-shadow(none);
|
@include box-shadow(none);
|
||||||
}
|
}
|
||||||
input[type="button"],
|
input[type="button"],
|
||||||
input[type="reset"],
|
input[type="reset"],
|
||||||
|
@ -122,14 +122,14 @@ input[type="file"] {
|
||||||
}
|
}
|
||||||
select {
|
select {
|
||||||
width : auto;
|
width : auto;
|
||||||
background-color : @white;
|
background-color : $white;
|
||||||
}
|
}
|
||||||
select[multiple],
|
select[multiple],
|
||||||
select[size] {
|
select[size] {
|
||||||
height : auto;
|
height : auto;
|
||||||
}
|
}
|
||||||
textarea {
|
textarea {
|
||||||
.resize(vertical);
|
@include resize(vertical);
|
||||||
height : auto;
|
height : auto;
|
||||||
overflow : auto;
|
overflow : auto;
|
||||||
vertical-align : top;
|
vertical-align : top;
|
||||||
|
@ -165,13 +165,13 @@ textarea[disabled],
|
||||||
input[readonly],
|
input[readonly],
|
||||||
select[readonly],
|
select[readonly],
|
||||||
textarea[readonly] {
|
textarea[readonly] {
|
||||||
.opacity(.5);
|
@include opacity(.5);
|
||||||
cursor : not-allowed;
|
cursor : not-allowed;
|
||||||
}
|
}
|
||||||
/* focus and active ============================ */
|
/* focus and active ============================ */
|
||||||
input:focus,
|
input:focus,
|
||||||
textarea:focus {
|
textarea:focus {
|
||||||
border-color : @accentcolor;
|
border-color : $accentcolor;
|
||||||
outline : 0;
|
outline : 0;
|
||||||
outline : thin dotted \9;
|
outline : thin dotted \9;
|
||||||
}
|
}
|
||||||
|
@ -179,12 +179,12 @@ input[type="file"]:focus,
|
||||||
input[type="radio"]:focus,
|
input[type="radio"]:focus,
|
||||||
input[type="checkbox"]:focus,
|
input[type="checkbox"]:focus,
|
||||||
select:focus {
|
select:focus {
|
||||||
.box-shadow(none);
|
@include box-shadow(none);
|
||||||
}
|
}
|
||||||
/* help text ==================================== */
|
/* help text ==================================== */
|
||||||
.help-block,
|
.help-block,
|
||||||
.help-inline {
|
.help-inline {
|
||||||
color : lighten(@black, 50);
|
color : lighten($black, 50);
|
||||||
}
|
}
|
||||||
.help-block {
|
.help-block {
|
||||||
display : block;
|
display : block;
|
||||||
|
@ -229,7 +229,7 @@ select:focus {
|
||||||
padding-left : 14px;
|
padding-left : 14px;
|
||||||
padding-right : 14px;
|
padding-right : 14px;
|
||||||
margin-bottom : 0;
|
margin-bottom : 0;
|
||||||
.rounded(14px);
|
@include rounded(14px);
|
||||||
}
|
}
|
||||||
.form-search label {
|
.form-search label {
|
||||||
display : inline-block;
|
display : inline-block;
|
47
_sass/grid.scss
Normal file
47
_sass/grid.scss
Normal file
|
@ -0,0 +1,47 @@
|
||||||
|
// Defining number of columns in the grid.
|
||||||
|
// Common Values would be 12, 16 or 24
|
||||||
|
$width: 100%;
|
||||||
|
$def_grid: 12;
|
||||||
|
$margin: 0;
|
||||||
|
|
||||||
|
@mixin container(){
|
||||||
|
margin:0 auto;
|
||||||
|
width:$width;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Works out the width of elements based
|
||||||
|
// on total number of columns and width
|
||||||
|
// number of columns being displayed.
|
||||||
|
// Removes 20px for margins
|
||||||
|
@mixin grid($grid:$def_grid,$cols:'',$float:left,$display:inline){
|
||||||
|
display:$display;
|
||||||
|
float:$float;
|
||||||
|
width:(100%/$grid * $cols) - ($margin * 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Allows for padding before element
|
||||||
|
@mixin prefix($grid:$def_grid,$cols:''){
|
||||||
|
margin-left:(100%/$grid * $cols);
|
||||||
|
}
|
||||||
|
// Allows for padding after element
|
||||||
|
@mixin suffix($grid:$def_grid,$cols:''){
|
||||||
|
margin-right:(100%/$grid * $cols);
|
||||||
|
}
|
||||||
|
// Removes left margin
|
||||||
|
@mixin first(){
|
||||||
|
margin-left:0;
|
||||||
|
}
|
||||||
|
// Removes right margin
|
||||||
|
@mixin last(){
|
||||||
|
margin-right:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin push($grid:$def_grid,$move:'') {
|
||||||
|
position:relative;
|
||||||
|
left:(100%/$grid * $move);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin pull($grid:$def_grid,$move:''){
|
||||||
|
position:relative;
|
||||||
|
left:(100%/$grid * $move) * -1;
|
||||||
|
}
|
271
_sass/mixins.scss
Normal file
271
_sass/mixins.scss
Normal file
|
@ -0,0 +1,271 @@
|
||||||
|
// UTILITY MIXINS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Clearfix
|
||||||
|
// --------------------
|
||||||
|
// For clearing floats like a boss h5bp.com/q
|
||||||
|
@mixin clearfix {
|
||||||
|
*zoom: 1;
|
||||||
|
&:before,
|
||||||
|
&:after {
|
||||||
|
display: table;
|
||||||
|
content: "";
|
||||||
|
// Fixes Opera/contenteditable bug:
|
||||||
|
// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
&:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Webkit-style focus
|
||||||
|
// --------------------
|
||||||
|
@mixin tab-focus() {
|
||||||
|
// Default
|
||||||
|
outline: thin dotted #333;
|
||||||
|
// Webkit
|
||||||
|
outline: 5px auto -webkit-focus-ring-color;
|
||||||
|
outline-offset: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Center-align a block level element
|
||||||
|
// ----------------------------------
|
||||||
|
@mixin center-block() {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
// TYPOGRAPHY
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Full-fat vertical rhythm
|
||||||
|
// ------------------------
|
||||||
|
@mixin font-size($size) {
|
||||||
|
font-size: 0px + $size;
|
||||||
|
font-size: 0rem + $size / $doc-font-size;
|
||||||
|
line-height: 0 + round($doc-line-height / $size*10000) / 10000;
|
||||||
|
margin-bottom: 0px + $doc-line-height;
|
||||||
|
margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Just the REMs
|
||||||
|
// -------------
|
||||||
|
@mixin font-rem($size) {
|
||||||
|
font-size: 0px + $size;
|
||||||
|
font-size: 0rem + $size / $doc-font-size;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Just font-size and line-height
|
||||||
|
// ------------------------------
|
||||||
|
@mixin font($size) {
|
||||||
|
font-size: 0px + $size;
|
||||||
|
font-size: 0rem + $size / $doc-font-size;
|
||||||
|
line-height: 0 + round($doc-line-height / $size*10000) / 10000;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin text-overflow() {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
$indent-var: 0rem + ($doc-line-height / $doc-font-size);
|
||||||
|
|
||||||
|
// GRADIENTS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
@mixin horizontal($startColor : $white, $endColor : $lightergrey) {
|
||||||
|
background-color: $endColor;
|
||||||
|
background-image : -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
|
||||||
|
background-image : -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
||||||
|
background-image : -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
|
||||||
|
background-image : -ms-linear-gradient(left, $startColor, $endColor); // IE10
|
||||||
|
background-image : -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
|
||||||
|
background-image : linear-gradient(left, $startColor, $endColor); // W3C
|
||||||
|
background-repeat : repeat-x; }
|
||||||
|
|
||||||
|
@mixin vertical($startColor : $white, $endColor: $lightergrey) {
|
||||||
|
background-image : -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
|
||||||
|
background-image : -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
||||||
|
background-color : $endColor;
|
||||||
|
background-image : -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
|
||||||
|
background-image : -ms-linear-gradient(top, $startColor, $endColor); // IE10
|
||||||
|
background-image : -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
|
||||||
|
background-image : linear-gradient(top, $startColor, $endColor); // W3C
|
||||||
|
background-repeat : repeat-x; }
|
||||||
|
|
||||||
|
@mixin directional($startColor : $white, $endColor : $lightergrey, $deg : 45deg) {
|
||||||
|
background-color : $endColor;
|
||||||
|
background-image : -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+
|
||||||
|
background-image : -ms-linear-gradient($deg, $startColor, $endColor); // IE10
|
||||||
|
background-image : -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
||||||
|
background-image : -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10
|
||||||
|
background-image : linear-gradient($deg, $startColor, $endColor); // W3C
|
||||||
|
background-repeat : repeat-x; }
|
||||||
|
|
||||||
|
// .bordered(COLOR, COLOR, COLOR, COLOR);
|
||||||
|
@mixin bordered($top-color: #eee, $right-color: #eee, $bottom-color: #eee, $left-color: #eee) {
|
||||||
|
border-top : solid 1px $top-color;
|
||||||
|
border-left : solid 1px $left-color;
|
||||||
|
border-right : solid 1px $right-color;
|
||||||
|
border-bottom : solid 1px $bottom-color; }
|
||||||
|
|
||||||
|
// ROUND CORNERS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// .rounded(VALUE);
|
||||||
|
@mixin rounded($radius:4px) {
|
||||||
|
border-radius : $radius; }
|
||||||
|
|
||||||
|
// .border-radius(VALUE,VALUE,VALUE,VALUE);
|
||||||
|
@mixin border-radius($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) {
|
||||||
|
border-top-right-radius : $topright;
|
||||||
|
border-bottom-right-radius : $bottomright;
|
||||||
|
border-bottom-left-radius : $bottomleft;
|
||||||
|
border-top-left-radius : $topleft;
|
||||||
|
-webkit-background-clip : padding-box;
|
||||||
|
-moz-background-clip : padding;
|
||||||
|
background-clip : padding-box; }
|
||||||
|
|
||||||
|
// .box-shadow(HORIZONTAL VERTICAL BLUR COLOR))
|
||||||
|
@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
||||||
|
-webkit-box-shadow : $shadow;
|
||||||
|
-moz-box-shadow : $shadow;
|
||||||
|
box-shadow : $shadow; }
|
||||||
|
|
||||||
|
// .drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA);
|
||||||
|
@mixin drop-shadow($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: 0.1) {
|
||||||
|
-webkit-box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);
|
||||||
|
-moz-box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);
|
||||||
|
box-shadow : $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); }
|
||||||
|
|
||||||
|
// .text-shadow();
|
||||||
|
@mixin text-shadow($shadow: 0 2px 3px rgba(0,0,0,.25)) {
|
||||||
|
text-shadow : $shadow; }
|
||||||
|
|
||||||
|
// .opacity(VALUE);
|
||||||
|
@mixin opacity($opacity : .5) {
|
||||||
|
opacity : $opacity; }
|
||||||
|
|
||||||
|
// TRANSFORMATIONS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// .rotate(VALUEdeg);
|
||||||
|
@mixin rotate($deg) {
|
||||||
|
-webkit-transform : rotate($deg);
|
||||||
|
-moz-transform : rotate($deg);
|
||||||
|
-ms-transform : rotate($deg);
|
||||||
|
-o-transform : rotate($deg);
|
||||||
|
transform : rotate($deg); }
|
||||||
|
|
||||||
|
// .scale(VALUE);
|
||||||
|
@mixin scale($ratio) {
|
||||||
|
-webkit-transform : scale($ratio);
|
||||||
|
-moz-transform : scale($ratio);
|
||||||
|
-ms-transform : scale($ratio);
|
||||||
|
-o-transform : scale($ratio);
|
||||||
|
transform : scale($ratio); }
|
||||||
|
|
||||||
|
// .skew(VALUE, VALUE);
|
||||||
|
@mixin skew($x: 0, $y: 0) {
|
||||||
|
-webkit-transform : skew($x, $y);
|
||||||
|
-moz-transform : skew($x, $y);
|
||||||
|
-ms-transform : skew($x, $y);
|
||||||
|
-o-transform : skew($x, $y);
|
||||||
|
transform : skew($x, $y); }
|
||||||
|
|
||||||
|
// .transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION);
|
||||||
|
@mixin transition($transition) {
|
||||||
|
-webkit-transition : $transition;
|
||||||
|
-moz-transition : $transition;
|
||||||
|
-ms-transition : $transition;
|
||||||
|
-o-transition : $transition;
|
||||||
|
transition : $transition; }
|
||||||
|
|
||||||
|
// .translate(VALUE, VALUE)
|
||||||
|
@mixin translate($x: 0, $y: 0) {
|
||||||
|
-webkit-transform : translate($x, $y);
|
||||||
|
-moz-transform : translate($x, $y);
|
||||||
|
-ms-transform : translate($x, $y);
|
||||||
|
-o-transform : translate($x, $y);
|
||||||
|
transform : translate($x, $y); }
|
||||||
|
|
||||||
|
@mixin translate3d($x: 0, $y: 0, $z: 0) {
|
||||||
|
-webkit-transform : translate($x, $y, $z);
|
||||||
|
-moz-transform : translate($x, $y, $z);
|
||||||
|
-ms-transform : translate($x, $y, $z);
|
||||||
|
-o-transform : translate($x, $y, $z);
|
||||||
|
transform : translate($x, $y, $z); }
|
||||||
|
|
||||||
|
@mixin animation($name, $duration: 300ms, $delay: 0, $ease: ease) {
|
||||||
|
-webkit-animation: $name $duration $delay $ease;
|
||||||
|
-moz-animation: $name $duration $delay $ease;
|
||||||
|
-ms-animation: $name $duration $delay $ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
// BACKGROUND
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// .background-alpha(VALUE VALUE);
|
||||||
|
@mixin background-alpha($color: $white, $alpha: 1) {
|
||||||
|
background-color : hsla(hue($color), saturation($color), lightness($color), $alpha); }
|
||||||
|
|
||||||
|
// .background-size(VALUE VALUE);
|
||||||
|
@mixin background-size($size){
|
||||||
|
-webkit-background-size : $size;
|
||||||
|
-moz-background-size : $size;
|
||||||
|
-o-background-size : $size;
|
||||||
|
background-size : $size; }
|
||||||
|
|
||||||
|
// .background-clip(VALUE); (border-box, padding-box, content-box)
|
||||||
|
@mixin background-clip($clip) {
|
||||||
|
-webkit-background-clip : $clip;
|
||||||
|
-moz-background-clip : $clip;
|
||||||
|
background-clip : $clip; }
|
||||||
|
|
||||||
|
// .box-sizing(VALUE); (border-box, padding-box, content-box)
|
||||||
|
@mixin box-sizing($boxsize: border-box) {
|
||||||
|
-webkit-box-sizing : $boxsize;
|
||||||
|
-moz-box-sizing : $boxsize;
|
||||||
|
-ms-box-sizing : $boxsize;
|
||||||
|
box-sizing : $boxsize; }
|
||||||
|
|
||||||
|
// For image replacement
|
||||||
|
@mixin hide-text() {
|
||||||
|
text-indent : 100%;
|
||||||
|
white-space : nowrap;
|
||||||
|
overflow : hidden; }
|
||||||
|
|
||||||
|
// Hide from visual and speaking browsers
|
||||||
|
@mixin hidden {
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide but maintain layout
|
||||||
|
@mixin invisible() {
|
||||||
|
visibility : hidden; }
|
||||||
|
|
||||||
|
// .resize(VALUE) (none, both, horizontal, vertical, inherit)
|
||||||
|
@mixin resize($direction: both) {
|
||||||
|
resize : $direction;
|
||||||
|
overflow : auto; }
|
||||||
|
|
||||||
|
// .userselect(VALUE) (all, element, none, text)
|
||||||
|
@mixin user-select($select) {
|
||||||
|
-webkit-user-select : $select;
|
||||||
|
-moz-user-select : $select;
|
||||||
|
-o-user-select : $select;
|
||||||
|
user-select : $select; }
|
||||||
|
|
||||||
|
// Hidden but available to speaking browsers
|
||||||
|
@mixin visuallyhidden() {
|
||||||
|
overflow : hidden;
|
||||||
|
position : absolute;
|
||||||
|
clip : rect(0 0 0 0);
|
||||||
|
height : 1px;
|
||||||
|
width : 1px;
|
||||||
|
margin : -1px;
|
||||||
|
padding : 0;
|
||||||
|
border : 0; }
|
|
@ -1,49 +1,49 @@
|
||||||
body {
|
body {
|
||||||
background-color: @bodycolor;
|
background-color: $bodycolor;
|
||||||
font-family: @base-font;
|
font-family: $base-font;
|
||||||
color: @text-color;
|
color: $text-color;
|
||||||
}
|
}
|
||||||
.navigation-wrapper {
|
.navigation-wrapper {
|
||||||
.container();
|
@include container;
|
||||||
padding: 2em 0 0;
|
padding: 2em 0 0;
|
||||||
font-family: @heading-font;
|
font-family: $heading-font;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
.clearfix();
|
@include clearfix;
|
||||||
}
|
}
|
||||||
.site-name {
|
.site-name {
|
||||||
.grid(12,10);
|
@include grid(12,10);
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
.suffix(12,1);
|
@include suffix(12,1);
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
float: none;
|
float: none;
|
||||||
display: block;
|
display: block;
|
||||||
.font-rem(24);
|
@include font-rem(24);
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
.grid(12,2);
|
@include grid(12,2);
|
||||||
.prefix(12,0.5);
|
@include prefix(12,0.5);
|
||||||
.suffix(12,0.5);
|
@include suffix(12,0.5);
|
||||||
.font-rem(16);
|
@include font-rem(16);
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,1.5);
|
@include grid(12,1.5);
|
||||||
.prefix(12,2);
|
@include prefix(12,2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.top-navigation {
|
.top-navigation {
|
||||||
.grid(12,10);
|
@include grid(12,10);
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
.suffix(12,1);
|
@include suffix(12,1);
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
float: none;
|
float: none;
|
||||||
display: block;
|
display: block;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
.grid(12,9);
|
@include grid(12,9);
|
||||||
.prefix(12,0);
|
@include prefix(12,0);
|
||||||
.suffix(12,0);
|
@include suffix(12,0);
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,8);
|
@include grid(12,8);
|
||||||
}
|
}
|
||||||
ul {
|
ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -54,13 +54,13 @@ body {
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
border-bottom: 1px solid lighten(@black,80);
|
border-bottom: 1px solid lighten($black,80);
|
||||||
border-bottom: 1px solid fade(@black,10);
|
border-bottom: 1px solid fade($black,10);
|
||||||
.font-rem(16);
|
@include font-rem(16);
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: 0 solid transparent;
|
border-bottom: 0 solid transparent;
|
||||||
}
|
}
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -71,8 +71,8 @@ body {
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
decoration: none;
|
decoration: none;
|
||||||
border-bottom: 0 solid transparent;
|
border-bottom: 0 solid transparent;
|
||||||
.transition(all .2s);
|
@include transition(all .2s);
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
@ -80,22 +80,22 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Navicon lines
|
// Navicon lines
|
||||||
@button-size: 1.5rem;
|
$button-size: 1.5rem;
|
||||||
.navicon-line() {
|
@mixin navicon-line() {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: @button-size;
|
width: $button-size;
|
||||||
height: @button-size/7;
|
height: $button-size/7;
|
||||||
// line color
|
// line color
|
||||||
background: @white;
|
background: $white;
|
||||||
border-radius: @button-size/14;
|
border-radius: $button-size/14;
|
||||||
transition: .3s;
|
transition: .3s;
|
||||||
}
|
}
|
||||||
.navicon-lines-button {
|
.navicon-lines-button {
|
||||||
padding: @button-size/4 @button-size/2;
|
padding: $button-size/4 $button-size/2;
|
||||||
transition: .3s;
|
transition: .3s;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
border-radius: @button-size/7;
|
border-radius: $button-size/7;
|
||||||
}
|
}
|
||||||
.navicon-lines-button:hover {
|
.navicon-lines-button:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -105,28 +105,28 @@ body {
|
||||||
}
|
}
|
||||||
.navicon-lines {
|
.navicon-lines {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-bottom: @button-size/5;
|
margin-bottom: $button-size/5;
|
||||||
// create middle line
|
// create middle line
|
||||||
.navicon-line();
|
@include navicon-line;
|
||||||
position: relative;
|
position: relative;
|
||||||
// create the upper and lower lines as pseudo-elements of the middle line
|
// create the upper and lower lines as pseudo-elements of the middle line
|
||||||
&:before,
|
&:before,
|
||||||
&:after {
|
&:after {
|
||||||
.navicon-line();
|
@include navicon-line;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
content: '';
|
content: '';
|
||||||
-webkit-transform-origin: @button-size/14 center;
|
-webkit-transform-origin: $button-size/14 center;
|
||||||
transform-origin: @button-size/14 center;
|
transform-origin: $button-size/14 center;
|
||||||
}
|
}
|
||||||
&:before { top: @button-size/4; }
|
&:before { top: $button-size/4; }
|
||||||
&:after { top: -@button-size/4; }
|
&:after { top: -$button-size/4; }
|
||||||
}
|
}
|
||||||
.navicon-lines-button:hover {
|
.navicon-lines-button:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
.navicon-lines {
|
.navicon-lines {
|
||||||
&:before { top: @button-size/3.5; }
|
&:before { top: $button-size/3.5; }
|
||||||
&:after { top: -@button-size/3.5; }
|
&:after { top: -$button-size/3.5; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.navicon-lines-button.x.active .navicon-lines {
|
.navicon-lines-button.x.active .navicon-lines {
|
||||||
|
@ -138,7 +138,7 @@ body {
|
||||||
-webkit-transform-origin: 50% 50%;
|
-webkit-transform-origin: 50% 50%;
|
||||||
transform-origin: 50% 50%;
|
transform-origin: 50% 50%;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: @button-size;
|
width: $button-size;
|
||||||
}
|
}
|
||||||
// rotate the lines to form the x shape
|
// rotate the lines to form the x shape
|
||||||
&:before {
|
&:before {
|
||||||
|
@ -152,13 +152,13 @@ body {
|
||||||
}
|
}
|
||||||
// Style the toggle menu link and hide it
|
// Style the toggle menu link and hide it
|
||||||
.nav .navtoogle {
|
.nav .navtoogle {
|
||||||
.font-rem(18);
|
@include font-rem(18);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
background-color: @black;
|
background-color: $black;
|
||||||
color: @white;
|
color: $white;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -187,7 +187,7 @@ body {
|
||||||
.js .nav ul {
|
.js .nav ul {
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
max-height: 30em;
|
max-height: 30em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -203,57 +203,57 @@ body {
|
||||||
}
|
}
|
||||||
#main {
|
#main {
|
||||||
counter-reset: captions;
|
counter-reset: captions;
|
||||||
.container();
|
@include container;
|
||||||
.clearfix();
|
@include clearfix;
|
||||||
clear: both;
|
clear: both;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
article {
|
article {
|
||||||
.container();
|
@include container;
|
||||||
.grid(12,10);
|
@include grid(12,10);
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
.suffix(12,1);
|
@include suffix(12,1);
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
.grid(12,6);
|
@include grid(12,6);
|
||||||
.prefix(12,0);
|
@include prefix(12,0);
|
||||||
.suffix(12,0);
|
@include suffix(12,0);
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,4.5);
|
@include grid(12,4.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#index {
|
#index {
|
||||||
.container();
|
@include container;
|
||||||
.grid(12,10);
|
@include grid(12,10);
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
.suffix(12,1);
|
@include suffix(12,1);
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
.grid(12,6);
|
@include grid(12,6);
|
||||||
.prefix(12,0);
|
@include prefix(12,0);
|
||||||
.suffix(12,0);
|
@include suffix(12,0);
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,4.5);
|
@include grid(12,4.5);
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: .5em;
|
padding-bottom: .5em;
|
||||||
.font-rem(28);
|
@include font-rem(28);
|
||||||
border-bottom: 1px solid lighten(@black,70);
|
border-bottom: 1px solid lighten($black,70);
|
||||||
}
|
}
|
||||||
article {
|
article {
|
||||||
h2 {
|
h2 {
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
.font-rem(20);
|
@include font-rem(20);
|
||||||
&.link-post {
|
&.link-post {
|
||||||
margin-bottom: 0px + @doc-line-height;
|
margin-bottom: 0px + $doc-line-height;
|
||||||
margin-bottom: 0rem + (@doc-line-height / @doc-font-size);
|
margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
.font-rem(14);
|
@include font-rem(14);
|
||||||
}
|
}
|
||||||
p+p {
|
p+p {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
|
@ -272,11 +272,11 @@ body {
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
border: 20px solid transparent;
|
border: 20px solid transparent;
|
||||||
border-bottom-color: @bodycolor;
|
border-bottom-color: $bodycolor;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
left: 25%;
|
left: 25%;
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
left: 33.333333333%;
|
left: 33.333333333%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -288,17 +288,17 @@ body {
|
||||||
.headline-wrap {
|
.headline-wrap {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 25px;
|
bottom: 25px;
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
left: 25%;
|
left: 25%;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
}
|
}
|
||||||
h1, h2 {
|
h1, h2 {
|
||||||
color: @white;
|
color: $white;
|
||||||
.text-shadow(0 1px 2px rgba(0,0,0,.25));
|
@include text-shadow(0 1px 2px rgba(0,0,0,.25));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -322,16 +322,16 @@ body {
|
||||||
.author-social {
|
.author-social {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
.font-rem(14);
|
@include font-rem(14);
|
||||||
color: @black;
|
color: $black;
|
||||||
&:visited {
|
&:visited {
|
||||||
color: @black;
|
color: $black;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
.scale(1.1);
|
@include scale(1.1);
|
||||||
}
|
}
|
||||||
&:active {
|
&:active {
|
||||||
.translate(0, 2px);
|
@include translate(0, 2px);
|
||||||
}
|
}
|
||||||
.fa {
|
.fa {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
@ -341,13 +341,13 @@ body {
|
||||||
display: none;
|
display: none;
|
||||||
.bio-photo {
|
.bio-photo {
|
||||||
max-width: 110px;
|
max-width: 110px;
|
||||||
.rounded(150px);
|
@include rounded(150px);
|
||||||
}
|
}
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
display: block;
|
display: block;
|
||||||
.grid(12,2);
|
@include grid(12,2);
|
||||||
.prefix(12,0.5);
|
@include prefix(12,0.5);
|
||||||
.suffix(12,0.5);
|
@include suffix(12,0.5);
|
||||||
h3,
|
h3,
|
||||||
p,
|
p,
|
||||||
.author-social {
|
.author-social {
|
||||||
|
@ -365,7 +365,7 @@ body {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media @992px {
|
@media #{$large} {
|
||||||
h3,
|
h3,
|
||||||
.bio-photo,
|
.bio-photo,
|
||||||
p,
|
p,
|
||||||
|
@ -373,27 +373,27 @@ body {
|
||||||
max-width: 150px;
|
max-width: 150px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,1.5);
|
@include grid(12,1.5);
|
||||||
.prefix(12,2);
|
@include prefix(12,2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.article-author-bottom {
|
.article-author-bottom {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.bio-photo {
|
.bio-photo {
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
.rounded(150px);
|
@include rounded(150px);
|
||||||
}
|
}
|
||||||
.author-social {
|
.author-social {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
@media @992px {
|
@media #{$large} {
|
||||||
h3,
|
h3,
|
||||||
.bio-photo,
|
.bio-photo,
|
||||||
p,
|
p,
|
||||||
|
@ -406,7 +406,7 @@ body {
|
||||||
// Dotted line underlines for links
|
// Dotted line underlines for links
|
||||||
p > a,
|
p > a,
|
||||||
li > a {
|
li > a {
|
||||||
border-bottom: 1px dotted lighten(@link-color, 50);
|
border-bottom: 1px dotted lighten($link-color, 50);
|
||||||
&:hover {
|
&:hover {
|
||||||
border-bottom-style: solid;
|
border-bottom-style: solid;
|
||||||
}
|
}
|
||||||
|
@ -419,24 +419,24 @@ body {
|
||||||
.toc {
|
.toc {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 95%;
|
font-size: 95%;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
display: block;
|
display: block;
|
||||||
.grid(12,2);
|
@include grid(12,2);
|
||||||
.prefix(12,0.5);
|
@include prefix(12,0.5);
|
||||||
.suffix(12,0.5);
|
@include suffix(12,0.5);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5.5em;
|
top: 5.5em;
|
||||||
right: 0;
|
right: 0;
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
}
|
}
|
||||||
header {
|
header {
|
||||||
background: lighten(@black, 10);
|
background: lighten($black, 10);
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
color: @white;
|
color: $white;
|
||||||
.font-rem(16);
|
@include font-rem(16);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -451,7 +451,7 @@ body {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 0 1px 0;
|
margin: 0 0 1px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: @heading-font;
|
font-family: $heading-font;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
|
@ -459,13 +459,13 @@ body {
|
||||||
a {
|
a {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
display: block;
|
display: block;
|
||||||
color: @white;
|
color: $white;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
background: lighten(@black, 30);
|
background: lighten($black, 30);
|
||||||
.opacity(0.7);
|
@include opacity(0.7);
|
||||||
.transition(opacity 0.2s ease-in-out);
|
@include transition(opacity 0.2s ease-in-out);
|
||||||
&:hover {
|
&:hover {
|
||||||
.opacity(1);
|
@include opacity(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul {
|
ul {
|
||||||
|
@ -474,28 +474,28 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.image-grid {
|
.image-grid {
|
||||||
.clearfix();
|
@include clearfix;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0 0 1em;
|
margin: 0 0 1em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
li {
|
li {
|
||||||
.grid(12,6);
|
@include grid(12,6);
|
||||||
@media @480px {
|
@media #{$micro} {
|
||||||
width: 33.333333%;
|
width: 33.333333%;
|
||||||
}
|
}
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
@media @768px {
|
@media #{$medium} {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
@media @992px {
|
@media #{$large} {
|
||||||
width: 16.666666666%;
|
width: 16.666666666%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.recent-grid {
|
.recent-grid {
|
||||||
.clearfix();
|
@include clearfix;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
li {
|
li {
|
||||||
|
@ -513,7 +513,7 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.holder {
|
.holder {
|
||||||
font-family: @heading-font;
|
font-family: $heading-font;
|
||||||
a {
|
a {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
|
@ -544,8 +544,8 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.footer-wrap {
|
.footer-wrap {
|
||||||
.container();
|
@include container;
|
||||||
.clearfix();
|
@include clearfix;
|
||||||
clear: both;
|
clear: both;
|
||||||
padding-bottom: 3em;
|
padding-bottom: 3em;
|
||||||
a,
|
a,
|
||||||
|
@ -556,38 +556,38 @@ body {
|
||||||
h5,
|
h5,
|
||||||
h6,
|
h6,
|
||||||
span {
|
span {
|
||||||
.font-rem(14);
|
@include font-rem(14);
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
.grid(12,10);
|
@include grid(12,10);
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
.suffix(12,1);
|
@include suffix(12,1);
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
.grid(12,6);
|
@include grid(12,6);
|
||||||
.prefix(12,3);
|
@include prefix(12,3);
|
||||||
.suffix(12,3);
|
@include suffix(12,3);
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,4.5);
|
@include grid(12,4.5);
|
||||||
.prefix(12,4);
|
@include prefix(12,4);
|
||||||
.suffix(12,3.5);
|
@include suffix(12,3.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.related-articles {
|
.related-articles {
|
||||||
.grid(12,10);
|
@include grid(12,10);
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
.suffix(12,1);
|
@include suffix(12,1);
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
.grid(12,6);
|
@include grid(12,6);
|
||||||
.prefix(12,3);
|
@include prefix(12,3);
|
||||||
.suffix(12,3);
|
@include suffix(12,3);
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,4.5);
|
@include grid(12,4.5);
|
||||||
.prefix(12,4);
|
@include prefix(12,4);
|
||||||
.suffix(12,3.5);
|
@include suffix(12,3.5);
|
||||||
}
|
}
|
||||||
h4 {
|
h4 {
|
||||||
|
|
||||||
|
@ -603,8 +603,8 @@ body {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
a {
|
a {
|
||||||
color: lighten(@basecolor, 40%);
|
color: lighten($basecolor, 40%);
|
||||||
.transition(.4s linear);
|
@include transition(.4s linear);
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
@ -644,13 +644,13 @@ body {
|
||||||
margin: 0 0 2em 0;
|
margin: 0 0 2em 0;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: @white;
|
color: $white;
|
||||||
a {
|
a {
|
||||||
color: @white;
|
color: $white;
|
||||||
border-bottom: 1px dotted @white;
|
border-bottom: 1px dotted $white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
border-bottom: 1px solid @white;
|
border-bottom: 1px solid $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -673,14 +673,14 @@ body {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding: 8px 20px;
|
padding: 8px 20px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
.font-rem(14);
|
@include font-rem(14);
|
||||||
background-color: @white;
|
background-color: $white;
|
||||||
color: @black;
|
color: $black;
|
||||||
border-width: 2px !important;
|
border-width: 2px !important;
|
||||||
border-style: solid !important;
|
border-style: solid !important;
|
||||||
border-color: lighten(@black,50);
|
border-color: lighten($black,50);
|
||||||
.rounded(3px);
|
@include rounded(3px);
|
||||||
}
|
}
|
||||||
#goog-wm-sb {
|
#goog-wm-sb {
|
||||||
.btn();
|
@extend .btn;
|
||||||
}
|
}
|
|
@ -1,10 +1,10 @@
|
||||||
.highlight {
|
.highlight {
|
||||||
background-color: #efefef;
|
background-color: #efefef;
|
||||||
font-family: @code-font;
|
font-family: $code-font;
|
||||||
.font(12);
|
@include font(12);
|
||||||
color: #333332;
|
color: #333332;
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
.rounded(4px);
|
@include rounded(4px);
|
||||||
pre {
|
pre {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0;
|
margin: 0;
|
|
@ -1,12 +1,12 @@
|
||||||
/* Selection ============================================= */
|
/* Selection ============================================= */
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
background-color: lighten(@basecolor, 65%);
|
background-color: lighten($basecolor, 65%);
|
||||||
color: @basecolor;
|
color: $basecolor;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
::selection {
|
::selection {
|
||||||
background-color: lighten(@basecolor, 65%);
|
background-color: lighten($basecolor, 65%);
|
||||||
color: @basecolor;
|
color: $basecolor;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -46,5 +46,5 @@
|
||||||
|
|
||||||
/* Global Transition ==================================== */
|
/* Global Transition ==================================== */
|
||||||
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
|
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
|
||||||
.transition(all .2s ease);
|
@include transition(all .2s ease);
|
||||||
}
|
}
|
|
@ -1,41 +1,41 @@
|
||||||
// Headings
|
// Headings
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-family: @heading-font;
|
font-family: $heading-font;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
.font-size(32)
|
@include font-size(32);
|
||||||
}
|
}
|
||||||
h2 {
|
h2 {
|
||||||
.font-size(28)
|
@include font-size(28);
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
.font-size(24)
|
@include font-size(24);
|
||||||
}
|
}
|
||||||
h4 {
|
h4 {
|
||||||
.font-size(18)
|
@include font-size(18);
|
||||||
}
|
}
|
||||||
h5 {
|
h5 {
|
||||||
.font-size(16)
|
@include font-size(16);
|
||||||
}
|
}
|
||||||
h6 {
|
h6 {
|
||||||
.font-size(14);
|
@include font-size(14);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Links
|
// Links
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: @link-color;
|
color: $link-color;
|
||||||
&:visited {
|
&:visited {
|
||||||
color: @linkcolorvisited;
|
color: $linkcolorvisited;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @linkcolorhover;
|
color: $linkcolorhover;
|
||||||
}
|
}
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: thin dotted;
|
outline: thin dotted;
|
||||||
color: @linkcolorfocus;
|
color: $linkcolorfocus;
|
||||||
}
|
}
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
|
@ -47,33 +47,33 @@ a {
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
figcaption {
|
figcaption {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
.font(14);
|
@include font(14);
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
color: lighten(@text-color, 10);
|
color: lighten($text-color, 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Feature Image Caption
|
// Feature Image Caption
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
.image-credit {
|
.image-credit {
|
||||||
.grid(12,10);
|
@include grid(12,10);
|
||||||
.prefix(12,1);
|
@include prefix(12,1);
|
||||||
.suffix(12,1);
|
@include suffix(12,1);
|
||||||
display: block;
|
display: block;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.font(12);
|
@include font(12);
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: lighten(@text-color, 30);
|
color: lighten($text-color, 30);
|
||||||
@media @600px {
|
@media #{$small} {
|
||||||
.grid(12,9);
|
@include grid(12,9);
|
||||||
.prefix(12,0);
|
@include prefix(12,0);
|
||||||
.suffix(12,0);
|
@include suffix(12,0);
|
||||||
}
|
}
|
||||||
@media @1382px {
|
@media #{$x-large} {
|
||||||
.grid(12,8.5);
|
@include grid(12,8.5);
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: lighten(@text-color, 30);
|
color: lighten($text-color, 30);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -83,10 +83,10 @@ figcaption {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
padding: .5em 1em;
|
padding: .5em 1em;
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
.font-rem(14);
|
@include font-rem(14);
|
||||||
background-color: @body-color;
|
background-color: $body-color;
|
||||||
border: 1px solid darken(@body-color,20);
|
border: 1px solid darken($body-color,20);
|
||||||
.rounded(3px);
|
@include rounded(3px);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Blockquotes
|
// Blockquotes
|
||||||
|
@ -94,8 +94,8 @@ figcaption {
|
||||||
blockquote {
|
blockquote {
|
||||||
margin-left: -28px;
|
margin-left: -28px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
border-left: 8px solid @border-color;
|
border-left: 8px solid $border-color;
|
||||||
font-family: @alt-font;
|
font-family: $alt-font;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -104,41 +104,41 @@ blockquote {
|
||||||
.footnotes {
|
.footnotes {
|
||||||
ol, li, p {
|
ol, li, p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
.font-rem(14);
|
@include font-rem(14);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Paragraphs
|
// Paragraphs
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
p {
|
p {
|
||||||
margin: 0 0 @indent-var;
|
margin: 0 0 $indent-var;
|
||||||
& + p {
|
& + p {
|
||||||
//siblings indentation
|
//siblings indentation
|
||||||
text-indent: @indent-var;
|
text-indent: $indent-var;
|
||||||
margin-top: -(@indent-var);
|
margin-top: -($indent-var);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Code
|
// Code
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
tt, code, kbd, samp, pre {
|
tt, code, kbd, samp, pre {
|
||||||
font-family: @code-font;
|
font-family: $code-font;
|
||||||
}
|
}
|
||||||
p,
|
p,
|
||||||
li {
|
li {
|
||||||
code {
|
code {
|
||||||
.font-rem(12);
|
@include font-rem(12);
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
border: 1px solid lighten(@black, 90);
|
border: 1px solid lighten($black, 90);
|
||||||
background-color: #efefef;
|
background-color: #efefef;
|
||||||
.rounded(3px);
|
@include rounded(3px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
pre {
|
pre {
|
||||||
.font-rem(12);
|
@include font-rem(12);
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
41
_sass/variables.scss
Normal file
41
_sass/variables.scss
Normal file
|
@ -0,0 +1,41 @@
|
||||||
|
// TYPOGRAPHY ================================================
|
||||||
|
$doc-font-size: 16;
|
||||||
|
$doc-line-height: 26;
|
||||||
|
$base-font: 'PT Serif', serif;
|
||||||
|
$heading-font: 'PT Sans Narrow', sans-serif;
|
||||||
|
$code-font: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
|
||||||
|
$alt-font: $base-font;
|
||||||
|
|
||||||
|
// COLOR ======================================================
|
||||||
|
$bodycolor : #fff;
|
||||||
|
$body-color : $bodycolor;
|
||||||
|
$textcolor : #333332;
|
||||||
|
$text-color : $textcolor;
|
||||||
|
$border-color : $text-color;
|
||||||
|
$basecolor : #343434;
|
||||||
|
$compcolor : spin($basecolor, 180);
|
||||||
|
$bordercolor : $basecolor;
|
||||||
|
$white : #fff;
|
||||||
|
$black : #111;
|
||||||
|
$accentcolor : $black;
|
||||||
|
|
||||||
|
// Buttons
|
||||||
|
$primary : $black;
|
||||||
|
$success : #5cb85c;
|
||||||
|
$warning : #dd8338;
|
||||||
|
$danger : #C64537;
|
||||||
|
$info : #308cbc;
|
||||||
|
|
||||||
|
// Links
|
||||||
|
$linkcolor : #343434;
|
||||||
|
$link-color : $linkcolor;
|
||||||
|
$linkcolorhover : darken($linkcolor, 10);
|
||||||
|
$linkcolorvisited : lighten($linkcolorhover, 20);
|
||||||
|
$linkcolorfocus : darken($linkcolorvisited, 10);
|
||||||
|
|
||||||
|
// Media Queries
|
||||||
|
$micro : "only screen and (min-width: 30em)";
|
||||||
|
$small : "only screen and (min-width: 37.5em)";
|
||||||
|
$medium : "only screen and (min-width: 48em)";
|
||||||
|
$large : "only screen and (min-width: 62em)";
|
||||||
|
$x-large : "only screen and (min-width: 86.375em)";
|
|
@ -1,16 +1,16 @@
|
||||||
// Bordered & Pulled
|
// Bordered & Pulled
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
.@{fa-css-prefix}-border {
|
.#{$fa-css-prefix}-border {
|
||||||
padding: .2em .25em .15em;
|
padding: .2em .25em .15em;
|
||||||
border: solid .08em @fa-border-color;
|
border: solid .08em $fa-border-color;
|
||||||
border-radius: .1em;
|
border-radius: .1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pull-right { float: right; }
|
.pull-right { float: right; }
|
||||||
.pull-left { float: left; }
|
.pull-left { float: left; }
|
||||||
|
|
||||||
.@{fa-css-prefix} {
|
.#{$fa-css-prefix} {
|
||||||
&.pull-left { margin-right: .3em; }
|
&.pull-left { margin-right: .3em; }
|
||||||
&.pull-right { margin-left: .3em; }
|
&.pull-right { margin-left: .3em; }
|
||||||
}
|
}
|
|
@ -1,7 +1,7 @@
|
||||||
// Base Class Definition
|
// Base Class Definition
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
.@{fa-css-prefix} {
|
.#{$fa-css-prefix} {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
font-style: normal;
|
font-style: normal;
|
|
@ -1,6 +1,6 @@
|
||||||
// Fixed Width Icons
|
// Fixed Width Icons
|
||||||
// -------------------------
|
// -------------------------
|
||||||
.@{fa-css-prefix}-fw {
|
.#{$fa-css-prefix}-fw {
|
||||||
width: (18em / 14);
|
width: (18em / 14);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
506
_sass/vendor/font-awesome/_icons.scss
vendored
Normal file
506
_sass/vendor/font-awesome/_icons.scss
vendored
Normal file
|
@ -0,0 +1,506 @@
|
||||||
|
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||||
|
readers do not read off random characters that represent icons */
|
||||||
|
|
||||||
|
.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
|
||||||
|
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
|
||||||
|
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
|
||||||
|
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
|
||||||
|
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
|
||||||
|
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
|
||||||
|
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
|
||||||
|
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
|
||||||
|
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
|
||||||
|
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
|
||||||
|
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
|
||||||
|
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
|
||||||
|
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
|
||||||
|
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
|
||||||
|
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
|
||||||
|
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
|
||||||
|
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
|
||||||
|
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
|
||||||
|
.#{$fa-css-prefix}-gear:before,
|
||||||
|
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
|
||||||
|
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
|
||||||
|
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
|
||||||
|
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
|
||||||
|
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
|
||||||
|
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
|
||||||
|
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
|
||||||
|
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
|
||||||
|
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
|
||||||
|
.#{$fa-css-prefix}-rotate-right:before,
|
||||||
|
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
|
||||||
|
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
|
||||||
|
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
|
||||||
|
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
|
||||||
|
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
|
||||||
|
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
|
||||||
|
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
|
||||||
|
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
|
||||||
|
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
|
||||||
|
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
|
||||||
|
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
|
||||||
|
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
|
||||||
|
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
|
||||||
|
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
|
||||||
|
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
|
||||||
|
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
|
||||||
|
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
|
||||||
|
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
|
||||||
|
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
|
||||||
|
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
|
||||||
|
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
|
||||||
|
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
|
||||||
|
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
|
||||||
|
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
|
||||||
|
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
|
||||||
|
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
|
||||||
|
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
|
||||||
|
.#{$fa-css-prefix}-dedent:before,
|
||||||
|
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
|
||||||
|
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
|
||||||
|
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
|
||||||
|
.#{$fa-css-prefix}-photo:before,
|
||||||
|
.#{$fa-css-prefix}-image:before,
|
||||||
|
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
|
||||||
|
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
|
||||||
|
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
|
||||||
|
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
|
||||||
|
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
|
||||||
|
.#{$fa-css-prefix}-edit:before,
|
||||||
|
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
|
||||||
|
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
|
||||||
|
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
|
||||||
|
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
|
||||||
|
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
|
||||||
|
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
|
||||||
|
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
|
||||||
|
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
|
||||||
|
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
|
||||||
|
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
|
||||||
|
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
|
||||||
|
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
|
||||||
|
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
|
||||||
|
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
|
||||||
|
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
|
||||||
|
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
|
||||||
|
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
|
||||||
|
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
|
||||||
|
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
|
||||||
|
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
|
||||||
|
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
|
||||||
|
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
|
||||||
|
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
|
||||||
|
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
|
||||||
|
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
|
||||||
|
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
|
||||||
|
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
|
||||||
|
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
|
||||||
|
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
|
||||||
|
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
|
||||||
|
.#{$fa-css-prefix}-mail-forward:before,
|
||||||
|
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
|
||||||
|
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
|
||||||
|
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
|
||||||
|
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
|
||||||
|
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
|
||||||
|
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
|
||||||
|
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
|
||||||
|
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
|
||||||
|
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
|
||||||
|
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
|
||||||
|
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
|
||||||
|
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
|
||||||
|
.#{$fa-css-prefix}-warning:before,
|
||||||
|
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
|
||||||
|
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
|
||||||
|
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
|
||||||
|
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
|
||||||
|
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
|
||||||
|
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
|
||||||
|
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
|
||||||
|
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
|
||||||
|
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
|
||||||
|
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
|
||||||
|
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
|
||||||
|
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
|
||||||
|
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
|
||||||
|
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
|
||||||
|
.#{$fa-css-prefix}-bar-chart-o:before { content: $fa-var-bar-chart-o; }
|
||||||
|
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
|
||||||
|
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
|
||||||
|
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
|
||||||
|
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
|
||||||
|
.#{$fa-css-prefix}-gears:before,
|
||||||
|
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
|
||||||
|
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
|
||||||
|
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
|
||||||
|
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
|
||||||
|
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
|
||||||
|
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
|
||||||
|
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
|
||||||
|
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
|
||||||
|
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
|
||||||
|
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
|
||||||
|
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
|
||||||
|
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
|
||||||
|
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
|
||||||
|
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
|
||||||
|
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
|
||||||
|
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
|
||||||
|
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
|
||||||
|
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
|
||||||
|
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
|
||||||
|
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
|
||||||
|
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
|
||||||
|
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
|
||||||
|
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
|
||||||
|
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
|
||||||
|
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
|
||||||
|
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
|
||||||
|
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
|
||||||
|
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
|
||||||
|
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
|
||||||
|
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
|
||||||
|
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
|
||||||
|
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
|
||||||
|
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
|
||||||
|
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
|
||||||
|
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
|
||||||
|
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
|
||||||
|
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
|
||||||
|
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
|
||||||
|
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
|
||||||
|
.#{$fa-css-prefix}-group:before,
|
||||||
|
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
|
||||||
|
.#{$fa-css-prefix}-chain:before,
|
||||||
|
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
|
||||||
|
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
|
||||||
|
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
|
||||||
|
.#{$fa-css-prefix}-cut:before,
|
||||||
|
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
|
||||||
|
.#{$fa-css-prefix}-copy:before,
|
||||||
|
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
|
||||||
|
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
|
||||||
|
.#{$fa-css-prefix}-save:before,
|
||||||
|
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
|
||||||
|
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
|
||||||
|
.#{$fa-css-prefix}-navicon:before,
|
||||||
|
.#{$fa-css-prefix}-reorder:before,
|
||||||
|
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
|
||||||
|
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
|
||||||
|
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
|
||||||
|
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
|
||||||
|
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
|
||||||
|
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
|
||||||
|
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
|
||||||
|
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
|
||||||
|
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
|
||||||
|
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
|
||||||
|
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
|
||||||
|
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
|
||||||
|
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
|
||||||
|
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
|
||||||
|
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
|
||||||
|
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
|
||||||
|
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
|
||||||
|
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
|
||||||
|
.#{$fa-css-prefix}-unsorted:before,
|
||||||
|
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
|
||||||
|
.#{$fa-css-prefix}-sort-down:before,
|
||||||
|
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
|
||||||
|
.#{$fa-css-prefix}-sort-up:before,
|
||||||
|
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
|
||||||
|
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
|
||||||
|
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
|
||||||
|
.#{$fa-css-prefix}-rotate-left:before,
|
||||||
|
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
|
||||||
|
.#{$fa-css-prefix}-legal:before,
|
||||||
|
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
|
||||||
|
.#{$fa-css-prefix}-dashboard:before,
|
||||||
|
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
|
||||||
|
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
|
||||||
|
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
|
||||||
|
.#{$fa-css-prefix}-flash:before,
|
||||||
|
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
|
||||||
|
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
|
||||||
|
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
|
||||||
|
.#{$fa-css-prefix}-paste:before,
|
||||||
|
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
|
||||||
|
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
|
||||||
|
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
|
||||||
|
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
|
||||||
|
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
|
||||||
|
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
|
||||||
|
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
|
||||||
|
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
|
||||||
|
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
|
||||||
|
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
|
||||||
|
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
|
||||||
|
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
|
||||||
|
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
|
||||||
|
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
|
||||||
|
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
|
||||||
|
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
|
||||||
|
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
|
||||||
|
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
|
||||||
|
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
|
||||||
|
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
|
||||||
|
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
|
||||||
|
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
|
||||||
|
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
|
||||||
|
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
|
||||||
|
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
|
||||||
|
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
|
||||||
|
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
|
||||||
|
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
|
||||||
|
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
|
||||||
|
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
|
||||||
|
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
|
||||||
|
.#{$fa-css-prefix}-mobile-phone:before,
|
||||||
|
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
|
||||||
|
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
|
||||||
|
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
|
||||||
|
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
|
||||||
|
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
|
||||||
|
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
|
||||||
|
.#{$fa-css-prefix}-mail-reply:before,
|
||||||
|
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
|
||||||
|
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
|
||||||
|
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
|
||||||
|
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
|
||||||
|
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
|
||||||
|
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
|
||||||
|
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
|
||||||
|
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
|
||||||
|
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
|
||||||
|
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
|
||||||
|
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
|
||||||
|
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
|
||||||
|
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
|
||||||
|
.#{$fa-css-prefix}-mail-reply-all:before,
|
||||||
|
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
|
||||||
|
.#{$fa-css-prefix}-star-half-empty:before,
|
||||||
|
.#{$fa-css-prefix}-star-half-full:before,
|
||||||
|
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
|
||||||
|
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
|
||||||
|
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
|
||||||
|
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
|
||||||
|
.#{$fa-css-prefix}-unlink:before,
|
||||||
|
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
|
||||||
|
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
|
||||||
|
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
|
||||||
|
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
|
||||||
|
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
|
||||||
|
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
|
||||||
|
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
|
||||||
|
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
|
||||||
|
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
|
||||||
|
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
|
||||||
|
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
|
||||||
|
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
|
||||||
|
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
|
||||||
|
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
|
||||||
|
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
|
||||||
|
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
|
||||||
|
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
|
||||||
|
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
|
||||||
|
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
|
||||||
|
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
|
||||||
|
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
|
||||||
|
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
|
||||||
|
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
|
||||||
|
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
|
||||||
|
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
|
||||||
|
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
|
||||||
|
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
|
||||||
|
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
|
||||||
|
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
|
||||||
|
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
|
||||||
|
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
|
||||||
|
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
|
||||||
|
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
|
||||||
|
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
|
||||||
|
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
|
||||||
|
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
|
||||||
|
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
|
||||||
|
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
|
||||||
|
.#{$fa-css-prefix}-toggle-down:before,
|
||||||
|
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
|
||||||
|
.#{$fa-css-prefix}-toggle-up:before,
|
||||||
|
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
|
||||||
|
.#{$fa-css-prefix}-toggle-right:before,
|
||||||
|
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
|
||||||
|
.#{$fa-css-prefix}-euro:before,
|
||||||
|
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
|
||||||
|
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
|
||||||
|
.#{$fa-css-prefix}-dollar:before,
|
||||||
|
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
|
||||||
|
.#{$fa-css-prefix}-rupee:before,
|
||||||
|
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
|
||||||
|
.#{$fa-css-prefix}-cny:before,
|
||||||
|
.#{$fa-css-prefix}-rmb:before,
|
||||||
|
.#{$fa-css-prefix}-yen:before,
|
||||||
|
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
|
||||||
|
.#{$fa-css-prefix}-ruble:before,
|
||||||
|
.#{$fa-css-prefix}-rouble:before,
|
||||||
|
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
|
||||||
|
.#{$fa-css-prefix}-won:before,
|
||||||
|
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
|
||||||
|
.#{$fa-css-prefix}-bitcoin:before,
|
||||||
|
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
|
||||||
|
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
|
||||||
|
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
|
||||||
|
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
|
||||||
|
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
|
||||||
|
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
|
||||||
|
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
|
||||||
|
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
|
||||||
|
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
|
||||||
|
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
|
||||||
|
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
|
||||||
|
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
|
||||||
|
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
|
||||||
|
.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
|
||||||
|
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
|
||||||
|
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
|
||||||
|
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
|
||||||
|
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
|
||||||
|
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
|
||||||
|
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
|
||||||
|
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
|
||||||
|
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
|
||||||
|
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
|
||||||
|
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
|
||||||
|
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
|
||||||
|
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
|
||||||
|
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
|
||||||
|
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
|
||||||
|
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
|
||||||
|
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
|
||||||
|
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
|
||||||
|
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
|
||||||
|
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
|
||||||
|
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
|
||||||
|
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
|
||||||
|
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
|
||||||
|
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
|
||||||
|
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
|
||||||
|
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
|
||||||
|
.#{$fa-css-prefix}-gittip:before { content: $fa-var-gittip; }
|
||||||
|
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
|
||||||
|
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
|
||||||
|
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
|
||||||
|
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
|
||||||
|
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
|
||||||
|
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
|
||||||
|
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
|
||||||
|
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
|
||||||
|
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
|
||||||
|
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
|
||||||
|
.#{$fa-css-prefix}-toggle-left:before,
|
||||||
|
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
|
||||||
|
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
|
||||||
|
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
|
||||||
|
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
|
||||||
|
.#{$fa-css-prefix}-turkish-lira:before,
|
||||||
|
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
|
||||||
|
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
|
||||||
|
.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
|
||||||
|
.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
|
||||||
|
.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
|
||||||
|
.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
|
||||||
|
.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
|
||||||
|
.#{$fa-css-prefix}-institution:before,
|
||||||
|
.#{$fa-css-prefix}-bank:before,
|
||||||
|
.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
|
||||||
|
.#{$fa-css-prefix}-mortar-board:before,
|
||||||
|
.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
|
||||||
|
.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
|
||||||
|
.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
|
||||||
|
.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
|
||||||
|
.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
|
||||||
|
.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
|
||||||
|
.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
|
||||||
|
.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
|
||||||
|
.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
|
||||||
|
.#{$fa-css-prefix}-pied-piper-square:before,
|
||||||
|
.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
|
||||||
|
.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
|
||||||
|
.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
|
||||||
|
.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
|
||||||
|
.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
|
||||||
|
.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
|
||||||
|
.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
|
||||||
|
.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
|
||||||
|
.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
|
||||||
|
.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
|
||||||
|
.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
|
||||||
|
.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
|
||||||
|
.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
|
||||||
|
.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
|
||||||
|
.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
|
||||||
|
.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
|
||||||
|
.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
|
||||||
|
.#{$fa-css-prefix}-automobile:before,
|
||||||
|
.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
|
||||||
|
.#{$fa-css-prefix}-cab:before,
|
||||||
|
.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
|
||||||
|
.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
|
||||||
|
.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
|
||||||
|
.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
|
||||||
|
.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
|
||||||
|
.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
|
||||||
|
.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
|
||||||
|
.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
|
||||||
|
.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
|
||||||
|
.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
|
||||||
|
.#{$fa-css-prefix}-file-photo-o:before,
|
||||||
|
.#{$fa-css-prefix}-file-picture-o:before,
|
||||||
|
.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
|
||||||
|
.#{$fa-css-prefix}-file-zip-o:before,
|
||||||
|
.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
|
||||||
|
.#{$fa-css-prefix}-file-sound-o:before,
|
||||||
|
.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
|
||||||
|
.#{$fa-css-prefix}-file-movie-o:before,
|
||||||
|
.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
|
||||||
|
.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
|
||||||
|
.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
|
||||||
|
.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
|
||||||
|
.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
|
||||||
|
.#{$fa-css-prefix}-life-bouy:before,
|
||||||
|
.#{$fa-css-prefix}-life-saver:before,
|
||||||
|
.#{$fa-css-prefix}-support:before,
|
||||||
|
.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
|
||||||
|
.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
|
||||||
|
.#{$fa-css-prefix}-ra:before,
|
||||||
|
.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
|
||||||
|
.#{$fa-css-prefix}-ge:before,
|
||||||
|
.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
|
||||||
|
.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
|
||||||
|
.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
|
||||||
|
.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
|
||||||
|
.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
|
||||||
|
.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
|
||||||
|
.#{$fa-css-prefix}-wechat:before,
|
||||||
|
.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
|
||||||
|
.#{$fa-css-prefix}-send:before,
|
||||||
|
.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
|
||||||
|
.#{$fa-css-prefix}-send-o:before,
|
||||||
|
.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
|
||||||
|
.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
|
||||||
|
.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
|
||||||
|
.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
|
||||||
|
.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
|
||||||
|
.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
|
||||||
|
.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
|
||||||
|
.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
|
||||||
|
.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
|
13
_sass/vendor/font-awesome/_larger.scss
vendored
Normal file
13
_sass/vendor/font-awesome/_larger.scss
vendored
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
// Icon Sizes
|
||||||
|
// -------------------------
|
||||||
|
|
||||||
|
/* makes the font 33% larger relative to the icon container */
|
||||||
|
.#{$fa-css-prefix}-lg {
|
||||||
|
font-size: (4em / 3);
|
||||||
|
line-height: (3em / 4);
|
||||||
|
vertical-align: -15%;
|
||||||
|
}
|
||||||
|
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
||||||
|
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
||||||
|
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
||||||
|
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
|
@ -1,19 +1,19 @@
|
||||||
// List Icons
|
// List Icons
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
.@{fa-css-prefix}-ul {
|
.#{$fa-css-prefix}-ul {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
margin-left: @fa-li-width;
|
margin-left: $fa-li-width;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
> li { position: relative; }
|
> li { position: relative; }
|
||||||
}
|
}
|
||||||
.@{fa-css-prefix}-li {
|
.#{$fa-css-prefix}-li {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: -@fa-li-width;
|
left: -$fa-li-width;
|
||||||
width: @fa-li-width;
|
width: $fa-li-width;
|
||||||
top: (2em / 14);
|
top: (2em / 14);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
&.@{fa-css-prefix}-lg {
|
&.#{$fa-css-prefix}-lg {
|
||||||
left: -@fa-li-width + (4em / 14);
|
left: -$fa-li-width + (4em / 14);
|
||||||
}
|
}
|
||||||
}
|
}
|
20
_sass/vendor/font-awesome/_mixins.scss
vendored
Normal file
20
_sass/vendor/font-awesome/_mixins.scss
vendored
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
// Mixins
|
||||||
|
// --------------------------
|
||||||
|
|
||||||
|
@mixin fa-icon-rotate($degrees, $rotation) {
|
||||||
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||||
|
-webkit-transform: rotate($degrees);
|
||||||
|
-moz-transform: rotate($degrees);
|
||||||
|
-ms-transform: rotate($degrees);
|
||||||
|
-o-transform: rotate($degrees);
|
||||||
|
transform: rotate($degrees);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
||||||
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
||||||
|
-webkit-transform: scale($horiz, $vert);
|
||||||
|
-moz-transform: scale($horiz, $vert);
|
||||||
|
-ms-transform: scale($horiz, $vert);
|
||||||
|
-o-transform: scale($horiz, $vert);
|
||||||
|
transform: scale($horiz, $vert);
|
||||||
|
}
|
14
_sass/vendor/font-awesome/_path.scss
vendored
Normal file
14
_sass/vendor/font-awesome/_path.scss
vendored
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
/* FONT PATH
|
||||||
|
* -------------------------- */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'FontAwesome';
|
||||||
|
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
|
||||||
|
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
|
||||||
|
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
|
||||||
|
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
|
||||||
|
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
|
||||||
|
//src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
9
_sass/vendor/font-awesome/_rotated-flipped.scss
vendored
Normal file
9
_sass/vendor/font-awesome/_rotated-flipped.scss
vendored
Normal file
|
@ -0,0 +1,9 @@
|
||||||
|
// Rotated & Flipped Icons
|
||||||
|
// -------------------------
|
||||||
|
|
||||||
|
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
||||||
|
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
||||||
|
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
||||||
|
|
||||||
|
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
||||||
|
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
|
@ -1,7 +1,7 @@
|
||||||
// Spinning Icons
|
// Spinning Icons
|
||||||
// --------------------------
|
// --------------------------
|
||||||
|
|
||||||
.@{fa-css-prefix}-spin {
|
.#{$fa-css-prefix}-spin {
|
||||||
-webkit-animation: spin 2s infinite linear;
|
-webkit-animation: spin 2s infinite linear;
|
||||||
-moz-animation: spin 2s infinite linear;
|
-moz-animation: spin 2s infinite linear;
|
||||||
-o-animation: spin 2s infinite linear;
|
-o-animation: spin 2s infinite linear;
|
|
@ -1,7 +1,7 @@
|
||||||
// Stacked Icons
|
// Stacked Icons
|
||||||
// -------------------------
|
// -------------------------
|
||||||
|
|
||||||
.@{fa-css-prefix}-stack {
|
.#{$fa-css-prefix}-stack {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 2em;
|
width: 2em;
|
||||||
|
@ -9,12 +9,12 @@
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
|
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
|
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
||||||
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
|
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
||||||
.@{fa-css-prefix}-inverse { color: @fa-inverse; }
|
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|
515
_sass/vendor/font-awesome/_variables.scss
vendored
Normal file
515
_sass/vendor/font-awesome/_variables.scss
vendored
Normal file
|
@ -0,0 +1,515 @@
|
||||||
|
// Variables
|
||||||
|
// --------------------------
|
||||||
|
|
||||||
|
$fa-font-path: "../fonts" !default;
|
||||||
|
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts" !default; // for referencing Bootstrap CDN font files directly
|
||||||
|
$fa-css-prefix: fa !default;
|
||||||
|
$fa-version: "4.1.0" !default;
|
||||||
|
$fa-border-color: #eee !default;
|
||||||
|
$fa-inverse: #fff !default;
|
||||||
|
$fa-li-width: (30em / 14) !default;
|
||||||
|
|
||||||
|
$fa-var-adjust: "\f042";
|
||||||
|
$fa-var-adn: "\f170";
|
||||||
|
$fa-var-align-center: "\f037";
|
||||||
|
$fa-var-align-justify: "\f039";
|
||||||
|
$fa-var-align-left: "\f036";
|
||||||
|
$fa-var-align-right: "\f038";
|
||||||
|
$fa-var-ambulance: "\f0f9";
|
||||||
|
$fa-var-anchor: "\f13d";
|
||||||
|
$fa-var-android: "\f17b";
|
||||||
|
$fa-var-angle-double-down: "\f103";
|
||||||
|
$fa-var-angle-double-left: "\f100";
|
||||||
|
$fa-var-angle-double-right: "\f101";
|
||||||
|
$fa-var-angle-double-up: "\f102";
|
||||||
|
$fa-var-angle-down: "\f107";
|
||||||
|
$fa-var-angle-left: "\f104";
|
||||||
|
$fa-var-angle-right: "\f105";
|
||||||
|
$fa-var-angle-up: "\f106";
|
||||||
|
$fa-var-apple: "\f179";
|
||||||
|
$fa-var-archive: "\f187";
|
||||||
|
$fa-var-arrow-circle-down: "\f0ab";
|
||||||
|
$fa-var-arrow-circle-left: "\f0a8";
|
||||||
|
$fa-var-arrow-circle-o-down: "\f01a";
|
||||||
|
$fa-var-arrow-circle-o-left: "\f190";
|
||||||
|
$fa-var-arrow-circle-o-right: "\f18e";
|
||||||
|
$fa-var-arrow-circle-o-up: "\f01b";
|
||||||
|
$fa-var-arrow-circle-right: "\f0a9";
|
||||||
|
$fa-var-arrow-circle-up: "\f0aa";
|
||||||
|
$fa-var-arrow-down: "\f063";
|
||||||
|
$fa-var-arrow-left: "\f060";
|
||||||
|
$fa-var-arrow-right: "\f061";
|
||||||
|
$fa-var-arrow-up: "\f062";
|
||||||
|
$fa-var-arrows: "\f047";
|
||||||
|
$fa-var-arrows-alt: "\f0b2";
|
||||||
|
$fa-var-arrows-h: "\f07e";
|
||||||
|
$fa-var-arrows-v: "\f07d";
|
||||||
|
$fa-var-asterisk: "\f069";
|
||||||
|
$fa-var-automobile: "\f1b9";
|
||||||
|
$fa-var-backward: "\f04a";
|
||||||
|
$fa-var-ban: "\f05e";
|
||||||
|
$fa-var-bank: "\f19c";
|
||||||
|
$fa-var-bar-chart-o: "\f080";
|
||||||
|
$fa-var-barcode: "\f02a";
|
||||||
|
$fa-var-bars: "\f0c9";
|
||||||
|
$fa-var-beer: "\f0fc";
|
||||||
|
$fa-var-behance: "\f1b4";
|
||||||
|
$fa-var-behance-square: "\f1b5";
|
||||||
|
$fa-var-bell: "\f0f3";
|
||||||
|
$fa-var-bell-o: "\f0a2";
|
||||||
|
$fa-var-bitbucket: "\f171";
|
||||||
|
$fa-var-bitbucket-square: "\f172";
|
||||||
|
$fa-var-bitcoin: "\f15a";
|
||||||
|
$fa-var-bold: "\f032";
|
||||||
|
$fa-var-bolt: "\f0e7";
|
||||||
|
$fa-var-bomb: "\f1e2";
|
||||||
|
$fa-var-book: "\f02d";
|
||||||
|
$fa-var-bookmark: "\f02e";
|
||||||
|
$fa-var-bookmark-o: "\f097";
|
||||||
|
$fa-var-briefcase: "\f0b1";
|
||||||
|
$fa-var-btc: "\f15a";
|
||||||
|
$fa-var-bug: "\f188";
|
||||||
|
$fa-var-building: "\f1ad";
|
||||||
|
$fa-var-building-o: "\f0f7";
|
||||||
|
$fa-var-bullhorn: "\f0a1";
|
||||||
|
$fa-var-bullseye: "\f140";
|
||||||
|
$fa-var-cab: "\f1ba";
|
||||||
|
$fa-var-calendar: "\f073";
|
||||||
|
$fa-var-calendar-o: "\f133";
|
||||||
|
$fa-var-camera: "\f030";
|
||||||
|
$fa-var-camera-retro: "\f083";
|
||||||
|
$fa-var-car: "\f1b9";
|
||||||
|
$fa-var-caret-down: "\f0d7";
|
||||||
|
$fa-var-caret-left: "\f0d9";
|
||||||
|
$fa-var-caret-right: "\f0da";
|
||||||
|
$fa-var-caret-square-o-down: "\f150";
|
||||||
|
$fa-var-caret-square-o-left: "\f191";
|
||||||
|
$fa-var-caret-square-o-right: "\f152";
|
||||||
|
$fa-var-caret-square-o-up: "\f151";
|
||||||
|
$fa-var-caret-up: "\f0d8";
|
||||||
|
$fa-var-certificate: "\f0a3";
|
||||||
|
$fa-var-chain: "\f0c1";
|
||||||
|
$fa-var-chain-broken: "\f127";
|
||||||
|
$fa-var-check: "\f00c";
|
||||||
|
$fa-var-check-circle: "\f058";
|
||||||
|
$fa-var-check-circle-o: "\f05d";
|
||||||
|
$fa-var-check-square: "\f14a";
|
||||||
|
$fa-var-check-square-o: "\f046";
|
||||||
|
$fa-var-chevron-circle-down: "\f13a";
|
||||||
|
$fa-var-chevron-circle-left: "\f137";
|
||||||
|
$fa-var-chevron-circle-right: "\f138";
|
||||||
|
$fa-var-chevron-circle-up: "\f139";
|
||||||
|
$fa-var-chevron-down: "\f078";
|
||||||
|
$fa-var-chevron-left: "\f053";
|
||||||
|
$fa-var-chevron-right: "\f054";
|
||||||
|
$fa-var-chevron-up: "\f077";
|
||||||
|
$fa-var-child: "\f1ae";
|
||||||
|
$fa-var-circle: "\f111";
|
||||||
|
$fa-var-circle-o: "\f10c";
|
||||||
|
$fa-var-circle-o-notch: "\f1ce";
|
||||||
|
$fa-var-circle-thin: "\f1db";
|
||||||
|
$fa-var-clipboard: "\f0ea";
|
||||||
|
$fa-var-clock-o: "\f017";
|
||||||
|
$fa-var-cloud: "\f0c2";
|
||||||
|
$fa-var-cloud-download: "\f0ed";
|
||||||
|
$fa-var-cloud-upload: "\f0ee";
|
||||||
|
$fa-var-cny: "\f157";
|
||||||
|
$fa-var-code: "\f121";
|
||||||
|
$fa-var-code-fork: "\f126";
|
||||||
|
$fa-var-codepen: "\f1cb";
|
||||||
|
$fa-var-coffee: "\f0f4";
|
||||||
|
$fa-var-cog: "\f013";
|
||||||
|
$fa-var-cogs: "\f085";
|
||||||
|
$fa-var-columns: "\f0db";
|
||||||
|
$fa-var-comment: "\f075";
|
||||||
|
$fa-var-comment-o: "\f0e5";
|
||||||
|
$fa-var-comments: "\f086";
|
||||||
|
$fa-var-comments-o: "\f0e6";
|
||||||
|
$fa-var-compass: "\f14e";
|
||||||
|
$fa-var-compress: "\f066";
|
||||||
|
$fa-var-copy: "\f0c5";
|
||||||
|
$fa-var-credit-card: "\f09d";
|
||||||
|
$fa-var-crop: "\f125";
|
||||||
|
$fa-var-crosshairs: "\f05b";
|
||||||
|
$fa-var-css3: "\f13c";
|
||||||
|
$fa-var-cube: "\f1b2";
|
||||||
|
$fa-var-cubes: "\f1b3";
|
||||||
|
$fa-var-cut: "\f0c4";
|
||||||
|
$fa-var-cutlery: "\f0f5";
|
||||||
|
$fa-var-dashboard: "\f0e4";
|
||||||
|
$fa-var-database: "\f1c0";
|
||||||
|
$fa-var-dedent: "\f03b";
|
||||||
|
$fa-var-delicious: "\f1a5";
|
||||||
|
$fa-var-desktop: "\f108";
|
||||||
|
$fa-var-deviantart: "\f1bd";
|
||||||
|
$fa-var-digg: "\f1a6";
|
||||||
|
$fa-var-dollar: "\f155";
|
||||||
|
$fa-var-dot-circle-o: "\f192";
|
||||||
|
$fa-var-download: "\f019";
|
||||||
|
$fa-var-dribbble: "\f17d";
|
||||||
|
$fa-var-dropbox: "\f16b";
|
||||||
|
$fa-var-drupal: "\f1a9";
|
||||||
|
$fa-var-edit: "\f044";
|
||||||
|
$fa-var-eject: "\f052";
|
||||||
|
$fa-var-ellipsis-h: "\f141";
|
||||||
|
$fa-var-ellipsis-v: "\f142";
|
||||||
|
$fa-var-empire: "\f1d1";
|
||||||
|
$fa-var-envelope: "\f0e0";
|
||||||
|
$fa-var-envelope-o: "\f003";
|
||||||
|
$fa-var-envelope-square: "\f199";
|
||||||
|
$fa-var-eraser: "\f12d";
|
||||||
|
$fa-var-eur: "\f153";
|
||||||
|
$fa-var-euro: "\f153";
|
||||||
|
$fa-var-exchange: "\f0ec";
|
||||||
|
$fa-var-exclamation: "\f12a";
|
||||||
|
$fa-var-exclamation-circle: "\f06a";
|
||||||
|
$fa-var-exclamation-triangle: "\f071";
|
||||||
|
$fa-var-expand: "\f065";
|
||||||
|
$fa-var-external-link: "\f08e";
|
||||||
|
$fa-var-external-link-square: "\f14c";
|
||||||
|
$fa-var-eye: "\f06e";
|
||||||
|
$fa-var-eye-slash: "\f070";
|
||||||
|
$fa-var-facebook: "\f09a";
|
||||||
|
$fa-var-facebook-square: "\f082";
|
||||||
|
$fa-var-fast-backward: "\f049";
|
||||||
|
$fa-var-fast-forward: "\f050";
|
||||||
|
$fa-var-fax: "\f1ac";
|
||||||
|
$fa-var-female: "\f182";
|
||||||
|
$fa-var-fighter-jet: "\f0fb";
|
||||||
|
$fa-var-file: "\f15b";
|
||||||
|
$fa-var-file-archive-o: "\f1c6";
|
||||||
|
$fa-var-file-audio-o: "\f1c7";
|
||||||
|
$fa-var-file-code-o: "\f1c9";
|
||||||
|
$fa-var-file-excel-o: "\f1c3";
|
||||||
|
$fa-var-file-image-o: "\f1c5";
|
||||||
|
$fa-var-file-movie-o: "\f1c8";
|
||||||
|
$fa-var-file-o: "\f016";
|
||||||
|
$fa-var-file-pdf-o: "\f1c1";
|
||||||
|
$fa-var-file-photo-o: "\f1c5";
|
||||||
|
$fa-var-file-picture-o: "\f1c5";
|
||||||
|
$fa-var-file-powerpoint-o: "\f1c4";
|
||||||
|
$fa-var-file-sound-o: "\f1c7";
|
||||||
|
$fa-var-file-text: "\f15c";
|
||||||
|
$fa-var-file-text-o: "\f0f6";
|
||||||
|
$fa-var-file-video-o: "\f1c8";
|
||||||
|
$fa-var-file-word-o: "\f1c2";
|
||||||
|
$fa-var-file-zip-o: "\f1c6";
|
||||||
|
$fa-var-files-o: "\f0c5";
|
||||||
|
$fa-var-film: "\f008";
|
||||||
|
$fa-var-filter: "\f0b0";
|
||||||
|
$fa-var-fire: "\f06d";
|
||||||
|
$fa-var-fire-extinguisher: "\f134";
|
||||||
|
$fa-var-flag: "\f024";
|
||||||
|
$fa-var-flag-checkered: "\f11e";
|
||||||
|
$fa-var-flag-o: "\f11d";
|
||||||
|
$fa-var-flash: "\f0e7";
|
||||||
|
$fa-var-flask: "\f0c3";
|
||||||
|
$fa-var-flickr: "\f16e";
|
||||||
|
$fa-var-floppy-o: "\f0c7";
|
||||||
|
$fa-var-folder: "\f07b";
|
||||||
|
$fa-var-folder-o: "\f114";
|
||||||
|
$fa-var-folder-open: "\f07c";
|
||||||
|
$fa-var-folder-open-o: "\f115";
|
||||||
|
$fa-var-font: "\f031";
|
||||||
|
$fa-var-forward: "\f04e";
|
||||||
|
$fa-var-foursquare: "\f180";
|
||||||
|
$fa-var-frown-o: "\f119";
|
||||||
|
$fa-var-gamepad: "\f11b";
|
||||||
|
$fa-var-gavel: "\f0e3";
|
||||||
|
$fa-var-gbp: "\f154";
|
||||||
|
$fa-var-ge: "\f1d1";
|
||||||
|
$fa-var-gear: "\f013";
|
||||||
|
$fa-var-gears: "\f085";
|
||||||
|
$fa-var-gift: "\f06b";
|
||||||
|
$fa-var-git: "\f1d3";
|
||||||
|
$fa-var-git-square: "\f1d2";
|
||||||
|
$fa-var-github: "\f09b";
|
||||||
|
$fa-var-github-alt: "\f113";
|
||||||
|
$fa-var-github-square: "\f092";
|
||||||
|
$fa-var-gittip: "\f184";
|
||||||
|
$fa-var-glass: "\f000";
|
||||||
|
$fa-var-globe: "\f0ac";
|
||||||
|
$fa-var-google: "\f1a0";
|
||||||
|
$fa-var-google-plus: "\f0d5";
|
||||||
|
$fa-var-google-plus-square: "\f0d4";
|
||||||
|
$fa-var-graduation-cap: "\f19d";
|
||||||
|
$fa-var-group: "\f0c0";
|
||||||
|
$fa-var-h-square: "\f0fd";
|
||||||
|
$fa-var-hacker-news: "\f1d4";
|
||||||
|
$fa-var-hand-o-down: "\f0a7";
|
||||||
|
$fa-var-hand-o-left: "\f0a5";
|
||||||
|
$fa-var-hand-o-right: "\f0a4";
|
||||||
|
$fa-var-hand-o-up: "\f0a6";
|
||||||
|
$fa-var-hdd-o: "\f0a0";
|
||||||
|
$fa-var-header: "\f1dc";
|
||||||
|
$fa-var-headphones: "\f025";
|
||||||
|
$fa-var-heart: "\f004";
|
||||||
|
$fa-var-heart-o: "\f08a";
|
||||||
|
$fa-var-history: "\f1da";
|
||||||
|
$fa-var-home: "\f015";
|
||||||
|
$fa-var-hospital-o: "\f0f8";
|
||||||
|
$fa-var-html5: "\f13b";
|
||||||
|
$fa-var-image: "\f03e";
|
||||||
|
$fa-var-inbox: "\f01c";
|
||||||
|
$fa-var-indent: "\f03c";
|
||||||
|
$fa-var-info: "\f129";
|
||||||
|
$fa-var-info-circle: "\f05a";
|
||||||
|
$fa-var-inr: "\f156";
|
||||||
|
$fa-var-instagram: "\f16d";
|
||||||
|
$fa-var-institution: "\f19c";
|
||||||
|
$fa-var-italic: "\f033";
|
||||||
|
$fa-var-joomla: "\f1aa";
|
||||||
|
$fa-var-jpy: "\f157";
|
||||||
|
$fa-var-jsfiddle: "\f1cc";
|
||||||
|
$fa-var-key: "\f084";
|
||||||
|
$fa-var-keyboard-o: "\f11c";
|
||||||
|
$fa-var-krw: "\f159";
|
||||||
|
$fa-var-language: "\f1ab";
|
||||||
|
$fa-var-laptop: "\f109";
|
||||||
|
$fa-var-leaf: "\f06c";
|
||||||
|
$fa-var-legal: "\f0e3";
|
||||||
|
$fa-var-lemon-o: "\f094";
|
||||||
|
$fa-var-level-down: "\f149";
|
||||||
|
$fa-var-level-up: "\f148";
|
||||||
|
$fa-var-life-bouy: "\f1cd";
|
||||||
|
$fa-var-life-ring: "\f1cd";
|
||||||
|
$fa-var-life-saver: "\f1cd";
|
||||||
|
$fa-var-lightbulb-o: "\f0eb";
|
||||||
|
$fa-var-link: "\f0c1";
|
||||||
|
$fa-var-linkedin: "\f0e1";
|
||||||
|
$fa-var-linkedin-square: "\f08c";
|
||||||
|
$fa-var-linux: "\f17c";
|
||||||
|
$fa-var-list: "\f03a";
|
||||||
|
$fa-var-list-alt: "\f022";
|
||||||
|
$fa-var-list-ol: "\f0cb";
|
||||||
|
$fa-var-list-ul: "\f0ca";
|
||||||
|
$fa-var-location-arrow: "\f124";
|
||||||
|
$fa-var-lock: "\f023";
|
||||||
|
$fa-var-long-arrow-down: "\f175";
|
||||||
|
$fa-var-long-arrow-left: "\f177";
|
||||||
|
$fa-var-long-arrow-right: "\f178";
|
||||||
|
$fa-var-long-arrow-up: "\f176";
|
||||||
|
$fa-var-magic: "\f0d0";
|
||||||
|
$fa-var-magnet: "\f076";
|
||||||
|
$fa-var-mail-forward: "\f064";
|
||||||
|
$fa-var-mail-reply: "\f112";
|
||||||
|
$fa-var-mail-reply-all: "\f122";
|
||||||
|
$fa-var-male: "\f183";
|
||||||
|
$fa-var-map-marker: "\f041";
|
||||||
|
$fa-var-maxcdn: "\f136";
|
||||||
|
$fa-var-medkit: "\f0fa";
|
||||||
|
$fa-var-meh-o: "\f11a";
|
||||||
|
$fa-var-microphone: "\f130";
|
||||||
|
$fa-var-microphone-slash: "\f131";
|
||||||
|
$fa-var-minus: "\f068";
|
||||||
|
$fa-var-minus-circle: "\f056";
|
||||||
|
$fa-var-minus-square: "\f146";
|
||||||
|
$fa-var-minus-square-o: "\f147";
|
||||||
|
$fa-var-mobile: "\f10b";
|
||||||
|
$fa-var-mobile-phone: "\f10b";
|
||||||
|
$fa-var-money: "\f0d6";
|
||||||
|
$fa-var-moon-o: "\f186";
|
||||||
|
$fa-var-mortar-board: "\f19d";
|
||||||
|
$fa-var-music: "\f001";
|
||||||
|
$fa-var-navicon: "\f0c9";
|
||||||
|
$fa-var-openid: "\f19b";
|
||||||
|
$fa-var-outdent: "\f03b";
|
||||||
|
$fa-var-pagelines: "\f18c";
|
||||||
|
$fa-var-paper-plane: "\f1d8";
|
||||||
|
$fa-var-paper-plane-o: "\f1d9";
|
||||||
|
$fa-var-paperclip: "\f0c6";
|
||||||
|
$fa-var-paragraph: "\f1dd";
|
||||||
|
$fa-var-paste: "\f0ea";
|
||||||
|
$fa-var-pause: "\f04c";
|
||||||
|
$fa-var-paw: "\f1b0";
|
||||||
|
$fa-var-pencil: "\f040";
|
||||||
|
$fa-var-pencil-square: "\f14b";
|
||||||
|
$fa-var-pencil-square-o: "\f044";
|
||||||
|
$fa-var-phone: "\f095";
|
||||||
|
$fa-var-phone-square: "\f098";
|
||||||
|
$fa-var-photo: "\f03e";
|
||||||
|
$fa-var-picture-o: "\f03e";
|
||||||
|
$fa-var-pied-piper: "\f1a7";
|
||||||
|
$fa-var-pied-piper-alt: "\f1a8";
|
||||||
|
$fa-var-pied-piper-square: "\f1a7";
|
||||||
|
$fa-var-pinterest: "\f0d2";
|
||||||
|
$fa-var-pinterest-square: "\f0d3";
|
||||||
|
$fa-var-plane: "\f072";
|
||||||
|
$fa-var-play: "\f04b";
|
||||||
|
$fa-var-play-circle: "\f144";
|
||||||
|
$fa-var-play-circle-o: "\f01d";
|
||||||
|
$fa-var-plus: "\f067";
|
||||||
|
$fa-var-plus-circle: "\f055";
|
||||||
|
$fa-var-plus-square: "\f0fe";
|
||||||
|
$fa-var-plus-square-o: "\f196";
|
||||||
|
$fa-var-power-off: "\f011";
|
||||||
|
$fa-var-print: "\f02f";
|
||||||
|
$fa-var-puzzle-piece: "\f12e";
|
||||||
|
$fa-var-qq: "\f1d6";
|
||||||
|
$fa-var-qrcode: "\f029";
|
||||||
|
$fa-var-question: "\f128";
|
||||||
|
$fa-var-question-circle: "\f059";
|
||||||
|
$fa-var-quote-left: "\f10d";
|
||||||
|
$fa-var-quote-right: "\f10e";
|
||||||
|
$fa-var-ra: "\f1d0";
|
||||||
|
$fa-var-random: "\f074";
|
||||||
|
$fa-var-rebel: "\f1d0";
|
||||||
|
$fa-var-recycle: "\f1b8";
|
||||||
|
$fa-var-reddit: "\f1a1";
|
||||||
|
$fa-var-reddit-square: "\f1a2";
|
||||||
|
$fa-var-refresh: "\f021";
|
||||||
|
$fa-var-renren: "\f18b";
|
||||||
|
$fa-var-reorder: "\f0c9";
|
||||||
|
$fa-var-repeat: "\f01e";
|
||||||
|
$fa-var-reply: "\f112";
|
||||||
|
$fa-var-reply-all: "\f122";
|
||||||
|
$fa-var-retweet: "\f079";
|
||||||
|
$fa-var-rmb: "\f157";
|
||||||
|
$fa-var-road: "\f018";
|
||||||
|
$fa-var-rocket: "\f135";
|
||||||
|
$fa-var-rotate-left: "\f0e2";
|
||||||
|
$fa-var-rotate-right: "\f01e";
|
||||||
|
$fa-var-rouble: "\f158";
|
||||||
|
$fa-var-rss: "\f09e";
|
||||||
|
$fa-var-rss-square: "\f143";
|
||||||
|
$fa-var-rub: "\f158";
|
||||||
|
$fa-var-ruble: "\f158";
|
||||||
|
$fa-var-rupee: "\f156";
|
||||||
|
$fa-var-save: "\f0c7";
|
||||||
|
$fa-var-scissors: "\f0c4";
|
||||||
|
$fa-var-search: "\f002";
|
||||||
|
$fa-var-search-minus: "\f010";
|
||||||
|
$fa-var-search-plus: "\f00e";
|
||||||
|
$fa-var-send: "\f1d8";
|
||||||
|
$fa-var-send-o: "\f1d9";
|
||||||
|
$fa-var-share: "\f064";
|
||||||
|
$fa-var-share-alt: "\f1e0";
|
||||||
|
$fa-var-share-alt-square: "\f1e1";
|
||||||
|
$fa-var-share-square: "\f14d";
|
||||||
|
$fa-var-share-square-o: "\f045";
|
||||||
|
$fa-var-shield: "\f132";
|
||||||
|
$fa-var-shopping-cart: "\f07a";
|
||||||
|
$fa-var-sign-in: "\f090";
|
||||||
|
$fa-var-sign-out: "\f08b";
|
||||||
|
$fa-var-signal: "\f012";
|
||||||
|
$fa-var-sitemap: "\f0e8";
|
||||||
|
$fa-var-skype: "\f17e";
|
||||||
|
$fa-var-slack: "\f198";
|
||||||
|
$fa-var-sliders: "\f1de";
|
||||||
|
$fa-var-smile-o: "\f118";
|
||||||
|
$fa-var-sort: "\f0dc";
|
||||||
|
$fa-var-sort-alpha-asc: "\f15d";
|
||||||
|
$fa-var-sort-alpha-desc: "\f15e";
|
||||||
|
$fa-var-sort-amount-asc: "\f160";
|
||||||
|
$fa-var-sort-amount-desc: "\f161";
|
||||||
|
$fa-var-sort-asc: "\f0de";
|
||||||
|
$fa-var-sort-desc: "\f0dd";
|
||||||
|
$fa-var-sort-down: "\f0dd";
|
||||||
|
$fa-var-sort-numeric-asc: "\f162";
|
||||||
|
$fa-var-sort-numeric-desc: "\f163";
|
||||||
|
$fa-var-sort-up: "\f0de";
|
||||||
|
$fa-var-soundcloud: "\f1be";
|
||||||
|
$fa-var-space-shuttle: "\f197";
|
||||||
|
$fa-var-spinner: "\f110";
|
||||||
|
$fa-var-spoon: "\f1b1";
|
||||||
|
$fa-var-spotify: "\f1bc";
|
||||||
|
$fa-var-square: "\f0c8";
|
||||||
|
$fa-var-square-o: "\f096";
|
||||||
|
$fa-var-stack-exchange: "\f18d";
|
||||||
|
$fa-var-stack-overflow: "\f16c";
|
||||||
|
$fa-var-star: "\f005";
|
||||||
|
$fa-var-star-half: "\f089";
|
||||||
|
$fa-var-star-half-empty: "\f123";
|
||||||
|
$fa-var-star-half-full: "\f123";
|
||||||
|
$fa-var-star-half-o: "\f123";
|
||||||
|
$fa-var-star-o: "\f006";
|
||||||
|
$fa-var-steam: "\f1b6";
|
||||||
|
$fa-var-steam-square: "\f1b7";
|
||||||
|
$fa-var-step-backward: "\f048";
|
||||||
|
$fa-var-step-forward: "\f051";
|
||||||
|
$fa-var-stethoscope: "\f0f1";
|
||||||
|
$fa-var-stop: "\f04d";
|
||||||
|
$fa-var-strikethrough: "\f0cc";
|
||||||
|
$fa-var-stumbleupon: "\f1a4";
|
||||||
|
$fa-var-stumbleupon-circle: "\f1a3";
|
||||||
|
$fa-var-subscript: "\f12c";
|
||||||
|
$fa-var-suitcase: "\f0f2";
|
||||||
|
$fa-var-sun-o: "\f185";
|
||||||
|
$fa-var-superscript: "\f12b";
|
||||||
|
$fa-var-support: "\f1cd";
|
||||||
|
$fa-var-table: "\f0ce";
|
||||||
|
$fa-var-tablet: "\f10a";
|
||||||
|
$fa-var-tachometer: "\f0e4";
|
||||||
|
$fa-var-tag: "\f02b";
|
||||||
|
$fa-var-tags: "\f02c";
|
||||||
|
$fa-var-tasks: "\f0ae";
|
||||||
|
$fa-var-taxi: "\f1ba";
|
||||||
|
$fa-var-tencent-weibo: "\f1d5";
|
||||||
|
$fa-var-terminal: "\f120";
|
||||||
|
$fa-var-text-height: "\f034";
|
||||||
|
$fa-var-text-width: "\f035";
|
||||||
|
$fa-var-th: "\f00a";
|
||||||
|
$fa-var-th-large: "\f009";
|
||||||
|
$fa-var-th-list: "\f00b";
|
||||||
|
$fa-var-thumb-tack: "\f08d";
|
||||||
|
$fa-var-thumbs-down: "\f165";
|
||||||
|
$fa-var-thumbs-o-down: "\f088";
|
||||||
|
$fa-var-thumbs-o-up: "\f087";
|
||||||
|
$fa-var-thumbs-up: "\f164";
|
||||||
|
$fa-var-ticket: "\f145";
|
||||||
|
$fa-var-times: "\f00d";
|
||||||
|
$fa-var-times-circle: "\f057";
|
||||||
|
$fa-var-times-circle-o: "\f05c";
|
||||||
|
$fa-var-tint: "\f043";
|
||||||
|
$fa-var-toggle-down: "\f150";
|
||||||
|
$fa-var-toggle-left: "\f191";
|
||||||
|
$fa-var-toggle-right: "\f152";
|
||||||
|
$fa-var-toggle-up: "\f151";
|
||||||
|
$fa-var-trash-o: "\f014";
|
||||||
|
$fa-var-tree: "\f1bb";
|
||||||
|
$fa-var-trello: "\f181";
|
||||||
|
$fa-var-trophy: "\f091";
|
||||||
|
$fa-var-truck: "\f0d1";
|
||||||
|
$fa-var-try: "\f195";
|
||||||
|
$fa-var-tumblr: "\f173";
|
||||||
|
$fa-var-tumblr-square: "\f174";
|
||||||
|
$fa-var-turkish-lira: "\f195";
|
||||||
|
$fa-var-twitter: "\f099";
|
||||||
|
$fa-var-twitter-square: "\f081";
|
||||||
|
$fa-var-umbrella: "\f0e9";
|
||||||
|
$fa-var-underline: "\f0cd";
|
||||||
|
$fa-var-undo: "\f0e2";
|
||||||
|
$fa-var-university: "\f19c";
|
||||||
|
$fa-var-unlink: "\f127";
|
||||||
|
$fa-var-unlock: "\f09c";
|
||||||
|
$fa-var-unlock-alt: "\f13e";
|
||||||
|
$fa-var-unsorted: "\f0dc";
|
||||||
|
$fa-var-upload: "\f093";
|
||||||
|
$fa-var-usd: "\f155";
|
||||||
|
$fa-var-user: "\f007";
|
||||||
|
$fa-var-user-md: "\f0f0";
|
||||||
|
$fa-var-users: "\f0c0";
|
||||||
|
$fa-var-video-camera: "\f03d";
|
||||||
|
$fa-var-vimeo-square: "\f194";
|
||||||
|
$fa-var-vine: "\f1ca";
|
||||||
|
$fa-var-vk: "\f189";
|
||||||
|
$fa-var-volume-down: "\f027";
|
||||||
|
$fa-var-volume-off: "\f026";
|
||||||
|
$fa-var-volume-up: "\f028";
|
||||||
|
$fa-var-warning: "\f071";
|
||||||
|
$fa-var-wechat: "\f1d7";
|
||||||
|
$fa-var-weibo: "\f18a";
|
||||||
|
$fa-var-weixin: "\f1d7";
|
||||||
|
$fa-var-wheelchair: "\f193";
|
||||||
|
$fa-var-windows: "\f17a";
|
||||||
|
$fa-var-won: "\f159";
|
||||||
|
$fa-var-wordpress: "\f19a";
|
||||||
|
$fa-var-wrench: "\f0ad";
|
||||||
|
$fa-var-xing: "\f168";
|
||||||
|
$fa-var-xing-square: "\f169";
|
||||||
|
$fa-var-yahoo: "\f19e";
|
||||||
|
$fa-var-yen: "\f157";
|
||||||
|
$fa-var-youtube: "\f167";
|
||||||
|
$fa-var-youtube-play: "\f16a";
|
||||||
|
$fa-var-youtube-square: "\f166";
|
||||||
|
|
17
_sass/vendor/font-awesome/font-awesome.scss
vendored
Normal file
17
_sass/vendor/font-awesome/font-awesome.scss
vendored
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
/*!
|
||||||
|
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||||
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import "variables";
|
||||||
|
@import "mixins";
|
||||||
|
@import "path";
|
||||||
|
@import "core";
|
||||||
|
@import "larger";
|
||||||
|
@import "fixed-width";
|
||||||
|
@import "list";
|
||||||
|
@import "bordered-pulled";
|
||||||
|
@import "spinning";
|
||||||
|
@import "rotated-flipped";
|
||||||
|
@import "stacked";
|
||||||
|
@import "icons";
|
46
_sass/vendor/magnific-popup/_settings.scss
vendored
Normal file
46
_sass/vendor/magnific-popup/_settings.scss
vendored
Normal file
|
@ -0,0 +1,46 @@
|
||||||
|
////////////////////////
|
||||||
|
// Settings //
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
|
// overlay
|
||||||
|
$mfp-overlay-color: $black; // Color of overlay screen
|
||||||
|
$mfp-overlay-opacity: 0.8; // Opacity of overlay screen
|
||||||
|
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe
|
||||||
|
|
||||||
|
// spacing
|
||||||
|
$mfp-popup-padding-left: 8px; // Padding from left and from right side
|
||||||
|
$mfp-popup-padding-left-mobile: 6px; // Same as above, but is applied when width of window is less than 800px
|
||||||
|
|
||||||
|
$mfp-z-index-base: 1040; // Base z-index of popup
|
||||||
|
|
||||||
|
// controls
|
||||||
|
$mfp-include-arrows: true; // Include styles for nav arrows
|
||||||
|
$mfp-controls-opacity: 1; // Opacity of controls
|
||||||
|
$mfp-controls-color: $white; // Color of controls
|
||||||
|
$mfp-controls-border-color: $white; // Border color of controls
|
||||||
|
$mfp-inner-close-icon-color: $white; // Color of close button when inside
|
||||||
|
$mfp-controls-text-color: #CCC; // Color of preloader and "1 of X" indicator
|
||||||
|
$mfp-controls-text-color-hover: $white; // Hover color of preloader and "1 of X" indicator
|
||||||
|
$mfp-IE7support: true; // Very basic IE7 support
|
||||||
|
|
||||||
|
// Iframe-type options
|
||||||
|
$mfp-include-iframe-type: true; // Enable Iframe-type popups
|
||||||
|
$mfp-iframe-padding-top: 40px; // Iframe padding top
|
||||||
|
$mfp-iframe-background: #000; // Background color of iframes
|
||||||
|
$mfp-iframe-max-width: 900px; // Maximum width of iframes
|
||||||
|
$mfp-iframe-ratio: 9/16; // Ratio of iframe (9/16 = widescreen, 3/4 = standard, etc.)
|
||||||
|
|
||||||
|
// Image-type options
|
||||||
|
$mfp-include-image-type: true; // Enable Image-type popups
|
||||||
|
$mfp-image-background: #444 !default;
|
||||||
|
$mfp-image-padding-top: 40px; // Image padding top
|
||||||
|
$mfp-image-padding-bottom: 40px; // Image padding bottom
|
||||||
|
$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom
|
||||||
|
|
||||||
|
// Image caption options
|
||||||
|
$mfp-caption-title-color: #F3F3F3; // Caption title color
|
||||||
|
$mfp-caption-subtitle-color: #BDBDBD; // Caption subtitle color
|
||||||
|
.mfp-counter { font-family: $alt-font; } // Caption font family
|
||||||
|
|
||||||
|
// A11y
|
||||||
|
$mfp-use-visuallyhidden: false;
|
645
_sass/vendor/magnific-popup/magnific-popup.scss
vendored
Normal file
645
_sass/vendor/magnific-popup/magnific-popup.scss
vendored
Normal file
|
@ -0,0 +1,645 @@
|
||||||
|
/* Magnific Popup CSS */
|
||||||
|
|
||||||
|
@import "settings";
|
||||||
|
|
||||||
|
////////////////////////
|
||||||
|
//
|
||||||
|
// Contents:
|
||||||
|
//
|
||||||
|
// 1. Default Settings
|
||||||
|
// 2. General styles
|
||||||
|
// - Transluscent overlay
|
||||||
|
// - Containers, wrappers
|
||||||
|
// - Cursors
|
||||||
|
// - Helper classes
|
||||||
|
// 3. Appearance
|
||||||
|
// - Preloader & text that displays error messages
|
||||||
|
// - CSS reset for buttons
|
||||||
|
// - Close icon
|
||||||
|
// - "1 of X" counter
|
||||||
|
// - Navigation (left/right) arrows
|
||||||
|
// - Iframe content type styles
|
||||||
|
// - Image content type styles
|
||||||
|
// - Media query where size of arrows is reduced
|
||||||
|
// - IE7 support
|
||||||
|
//
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
////////////////////////
|
||||||
|
// 1. Default Settings
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
|
$mfp-overlay-color: #0b0b0b !default;
|
||||||
|
$mfp-overlay-opacity: 0.8 !default;
|
||||||
|
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !default; // shadow on image or iframe
|
||||||
|
$mfp-popup-padding-left: 8px !default; // Padding from left and from right side
|
||||||
|
$mfp-popup-padding-left-mobile: 6px !default; // Same as above, but is applied when width of window is less than 800px
|
||||||
|
|
||||||
|
$mfp-z-index-base: 1040 !default; // Base z-index of popup
|
||||||
|
$mfp-include-arrows: true !default; // include styles for nav arrows
|
||||||
|
$mfp-controls-opacity: 0.65 !default;
|
||||||
|
$mfp-controls-color: #FFF !default;
|
||||||
|
$mfp-controls-border-color: #3F3F3F !default;
|
||||||
|
$mfp-inner-close-icon-color: #333 !default;
|
||||||
|
$mfp-controls-text-color: #CCC !default; // Color of preloader and "1 of X" indicator
|
||||||
|
$mfp-controls-text-color-hover: #FFF !default;
|
||||||
|
$mfp-IE7support: true !default; // Very basic IE7 support
|
||||||
|
|
||||||
|
// Iframe-type options
|
||||||
|
$mfp-include-iframe-type: true !default;
|
||||||
|
$mfp-iframe-padding-top: 40px !default;
|
||||||
|
$mfp-iframe-background: #000 !default;
|
||||||
|
$mfp-iframe-max-width: 900px !default;
|
||||||
|
$mfp-iframe-ratio: 9/16 !default;
|
||||||
|
|
||||||
|
// Image-type options
|
||||||
|
$mfp-include-image-type: true !default;
|
||||||
|
$mfp-image-background: #444 !default;
|
||||||
|
$mfp-image-padding-top: 40px !default;
|
||||||
|
$mfp-image-padding-bottom: 40px !default;
|
||||||
|
$mfp-include-mobile-layout-for-image: true !default; // Removes paddings from top and bottom
|
||||||
|
|
||||||
|
// Image caption options
|
||||||
|
$mfp-caption-title-color: #F3F3F3 !default;
|
||||||
|
$mfp-caption-subtitle-color: #BDBDBD !default;
|
||||||
|
|
||||||
|
// A11y
|
||||||
|
$mfp-use-visuallyhidden: false !default; // Hide content from browsers, but make it available for screen readers
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
////////////////////////
|
||||||
|
// 2. General styles
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
|
// Transluscent overlay
|
||||||
|
.mfp-bg {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: $mfp-z-index-base + 2;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
|
||||||
|
background: $mfp-overlay-color;
|
||||||
|
opacity: $mfp-overlay-opacity;
|
||||||
|
@if $mfp-IE7support {
|
||||||
|
filter: unquote("alpha(opacity=#{$mfp-overlay-opacity*100})");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Wrapper for popup
|
||||||
|
.mfp-wrap {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: $mfp-z-index-base + 3;
|
||||||
|
position: fixed;
|
||||||
|
outline: none !important;
|
||||||
|
-webkit-backface-visibility: hidden; // fixes webkit bug that can cause "false" scrollbar
|
||||||
|
}
|
||||||
|
|
||||||
|
// Root container
|
||||||
|
.mfp-container {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding: 0 $mfp-popup-padding-left;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Vertical centerer helper
|
||||||
|
.mfp-container {
|
||||||
|
&:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove vertical centering when popup has class `mfp-align-top`
|
||||||
|
.mfp-align-top {
|
||||||
|
.mfp-container {
|
||||||
|
&:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Popup content holder
|
||||||
|
.mfp-content {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
z-index: $mfp-z-index-base + 5;
|
||||||
|
}
|
||||||
|
.mfp-inline-holder,
|
||||||
|
.mfp-ajax-holder {
|
||||||
|
.mfp-content {
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Cursors
|
||||||
|
.mfp-ajax-cur {
|
||||||
|
cursor: progress;
|
||||||
|
}
|
||||||
|
.mfp-zoom-out-cur {
|
||||||
|
&, .mfp-image-holder .mfp-close {
|
||||||
|
cursor: -moz-zoom-out;
|
||||||
|
cursor: -webkit-zoom-out;
|
||||||
|
cursor: zoom-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-zoom {
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: -webkit-zoom-in;
|
||||||
|
cursor: -moz-zoom-in;
|
||||||
|
cursor: zoom-in;
|
||||||
|
}
|
||||||
|
.mfp-auto-cursor {
|
||||||
|
.mfp-content {
|
||||||
|
cursor: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mfp-close,
|
||||||
|
.mfp-arrow,
|
||||||
|
.mfp-preloader,
|
||||||
|
.mfp-counter {
|
||||||
|
-webkit-user-select:none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide the image during the loading
|
||||||
|
.mfp-loading {
|
||||||
|
&.mfp-figure {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Helper class that hides stuff
|
||||||
|
@if $mfp-use-visuallyhidden {
|
||||||
|
// From HTML5 Boilerplate https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/doc/css.md#visuallyhidden
|
||||||
|
.mfp-hide {
|
||||||
|
border: 0 !important;
|
||||||
|
clip: rect(0 0 0 0) !important;
|
||||||
|
height: 1px !important;
|
||||||
|
margin: -1px !important;
|
||||||
|
overflow: hidden !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
position: absolute !important;
|
||||||
|
width: 1px !important;
|
||||||
|
}
|
||||||
|
} @else {
|
||||||
|
.mfp-hide {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
////////////////////////
|
||||||
|
// 3. Appearance
|
||||||
|
////////////////////////
|
||||||
|
|
||||||
|
// Preloader and text that displays error messages
|
||||||
|
.mfp-preloader {
|
||||||
|
color: $mfp-controls-text-color;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: -0.8em;
|
||||||
|
left: 8px;
|
||||||
|
right: 8px;
|
||||||
|
z-index: $mfp-z-index-base + 4;
|
||||||
|
a {
|
||||||
|
color: $mfp-controls-text-color;
|
||||||
|
&:hover {
|
||||||
|
color: $mfp-controls-text-color-hover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide preloader when content successfully loaded
|
||||||
|
.mfp-s-ready {
|
||||||
|
.mfp-preloader {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hide content when it was not loaded
|
||||||
|
.mfp-s-error {
|
||||||
|
.mfp-content {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// CSS-reset for buttons
|
||||||
|
button {
|
||||||
|
&.mfp-close,
|
||||||
|
&.mfp-arrow {
|
||||||
|
overflow: visible;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
display: block;
|
||||||
|
outline: none;
|
||||||
|
padding: 0;
|
||||||
|
z-index: $mfp-z-index-base + 6;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
&::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Close icon
|
||||||
|
.mfp-close {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
opacity: $mfp-controls-opacity;
|
||||||
|
@if $mfp-IE7support {
|
||||||
|
filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
|
||||||
|
}
|
||||||
|
padding: 0 0 18px 10px;
|
||||||
|
color: $mfp-controls-color;
|
||||||
|
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: Arial, Baskerville, monospace;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
opacity: 1;
|
||||||
|
@if $mfp-IE7support {
|
||||||
|
filter: unquote("alpha(opacity=#{1*100})");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-close-btn-in {
|
||||||
|
.mfp-close {
|
||||||
|
color: $mfp-inner-close-icon-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-image-holder,
|
||||||
|
.mfp-iframe-holder {
|
||||||
|
.mfp-close {
|
||||||
|
color: $mfp-controls-color;
|
||||||
|
right: -6px;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 6px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "1 of X" counter
|
||||||
|
.mfp-counter {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
color: $mfp-controls-text-color;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navigation arrows
|
||||||
|
@if $mfp-include-arrows {
|
||||||
|
.mfp-arrow {
|
||||||
|
position: absolute;
|
||||||
|
opacity: $mfp-controls-opacity;
|
||||||
|
@if $mfp-IE7support {
|
||||||
|
filter: unquote("alpha(opacity=#{$mfp-controls-opacity*100})");
|
||||||
|
}
|
||||||
|
margin: 0;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -55px;
|
||||||
|
padding: 0;
|
||||||
|
width: 90px;
|
||||||
|
height: 110px;
|
||||||
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||||
|
&:active {
|
||||||
|
margin-top: -54px;
|
||||||
|
}
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
opacity: 1;
|
||||||
|
@if $mfp-IE7support {
|
||||||
|
filter: unquote("alpha(opacity=#{1*100})");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:before,
|
||||||
|
&:after,
|
||||||
|
.mfp-b,
|
||||||
|
.mfp-a {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-left: 35px;
|
||||||
|
border: medium inset transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after,
|
||||||
|
.mfp-a {
|
||||||
|
|
||||||
|
border-top-width: 13px;
|
||||||
|
border-bottom-width: 13px;
|
||||||
|
top:8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before,
|
||||||
|
.mfp-b {
|
||||||
|
border-top-width: 21px;
|
||||||
|
border-bottom-width: 21px;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.mfp-arrow-left {
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
&:after,
|
||||||
|
.mfp-a {
|
||||||
|
border-right: 17px solid $mfp-controls-color;
|
||||||
|
margin-left: 31px;
|
||||||
|
}
|
||||||
|
&:before,
|
||||||
|
.mfp-b {
|
||||||
|
margin-left: 25px;
|
||||||
|
border-right: 27px solid $mfp-controls-border-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mfp-arrow-right {
|
||||||
|
right: 0;
|
||||||
|
&:after,
|
||||||
|
.mfp-a {
|
||||||
|
border-left: 17px solid $mfp-controls-color;
|
||||||
|
margin-left: 39px
|
||||||
|
}
|
||||||
|
&:before,
|
||||||
|
.mfp-b {
|
||||||
|
border-left: 27px solid $mfp-controls-border-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Iframe content type
|
||||||
|
@if $mfp-include-iframe-type {
|
||||||
|
.mfp-iframe-holder {
|
||||||
|
padding-top: $mfp-iframe-padding-top;
|
||||||
|
padding-bottom: $mfp-iframe-padding-top;
|
||||||
|
.mfp-content {
|
||||||
|
line-height: 0;
|
||||||
|
width: 100%;
|
||||||
|
max-width: $mfp-iframe-max-width;
|
||||||
|
}
|
||||||
|
.mfp-close {
|
||||||
|
top: -40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-iframe-scaler {
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: $mfp-iframe-ratio * 100%;
|
||||||
|
iframe {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: $mfp-shadow;
|
||||||
|
background: $mfp-iframe-background;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Image content type
|
||||||
|
@if $mfp-include-image-type {
|
||||||
|
|
||||||
|
/* Main image in popup */
|
||||||
|
img {
|
||||||
|
&.mfp-img {
|
||||||
|
width: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
line-height: 0;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: $mfp-image-padding-top 0 $mfp-image-padding-bottom;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The shadow behind the image */
|
||||||
|
.mfp-figure {
|
||||||
|
line-height: 0;
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: $mfp-image-padding-top;
|
||||||
|
bottom: $mfp-image-padding-bottom;
|
||||||
|
display: block;
|
||||||
|
right: 0;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
z-index: -1;
|
||||||
|
box-shadow: $mfp-shadow;
|
||||||
|
background: $mfp-image-background;
|
||||||
|
}
|
||||||
|
small {
|
||||||
|
color: $mfp-caption-subtitle-color;
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px;
|
||||||
|
}
|
||||||
|
figure {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-bottom-bar {
|
||||||
|
margin-top: -$mfp-image-padding-bottom + 4;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto;
|
||||||
|
}
|
||||||
|
.mfp-title {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 18px;
|
||||||
|
color: $mfp-caption-title-color;
|
||||||
|
word-wrap: break-word;
|
||||||
|
padding-right: 36px; // leave some space for counter at right side
|
||||||
|
}
|
||||||
|
|
||||||
|
.mfp-image-holder {
|
||||||
|
.mfp-content {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mfp-gallery {
|
||||||
|
.mfp-image-holder {
|
||||||
|
.mfp-figure {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@if $mfp-include-mobile-layout-for-image {
|
||||||
|
@media screen and (max-width: 800px) and (orientation:landscape), screen and (max-height: 300px) {
|
||||||
|
/**
|
||||||
|
* Remove all paddings around the image on small screen
|
||||||
|
*/
|
||||||
|
.mfp-img-mobile {
|
||||||
|
.mfp-image-holder {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
&.mfp-img {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-figure {
|
||||||
|
// The shadow behind the image
|
||||||
|
&:after {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
small {
|
||||||
|
display: inline;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-bottom-bar {
|
||||||
|
background: rgba(0,0,0,0.6);
|
||||||
|
bottom: 0;
|
||||||
|
margin: 0;
|
||||||
|
top: auto;
|
||||||
|
padding: 3px 5px;
|
||||||
|
position: fixed;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
&:empty {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mfp-counter {
|
||||||
|
right: 5px;
|
||||||
|
top: 3px;
|
||||||
|
}
|
||||||
|
.mfp-close {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Scale navigation arrows and reduce padding from sides
|
||||||
|
@media all and (max-width: 900px) {
|
||||||
|
.mfp-arrow {
|
||||||
|
-webkit-transform: scale(0.75);
|
||||||
|
transform: scale(0.75);
|
||||||
|
}
|
||||||
|
.mfp-arrow-left {
|
||||||
|
-webkit-transform-origin: 0;
|
||||||
|
transform-origin: 0;
|
||||||
|
}
|
||||||
|
.mfp-arrow-right {
|
||||||
|
-webkit-transform-origin: 100%;
|
||||||
|
transform-origin: 100%;
|
||||||
|
}
|
||||||
|
.mfp-container {
|
||||||
|
padding-left: $mfp-popup-padding-left-mobile;
|
||||||
|
padding-right: $mfp-popup-padding-left-mobile;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// IE7 support
|
||||||
|
// Styles that make popup look nicier in old IE
|
||||||
|
@if $mfp-IE7support {
|
||||||
|
.mfp-ie7 {
|
||||||
|
.mfp-img {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.mfp-bottom-bar {
|
||||||
|
width: 600px;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -300px;
|
||||||
|
margin-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
.mfp-container {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.mfp-content {
|
||||||
|
padding-top: 44px;
|
||||||
|
}
|
||||||
|
.mfp-close {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
1
assets/css/ie.min.css
vendored
1
assets/css/ie.min.css
vendored
File diff suppressed because one or more lines are too long
4
assets/css/main.min.css
vendored
4
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
27
assets/css/main.scss
Normal file
27
assets/css/main.scss
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
---
|
||||||
|
sitemap: false
|
||||||
|
---
|
||||||
|
|
||||||
|
/*
|
||||||
|
*
|
||||||
|
* Minimal Mistakes
|
||||||
|
*
|
||||||
|
* Designer: Michael Rose
|
||||||
|
* Twitter: http://twitter.com/mmistakes
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Partials
|
||||||
|
@import "variables";
|
||||||
|
@import "grid";
|
||||||
|
@import "mixins";
|
||||||
|
@import "normalize";
|
||||||
|
@import "site";
|
||||||
|
@import "typography";
|
||||||
|
@import "pygments";
|
||||||
|
@import "coderay";
|
||||||
|
@import "elements";
|
||||||
|
@import "forms";
|
||||||
|
@import "page";
|
||||||
|
@import "vendor/font-awesome/font-awesome";
|
||||||
|
@import "vendor/magnific-popup/magnific-popup";
|
|
@ -1,13 +1,12 @@
|
||||||
/*global jQuery */
|
/*global jQuery */
|
||||||
/*jshint multistr:true, browser:true */
|
/*jshint browser:true */
|
||||||
/*!
|
/*!
|
||||||
* FitVids 1.0
|
* FitVids 1.1
|
||||||
*
|
*
|
||||||
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
|
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
|
||||||
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
|
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
|
||||||
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
|
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
|
||||||
*
|
*
|
||||||
* Date: Thu Sept 01 18:00:00 2011 -0500
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function( $ ){
|
(function( $ ){
|
||||||
|
@ -16,22 +15,17 @@
|
||||||
|
|
||||||
$.fn.fitVids = function( options ) {
|
$.fn.fitVids = function( options ) {
|
||||||
var settings = {
|
var settings = {
|
||||||
customSelector: null
|
customSelector: null,
|
||||||
|
ignore: null
|
||||||
};
|
};
|
||||||
|
|
||||||
if(!document.getElementById('fit-vids-style')) {
|
if(!document.getElementById('fit-vids-style')) {
|
||||||
|
// appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
|
||||||
var div = document.createElement('div'),
|
var head = document.head || document.getElementsByTagName('head')[0];
|
||||||
ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
|
var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
|
||||||
cssStyles = '­<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>';
|
var div = document.createElement('div');
|
||||||
|
div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
|
||||||
div.className = 'fit-vids-style';
|
head.appendChild(div.childNodes[1]);
|
||||||
div.id = 'fit-vids-style';
|
|
||||||
div.style.display = 'none';
|
|
||||||
div.innerHTML = cssStyles;
|
|
||||||
|
|
||||||
ref.parentNode.insertBefore(div,ref);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( options ) {
|
if ( options ) {
|
||||||
|
@ -52,12 +46,27 @@
|
||||||
selectors.push(settings.customSelector);
|
selectors.push(settings.customSelector);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var ignoreList = '.fitvidsignore';
|
||||||
|
|
||||||
|
if(settings.ignore) {
|
||||||
|
ignoreList = ignoreList + ', ' + settings.ignore;
|
||||||
|
}
|
||||||
|
|
||||||
var $allVideos = $(this).find(selectors.join(','));
|
var $allVideos = $(this).find(selectors.join(','));
|
||||||
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
|
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
|
||||||
|
$allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.
|
||||||
|
|
||||||
$allVideos.each(function(){
|
$allVideos.each(function(){
|
||||||
var $this = $(this);
|
var $this = $(this);
|
||||||
|
if($this.parents(ignoreList).length > 0) {
|
||||||
|
return; // Disable FitVids on this video.
|
||||||
|
}
|
||||||
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
|
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
|
||||||
|
if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
|
||||||
|
{
|
||||||
|
$this.attr('height', 9);
|
||||||
|
$this.attr('width', 16);
|
||||||
|
}
|
||||||
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
|
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
|
||||||
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
|
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
|
||||||
aspectRatio = height / width;
|
aspectRatio = height / width;
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
/*! Magnific Popup - v0.9.3 - 2013-07-16
|
/*! Magnific Popup - v0.9.9 - 2013-12-27
|
||||||
* http://dimsemenov.com/plugins/magnific-popup/
|
* http://dimsemenov.com/plugins/magnific-popup/
|
||||||
* Copyright (c) 2013 Dmitry Semenov; */
|
* Copyright (c) 2013 Dmitry Semenov; */
|
||||||
;(function($) {
|
;(function($) {
|
||||||
|
@ -76,9 +76,6 @@ var _mfpOn = function(name, f) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
_setFocus = function() {
|
|
||||||
(mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).trigger('focus');
|
|
||||||
},
|
|
||||||
_getCloseBtn = function(type) {
|
_getCloseBtn = function(type) {
|
||||||
if(type !== _currPopupType || !mfp.currTemplate.closeBtn) {
|
if(type !== _currPopupType || !mfp.currTemplate.closeBtn) {
|
||||||
mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );
|
mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );
|
||||||
|
@ -94,41 +91,6 @@ var _mfpOn = function(name, f) {
|
||||||
$.magnificPopup.instance = mfp;
|
$.magnificPopup.instance = mfp;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// Check to close popup or not
|
|
||||||
// "target" is an element that was clicked
|
|
||||||
_checkIfClose = function(target) {
|
|
||||||
|
|
||||||
if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var closeOnContent = mfp.st.closeOnContentClick;
|
|
||||||
var closeOnBg = mfp.st.closeOnBgClick;
|
|
||||||
|
|
||||||
if(closeOnContent && closeOnBg) {
|
|
||||||
return true;
|
|
||||||
} else {
|
|
||||||
|
|
||||||
// We close the popup if click is on close button or on preloader. Or if there is no content.
|
|
||||||
if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
// if click is outside the content
|
|
||||||
if( (target !== mfp.content[0] && !$.contains(mfp.content[0], target)) ) {
|
|
||||||
if(closeOnBg) {
|
|
||||||
// last check, if the clicked element is in DOM, (in case it's removed onclick)
|
|
||||||
if( $.contains(document, target) ) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else if(closeOnContent) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
// CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
|
// CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
|
||||||
supportsTransitions = function() {
|
supportsTransitions = function() {
|
||||||
var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist
|
var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist
|
||||||
|
@ -172,7 +134,6 @@ MagnificPopup.prototype = {
|
||||||
// We disable fixed positioned lightbox on devices that don't handle it nicely.
|
// We disable fixed positioned lightbox on devices that don't handle it nicely.
|
||||||
// If you know a better way of detecting this - let me know.
|
// If you know a better way of detecting this - let me know.
|
||||||
mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
|
mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
|
||||||
_body = $(document.body);
|
|
||||||
_document = $(document);
|
_document = $(document);
|
||||||
|
|
||||||
mfp.popupsCache = {};
|
mfp.popupsCache = {};
|
||||||
|
@ -184,6 +145,10 @@ MagnificPopup.prototype = {
|
||||||
*/
|
*/
|
||||||
open: function(data) {
|
open: function(data) {
|
||||||
|
|
||||||
|
if(!_body) {
|
||||||
|
_body = $(document.body);
|
||||||
|
}
|
||||||
|
|
||||||
var i;
|
var i;
|
||||||
|
|
||||||
if(data.isObj === false) {
|
if(data.isObj === false) {
|
||||||
|
@ -254,7 +219,7 @@ MagnificPopup.prototype = {
|
||||||
});
|
});
|
||||||
|
|
||||||
mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
|
mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
|
||||||
if(_checkIfClose(e.target)) {
|
if(mfp._checkIfClose(e.target)) {
|
||||||
mfp.close();
|
mfp.close();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -349,7 +314,7 @@ MagnificPopup.prototype = {
|
||||||
if(mfp._hasScrollBar(windowHeight)){
|
if(mfp._hasScrollBar(windowHeight)){
|
||||||
var s = mfp._getScrollbarSize();
|
var s = mfp._getScrollbarSize();
|
||||||
if(s) {
|
if(s) {
|
||||||
windowStyles.paddingRight = s;
|
windowStyles.marginRight = s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -378,14 +343,11 @@ MagnificPopup.prototype = {
|
||||||
|
|
||||||
_mfpTrigger('BuildControls');
|
_mfpTrigger('BuildControls');
|
||||||
|
|
||||||
|
// remove scrollbar, add margin e.t.c
|
||||||
// remove scrollbar, add padding e.t.c
|
|
||||||
$('html').css(windowStyles);
|
$('html').css(windowStyles);
|
||||||
|
|
||||||
// add everything to DOM
|
// add everything to DOM
|
||||||
mfp.bgOverlay.add(mfp.wrap).prependTo( document.body );
|
mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || _body );
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Save last focused element
|
// Save last focused element
|
||||||
mfp._lastFocusedEl = document.activeElement;
|
mfp._lastFocusedEl = document.activeElement;
|
||||||
|
@ -395,25 +357,22 @@ MagnificPopup.prototype = {
|
||||||
|
|
||||||
if(mfp.content) {
|
if(mfp.content) {
|
||||||
mfp._addClassToMFP(READY_CLASS);
|
mfp._addClassToMFP(READY_CLASS);
|
||||||
_setFocus();
|
mfp._setFocus();
|
||||||
} else {
|
} else {
|
||||||
// if content is not defined (not loaded e.t.c) we add class only for BG
|
// if content is not defined (not loaded e.t.c) we add class only for BG
|
||||||
mfp.bgOverlay.addClass(READY_CLASS);
|
mfp.bgOverlay.addClass(READY_CLASS);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Trap the focus in popup
|
// Trap the focus in popup
|
||||||
_document.on('focusin' + EVENT_NS, function (e) {
|
_document.on('focusin' + EVENT_NS, mfp._onFocusIn);
|
||||||
if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
|
|
||||||
_setFocus();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}, 16);
|
}, 16);
|
||||||
|
|
||||||
mfp.isOpen = true;
|
mfp.isOpen = true;
|
||||||
mfp.updateSize(windowHeight);
|
mfp.updateSize(windowHeight);
|
||||||
_mfpTrigger(OPEN_EVENT);
|
_mfpTrigger(OPEN_EVENT);
|
||||||
|
|
||||||
|
return data;
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -454,7 +413,7 @@ MagnificPopup.prototype = {
|
||||||
mfp._removeClassFromMFP(classesToRemove);
|
mfp._removeClassFromMFP(classesToRemove);
|
||||||
|
|
||||||
if(mfp.fixedContentPos) {
|
if(mfp.fixedContentPos) {
|
||||||
var windowStyles = {paddingRight: ''};
|
var windowStyles = {marginRight: ''};
|
||||||
if(mfp.isIE7) {
|
if(mfp.isIE7) {
|
||||||
$('body, html').css('overflow', '');
|
$('body, html').css('overflow', '');
|
||||||
} else {
|
} else {
|
||||||
|
@ -480,7 +439,7 @@ MagnificPopup.prototype = {
|
||||||
|
|
||||||
|
|
||||||
if(mfp._lastFocusedEl) {
|
if(mfp._lastFocusedEl) {
|
||||||
$(mfp._lastFocusedEl).trigger('focus'); // put tab focus back
|
$(mfp._lastFocusedEl).focus(); // put tab focus back
|
||||||
}
|
}
|
||||||
mfp.currItem = null;
|
mfp.currItem = null;
|
||||||
mfp.content = null;
|
mfp.content = null;
|
||||||
|
@ -606,11 +565,12 @@ MagnificPopup.prototype = {
|
||||||
*/
|
*/
|
||||||
parseEl: function(index) {
|
parseEl: function(index) {
|
||||||
var item = mfp.items[index],
|
var item = mfp.items[index],
|
||||||
type = item.type;
|
type;
|
||||||
|
|
||||||
if(item.tagName) {
|
if(item.tagName) {
|
||||||
item = { el: $(item) };
|
item = { el: $(item) };
|
||||||
} else {
|
} else {
|
||||||
|
type = item.type;
|
||||||
item = { data: item, src: item.src };
|
item = { data: item, src: item.src };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -749,6 +709,41 @@ MagnificPopup.prototype = {
|
||||||
/*
|
/*
|
||||||
"Private" helpers that aren't private at all
|
"Private" helpers that aren't private at all
|
||||||
*/
|
*/
|
||||||
|
// Check to close popup or not
|
||||||
|
// "target" is an element that was clicked
|
||||||
|
_checkIfClose: function(target) {
|
||||||
|
|
||||||
|
if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var closeOnContent = mfp.st.closeOnContentClick;
|
||||||
|
var closeOnBg = mfp.st.closeOnBgClick;
|
||||||
|
|
||||||
|
if(closeOnContent && closeOnBg) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
// We close the popup if click is on close button or on preloader. Or if there is no content.
|
||||||
|
if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// if click is outside the content
|
||||||
|
if( (target !== mfp.content[0] && !$.contains(mfp.content[0], target)) ) {
|
||||||
|
if(closeOnBg) {
|
||||||
|
// last check, if the clicked element is in DOM, (in case it's removed onclick)
|
||||||
|
if( $.contains(document, target) ) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else if(closeOnContent) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
_addClassToMFP: function(cName) {
|
_addClassToMFP: function(cName) {
|
||||||
mfp.bgOverlay.addClass(cName);
|
mfp.bgOverlay.addClass(cName);
|
||||||
mfp.wrap.addClass(cName);
|
mfp.wrap.addClass(cName);
|
||||||
|
@ -760,6 +755,15 @@ MagnificPopup.prototype = {
|
||||||
_hasScrollBar: function(winHeight) {
|
_hasScrollBar: function(winHeight) {
|
||||||
return ( (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
|
return ( (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
|
||||||
},
|
},
|
||||||
|
_setFocus: function() {
|
||||||
|
(mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();
|
||||||
|
},
|
||||||
|
_onFocusIn: function(e) {
|
||||||
|
if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
|
||||||
|
mfp._setFocus();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
},
|
||||||
_parseMarkup: function(template, values, item) {
|
_parseMarkup: function(template, values, item) {
|
||||||
var arr;
|
var arr;
|
||||||
if(item.data) {
|
if(item.data) {
|
||||||
|
@ -827,8 +831,12 @@ $.magnificPopup = {
|
||||||
open: function(options, index) {
|
open: function(options, index) {
|
||||||
_checkInstance();
|
_checkInstance();
|
||||||
|
|
||||||
if(!options)
|
if(!options) {
|
||||||
options = {};
|
options = {};
|
||||||
|
} else {
|
||||||
|
options = $.extend(true, {}, options);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
options.isObj = true;
|
options.isObj = true;
|
||||||
options.index = index || 0;
|
options.index = index || 0;
|
||||||
|
@ -836,7 +844,7 @@ $.magnificPopup = {
|
||||||
},
|
},
|
||||||
|
|
||||||
close: function() {
|
close: function() {
|
||||||
return $.magnificPopup.instance.close();
|
return $.magnificPopup.instance && $.magnificPopup.instance.close();
|
||||||
},
|
},
|
||||||
|
|
||||||
registerModule: function(name, module) {
|
registerModule: function(name, module) {
|
||||||
|
@ -880,6 +888,8 @@ $.magnificPopup = {
|
||||||
|
|
||||||
removalDelay: 0,
|
removalDelay: 0,
|
||||||
|
|
||||||
|
prependTo: null,
|
||||||
|
|
||||||
fixedContentPos: 'auto',
|
fixedContentPos: 'auto',
|
||||||
|
|
||||||
fixedBgPos: 'auto',
|
fixedBgPos: 'auto',
|
||||||
|
@ -926,6 +936,8 @@ $.fn.magnificPopup = function(options) {
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
// clone options obj
|
||||||
|
options = $.extend(true, {}, options);
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* As Zepto doesn't support .data() method for objects
|
* As Zepto doesn't support .data() method for objects
|
||||||
|
@ -1043,6 +1055,12 @@ var AJAX_NS = 'ajax',
|
||||||
if(_ajaxCur) {
|
if(_ajaxCur) {
|
||||||
_body.removeClass(_ajaxCur);
|
_body.removeClass(_ajaxCur);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
_destroyAjaxRequest = function() {
|
||||||
|
_removeAjaxCursor();
|
||||||
|
if(mfp.req) {
|
||||||
|
mfp.req.abort();
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
$.magnificPopup.registerModule(AJAX_NS, {
|
$.magnificPopup.registerModule(AJAX_NS, {
|
||||||
|
@ -1058,14 +1076,9 @@ $.magnificPopup.registerModule(AJAX_NS, {
|
||||||
mfp.types.push(AJAX_NS);
|
mfp.types.push(AJAX_NS);
|
||||||
_ajaxCur = mfp.st.ajax.cursor;
|
_ajaxCur = mfp.st.ajax.cursor;
|
||||||
|
|
||||||
_mfpOn(CLOSE_EVENT+'.'+AJAX_NS, function() {
|
_mfpOn(CLOSE_EVENT+'.'+AJAX_NS, _destroyAjaxRequest);
|
||||||
_removeAjaxCursor();
|
_mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest);
|
||||||
if(mfp.req) {
|
|
||||||
mfp.req.abort();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
|
|
||||||
getAjax: function(item) {
|
getAjax: function(item) {
|
||||||
|
|
||||||
if(_ajaxCur)
|
if(_ajaxCur)
|
||||||
|
@ -1089,7 +1102,7 @@ $.magnificPopup.registerModule(AJAX_NS, {
|
||||||
|
|
||||||
_removeAjaxCursor();
|
_removeAjaxCursor();
|
||||||
|
|
||||||
_setFocus();
|
mfp._setFocus();
|
||||||
|
|
||||||
setTimeout(function() {
|
setTimeout(function() {
|
||||||
mfp.wrap.addClass(READY_CLASS);
|
mfp.wrap.addClass(READY_CLASS);
|
||||||
|
@ -1144,11 +1157,15 @@ $.magnificPopup.registerModule('image', {
|
||||||
options: {
|
options: {
|
||||||
markup: '<div class="mfp-figure">'+
|
markup: '<div class="mfp-figure">'+
|
||||||
'<div class="mfp-close"></div>'+
|
'<div class="mfp-close"></div>'+
|
||||||
|
'<figure>'+
|
||||||
'<div class="mfp-img"></div>'+
|
'<div class="mfp-img"></div>'+
|
||||||
|
'<figcaption>'+
|
||||||
'<div class="mfp-bottom-bar">'+
|
'<div class="mfp-bottom-bar">'+
|
||||||
'<div class="mfp-title"></div>'+
|
'<div class="mfp-title"></div>'+
|
||||||
'<div class="mfp-counter"></div>'+
|
'<div class="mfp-counter"></div>'+
|
||||||
'</div>'+
|
'</div>'+
|
||||||
|
'</figcaption>'+
|
||||||
|
'</figure>'+
|
||||||
'</div>',
|
'</div>',
|
||||||
cursor: 'mfp-zoom-out-cur',
|
cursor: 'mfp-zoom-out-cur',
|
||||||
titleSrc: 'title',
|
titleSrc: 'title',
|
||||||
|
@ -1183,7 +1200,7 @@ $.magnificPopup.registerModule('image', {
|
||||||
},
|
},
|
||||||
resizeImage: function() {
|
resizeImage: function() {
|
||||||
var item = mfp.currItem;
|
var item = mfp.currItem;
|
||||||
if(!item.img) return;
|
if(!item || !item.img) return;
|
||||||
|
|
||||||
if(mfp.st.image.verticalFit) {
|
if(mfp.st.image.verticalFit) {
|
||||||
var decr = 0;
|
var decr = 0;
|
||||||
|
@ -1307,7 +1324,7 @@ $.magnificPopup.registerModule('image', {
|
||||||
|
|
||||||
var el = template.find('.mfp-img');
|
var el = template.find('.mfp-img');
|
||||||
if(el.length) {
|
if(el.length) {
|
||||||
var img = new Image();
|
var img = document.createElement('img');
|
||||||
img.className = 'mfp-img';
|
img.className = 'mfp-img';
|
||||||
item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
|
item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
|
||||||
img.src = item.src;
|
img.src = item.src;
|
||||||
|
@ -1317,8 +1334,12 @@ $.magnificPopup.registerModule('image', {
|
||||||
if(el.is('img')) {
|
if(el.is('img')) {
|
||||||
item.img = item.img.clone();
|
item.img = item.img.clone();
|
||||||
}
|
}
|
||||||
if(item.img[0].naturalWidth > 0) {
|
|
||||||
|
img = item.img[0];
|
||||||
|
if(img.naturalWidth > 0) {
|
||||||
item.hasSize = true;
|
item.hasSize = true;
|
||||||
|
} else if(!img.width) {
|
||||||
|
item.hasSize = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1384,7 +1405,8 @@ $.magnificPopup.registerModule('zoom', {
|
||||||
|
|
||||||
initZoom: function() {
|
initZoom: function() {
|
||||||
var zoomSt = mfp.st.zoom,
|
var zoomSt = mfp.st.zoom,
|
||||||
ns = '.zoom';
|
ns = '.zoom',
|
||||||
|
image;
|
||||||
|
|
||||||
if(!zoomSt.enabled || !mfp.supportsTransition) {
|
if(!zoomSt.enabled || !mfp.supportsTransition) {
|
||||||
return;
|
return;
|
||||||
|
@ -1488,6 +1510,7 @@ $.magnificPopup.registerModule('zoom', {
|
||||||
if(animatedImg) {
|
if(animatedImg) {
|
||||||
animatedImg.remove();
|
animatedImg.remove();
|
||||||
}
|
}
|
||||||
|
image = null;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
@ -1668,7 +1691,7 @@ var _getLoopedId = function(index) {
|
||||||
return index;
|
return index;
|
||||||
},
|
},
|
||||||
_replaceCurrTotal = function(text, curr, total) {
|
_replaceCurrTotal = function(text, curr, total) {
|
||||||
return text.replace('%curr%', curr + 1).replace('%total%', total);
|
return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);
|
||||||
};
|
};
|
||||||
|
|
||||||
$.magnificPopup.registerModule('gallery', {
|
$.magnificPopup.registerModule('gallery', {
|
||||||
|
@ -1732,8 +1755,8 @@ $.magnificPopup.registerModule('gallery', {
|
||||||
_mfpOn('BuildControls' + ns, function() {
|
_mfpOn('BuildControls' + ns, function() {
|
||||||
if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {
|
if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {
|
||||||
var markup = gSt.arrowMarkup,
|
var markup = gSt.arrowMarkup,
|
||||||
arrowLeft = mfp.arrowLeft = $( markup.replace('%title%', gSt.tPrev).replace('%dir%', 'left') ).addClass(PREVENT_CLOSE_CLASS),
|
arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),
|
||||||
arrowRight = mfp.arrowRight = $( markup.replace('%title%', gSt.tNext).replace('%dir%', 'right') ).addClass(PREVENT_CLOSE_CLASS);
|
arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);
|
||||||
|
|
||||||
var eName = supportsFastClick ? 'mfpFastClick' : 'click';
|
var eName = supportsFastClick ? 'mfpFastClick' : 'click';
|
||||||
arrowLeft[eName](function() {
|
arrowLeft[eName](function() {
|
||||||
|
@ -2023,4 +2046,4 @@ $.magnificPopup.registerModule(RETINA_NS, {
|
||||||
})();
|
})();
|
||||||
|
|
||||||
/*>>fastclick*/
|
/*>>fastclick*/
|
||||||
})(window.jQuery || window.Zepto);
|
_checkInstance(); })(window.jQuery || window.Zepto);
|
17
assets/less/font-awesome/font-awesome.less
vendored
17
assets/less/font-awesome/font-awesome.less
vendored
|
@ -1,17 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
||||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "variables.less";
|
|
||||||
@import "mixins.less";
|
|
||||||
@import "path.less";
|
|
||||||
@import "core.less";
|
|
||||||
@import "larger.less";
|
|
||||||
@import "fixed-width.less";
|
|
||||||
@import "list.less";
|
|
||||||
@import "bordered-pulled.less";
|
|
||||||
@import "spinning.less";
|
|
||||||
@import "rotated-flipped.less";
|
|
||||||
@import "stacked.less";
|
|
||||||
@import "icons.less";
|
|
506
assets/less/font-awesome/icons.less
vendored
506
assets/less/font-awesome/icons.less
vendored
|
@ -1,506 +0,0 @@
|
||||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
|
||||||
readers do not read off random characters that represent icons */
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-glass:before { content: @fa-var-glass; }
|
|
||||||
.@{fa-css-prefix}-music:before { content: @fa-var-music; }
|
|
||||||
.@{fa-css-prefix}-search:before { content: @fa-var-search; }
|
|
||||||
.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; }
|
|
||||||
.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }
|
|
||||||
.@{fa-css-prefix}-star:before { content: @fa-var-star; }
|
|
||||||
.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; }
|
|
||||||
.@{fa-css-prefix}-user:before { content: @fa-var-user; }
|
|
||||||
.@{fa-css-prefix}-film:before { content: @fa-var-film; }
|
|
||||||
.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }
|
|
||||||
.@{fa-css-prefix}-th:before { content: @fa-var-th; }
|
|
||||||
.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }
|
|
||||||
.@{fa-css-prefix}-check:before { content: @fa-var-check; }
|
|
||||||
.@{fa-css-prefix}-times:before { content: @fa-var-times; }
|
|
||||||
.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }
|
|
||||||
.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }
|
|
||||||
.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }
|
|
||||||
.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }
|
|
||||||
.@{fa-css-prefix}-gear:before,
|
|
||||||
.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }
|
|
||||||
.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; }
|
|
||||||
.@{fa-css-prefix}-home:before { content: @fa-var-home; }
|
|
||||||
.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; }
|
|
||||||
.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; }
|
|
||||||
.@{fa-css-prefix}-road:before { content: @fa-var-road; }
|
|
||||||
.@{fa-css-prefix}-download:before { content: @fa-var-download; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; }
|
|
||||||
.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }
|
|
||||||
.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; }
|
|
||||||
.@{fa-css-prefix}-rotate-right:before,
|
|
||||||
.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; }
|
|
||||||
.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; }
|
|
||||||
.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }
|
|
||||||
.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }
|
|
||||||
.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }
|
|
||||||
.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }
|
|
||||||
.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }
|
|
||||||
.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }
|
|
||||||
.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }
|
|
||||||
.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }
|
|
||||||
.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }
|
|
||||||
.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }
|
|
||||||
.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }
|
|
||||||
.@{fa-css-prefix}-book:before { content: @fa-var-book; }
|
|
||||||
.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }
|
|
||||||
.@{fa-css-prefix}-print:before { content: @fa-var-print; }
|
|
||||||
.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }
|
|
||||||
.@{fa-css-prefix}-font:before { content: @fa-var-font; }
|
|
||||||
.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }
|
|
||||||
.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }
|
|
||||||
.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; }
|
|
||||||
.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; }
|
|
||||||
.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }
|
|
||||||
.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }
|
|
||||||
.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }
|
|
||||||
.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }
|
|
||||||
.@{fa-css-prefix}-list:before { content: @fa-var-list; }
|
|
||||||
.@{fa-css-prefix}-dedent:before,
|
|
||||||
.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }
|
|
||||||
.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }
|
|
||||||
.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; }
|
|
||||||
.@{fa-css-prefix}-photo:before,
|
|
||||||
.@{fa-css-prefix}-image:before,
|
|
||||||
.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; }
|
|
||||||
.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; }
|
|
||||||
.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }
|
|
||||||
.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }
|
|
||||||
.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }
|
|
||||||
.@{fa-css-prefix}-edit:before,
|
|
||||||
.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; }
|
|
||||||
.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; }
|
|
||||||
.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; }
|
|
||||||
.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; }
|
|
||||||
.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }
|
|
||||||
.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }
|
|
||||||
.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }
|
|
||||||
.@{fa-css-prefix}-play:before { content: @fa-var-play; }
|
|
||||||
.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }
|
|
||||||
.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }
|
|
||||||
.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }
|
|
||||||
.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }
|
|
||||||
.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }
|
|
||||||
.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }
|
|
||||||
.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; }
|
|
||||||
.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; }
|
|
||||||
.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }
|
|
||||||
.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }
|
|
||||||
.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }
|
|
||||||
.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }
|
|
||||||
.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }
|
|
||||||
.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }
|
|
||||||
.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }
|
|
||||||
.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; }
|
|
||||||
.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; }
|
|
||||||
.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }
|
|
||||||
.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; }
|
|
||||||
.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; }
|
|
||||||
.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; }
|
|
||||||
.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; }
|
|
||||||
.@{fa-css-prefix}-mail-forward:before,
|
|
||||||
.@{fa-css-prefix}-share:before { content: @fa-var-share; }
|
|
||||||
.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }
|
|
||||||
.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }
|
|
||||||
.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }
|
|
||||||
.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }
|
|
||||||
.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }
|
|
||||||
.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }
|
|
||||||
.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }
|
|
||||||
.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }
|
|
||||||
.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }
|
|
||||||
.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }
|
|
||||||
.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }
|
|
||||||
.@{fa-css-prefix}-warning:before,
|
|
||||||
.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
|
|
||||||
.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }
|
|
||||||
.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }
|
|
||||||
.@{fa-css-prefix}-random:before { content: @fa-var-random; }
|
|
||||||
.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }
|
|
||||||
.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }
|
|
||||||
.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; }
|
|
||||||
.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; }
|
|
||||||
.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }
|
|
||||||
.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }
|
|
||||||
.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }
|
|
||||||
.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }
|
|
||||||
.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; }
|
|
||||||
.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; }
|
|
||||||
.@{fa-css-prefix}-bar-chart-o:before { content: @fa-var-bar-chart-o; }
|
|
||||||
.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }
|
|
||||||
.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }
|
|
||||||
.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }
|
|
||||||
.@{fa-css-prefix}-key:before { content: @fa-var-key; }
|
|
||||||
.@{fa-css-prefix}-gears:before,
|
|
||||||
.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }
|
|
||||||
.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }
|
|
||||||
.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; }
|
|
||||||
.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; }
|
|
||||||
.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }
|
|
||||||
.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; }
|
|
||||||
.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; }
|
|
||||||
.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; }
|
|
||||||
.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; }
|
|
||||||
.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; }
|
|
||||||
.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; }
|
|
||||||
.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }
|
|
||||||
.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }
|
|
||||||
.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }
|
|
||||||
.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; }
|
|
||||||
.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }
|
|
||||||
.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; }
|
|
||||||
.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; }
|
|
||||||
.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }
|
|
||||||
.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
|
|
||||||
.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
|
|
||||||
.@{fa-css-prefix}-github:before { content: @fa-var-github; }
|
|
||||||
.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }
|
|
||||||
.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }
|
|
||||||
.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }
|
|
||||||
.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; }
|
|
||||||
.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }
|
|
||||||
.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }
|
|
||||||
.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }
|
|
||||||
.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; }
|
|
||||||
.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; }
|
|
||||||
.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; }
|
|
||||||
.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }
|
|
||||||
.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }
|
|
||||||
.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }
|
|
||||||
.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }
|
|
||||||
.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
|
|
||||||
.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
|
|
||||||
.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }
|
|
||||||
.@{fa-css-prefix}-group:before,
|
|
||||||
.@{fa-css-prefix}-users:before { content: @fa-var-users; }
|
|
||||||
.@{fa-css-prefix}-chain:before,
|
|
||||||
.@{fa-css-prefix}-link:before { content: @fa-var-link; }
|
|
||||||
.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }
|
|
||||||
.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }
|
|
||||||
.@{fa-css-prefix}-cut:before,
|
|
||||||
.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; }
|
|
||||||
.@{fa-css-prefix}-copy:before,
|
|
||||||
.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; }
|
|
||||||
.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }
|
|
||||||
.@{fa-css-prefix}-save:before,
|
|
||||||
.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; }
|
|
||||||
.@{fa-css-prefix}-square:before { content: @fa-var-square; }
|
|
||||||
.@{fa-css-prefix}-navicon:before,
|
|
||||||
.@{fa-css-prefix}-reorder:before,
|
|
||||||
.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }
|
|
||||||
.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }
|
|
||||||
.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }
|
|
||||||
.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }
|
|
||||||
.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }
|
|
||||||
.@{fa-css-prefix}-table:before { content: @fa-var-table; }
|
|
||||||
.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }
|
|
||||||
.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }
|
|
||||||
.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }
|
|
||||||
.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }
|
|
||||||
.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }
|
|
||||||
.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }
|
|
||||||
.@{fa-css-prefix}-money:before { content: @fa-var-money; }
|
|
||||||
.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }
|
|
||||||
.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }
|
|
||||||
.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; }
|
|
||||||
.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; }
|
|
||||||
.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }
|
|
||||||
.@{fa-css-prefix}-unsorted:before,
|
|
||||||
.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }
|
|
||||||
.@{fa-css-prefix}-sort-down:before,
|
|
||||||
.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; }
|
|
||||||
.@{fa-css-prefix}-sort-up:before,
|
|
||||||
.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; }
|
|
||||||
.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }
|
|
||||||
.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
|
|
||||||
.@{fa-css-prefix}-rotate-left:before,
|
|
||||||
.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }
|
|
||||||
.@{fa-css-prefix}-legal:before,
|
|
||||||
.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }
|
|
||||||
.@{fa-css-prefix}-dashboard:before,
|
|
||||||
.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; }
|
|
||||||
.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; }
|
|
||||||
.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; }
|
|
||||||
.@{fa-css-prefix}-flash:before,
|
|
||||||
.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }
|
|
||||||
.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }
|
|
||||||
.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }
|
|
||||||
.@{fa-css-prefix}-paste:before,
|
|
||||||
.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }
|
|
||||||
.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; }
|
|
||||||
.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; }
|
|
||||||
.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; }
|
|
||||||
.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; }
|
|
||||||
.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }
|
|
||||||
.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }
|
|
||||||
.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }
|
|
||||||
.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; }
|
|
||||||
.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }
|
|
||||||
.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; }
|
|
||||||
.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; }
|
|
||||||
.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; }
|
|
||||||
.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; }
|
|
||||||
.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }
|
|
||||||
.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }
|
|
||||||
.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }
|
|
||||||
.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }
|
|
||||||
.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }
|
|
||||||
.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }
|
|
||||||
.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; }
|
|
||||||
.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; }
|
|
||||||
.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; }
|
|
||||||
.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }
|
|
||||||
.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; }
|
|
||||||
.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; }
|
|
||||||
.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; }
|
|
||||||
.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; }
|
|
||||||
.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }
|
|
||||||
.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }
|
|
||||||
.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }
|
|
||||||
.@{fa-css-prefix}-mobile-phone:before,
|
|
||||||
.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }
|
|
||||||
.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; }
|
|
||||||
.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; }
|
|
||||||
.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; }
|
|
||||||
.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }
|
|
||||||
.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }
|
|
||||||
.@{fa-css-prefix}-mail-reply:before,
|
|
||||||
.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }
|
|
||||||
.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }
|
|
||||||
.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; }
|
|
||||||
.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; }
|
|
||||||
.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; }
|
|
||||||
.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; }
|
|
||||||
.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; }
|
|
||||||
.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }
|
|
||||||
.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; }
|
|
||||||
.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; }
|
|
||||||
.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }
|
|
||||||
.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }
|
|
||||||
.@{fa-css-prefix}-code:before { content: @fa-var-code; }
|
|
||||||
.@{fa-css-prefix}-mail-reply-all:before,
|
|
||||||
.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }
|
|
||||||
.@{fa-css-prefix}-star-half-empty:before,
|
|
||||||
.@{fa-css-prefix}-star-half-full:before,
|
|
||||||
.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; }
|
|
||||||
.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }
|
|
||||||
.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }
|
|
||||||
.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; }
|
|
||||||
.@{fa-css-prefix}-unlink:before,
|
|
||||||
.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; }
|
|
||||||
.@{fa-css-prefix}-question:before { content: @fa-var-question; }
|
|
||||||
.@{fa-css-prefix}-info:before { content: @fa-var-info; }
|
|
||||||
.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }
|
|
||||||
.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }
|
|
||||||
.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }
|
|
||||||
.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }
|
|
||||||
.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }
|
|
||||||
.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }
|
|
||||||
.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }
|
|
||||||
.@{fa-css-prefix}-shield:before { content: @fa-var-shield; }
|
|
||||||
.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; }
|
|
||||||
.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
|
|
||||||
.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }
|
|
||||||
.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }
|
|
||||||
.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }
|
|
||||||
.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }
|
|
||||||
.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }
|
|
||||||
.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
|
|
||||||
.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }
|
|
||||||
.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }
|
|
||||||
.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }
|
|
||||||
.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }
|
|
||||||
.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
|
|
||||||
.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; }
|
|
||||||
.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; }
|
|
||||||
.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }
|
|
||||||
.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }
|
|
||||||
.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; }
|
|
||||||
.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }
|
|
||||||
.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; }
|
|
||||||
.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; }
|
|
||||||
.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; }
|
|
||||||
.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }
|
|
||||||
.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; }
|
|
||||||
.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; }
|
|
||||||
.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; }
|
|
||||||
.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }
|
|
||||||
.@{fa-css-prefix}-toggle-down:before,
|
|
||||||
.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; }
|
|
||||||
.@{fa-css-prefix}-toggle-up:before,
|
|
||||||
.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; }
|
|
||||||
.@{fa-css-prefix}-toggle-right:before,
|
|
||||||
.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; }
|
|
||||||
.@{fa-css-prefix}-euro:before,
|
|
||||||
.@{fa-css-prefix}-eur:before { content: @fa-var-eur; }
|
|
||||||
.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; }
|
|
||||||
.@{fa-css-prefix}-dollar:before,
|
|
||||||
.@{fa-css-prefix}-usd:before { content: @fa-var-usd; }
|
|
||||||
.@{fa-css-prefix}-rupee:before,
|
|
||||||
.@{fa-css-prefix}-inr:before { content: @fa-var-inr; }
|
|
||||||
.@{fa-css-prefix}-cny:before,
|
|
||||||
.@{fa-css-prefix}-rmb:before,
|
|
||||||
.@{fa-css-prefix}-yen:before,
|
|
||||||
.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; }
|
|
||||||
.@{fa-css-prefix}-ruble:before,
|
|
||||||
.@{fa-css-prefix}-rouble:before,
|
|
||||||
.@{fa-css-prefix}-rub:before { content: @fa-var-rub; }
|
|
||||||
.@{fa-css-prefix}-won:before,
|
|
||||||
.@{fa-css-prefix}-krw:before { content: @fa-var-krw; }
|
|
||||||
.@{fa-css-prefix}-bitcoin:before,
|
|
||||||
.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }
|
|
||||||
.@{fa-css-prefix}-file:before { content: @fa-var-file; }
|
|
||||||
.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; }
|
|
||||||
.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; }
|
|
||||||
.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; }
|
|
||||||
.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; }
|
|
||||||
.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; }
|
|
||||||
.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; }
|
|
||||||
.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; }
|
|
||||||
.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }
|
|
||||||
.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }
|
|
||||||
.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }
|
|
||||||
.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }
|
|
||||||
.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }
|
|
||||||
.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }
|
|
||||||
.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; }
|
|
||||||
.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }
|
|
||||||
.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }
|
|
||||||
.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }
|
|
||||||
.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }
|
|
||||||
.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }
|
|
||||||
.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }
|
|
||||||
.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; }
|
|
||||||
.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }
|
|
||||||
.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; }
|
|
||||||
.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; }
|
|
||||||
.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }
|
|
||||||
.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }
|
|
||||||
.@{fa-css-prefix}-android:before { content: @fa-var-android; }
|
|
||||||
.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }
|
|
||||||
.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }
|
|
||||||
.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }
|
|
||||||
.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }
|
|
||||||
.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }
|
|
||||||
.@{fa-css-prefix}-female:before { content: @fa-var-female; }
|
|
||||||
.@{fa-css-prefix}-male:before { content: @fa-var-male; }
|
|
||||||
.@{fa-css-prefix}-gittip:before { content: @fa-var-gittip; }
|
|
||||||
.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; }
|
|
||||||
.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; }
|
|
||||||
.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }
|
|
||||||
.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }
|
|
||||||
.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }
|
|
||||||
.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }
|
|
||||||
.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }
|
|
||||||
.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }
|
|
||||||
.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }
|
|
||||||
.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }
|
|
||||||
.@{fa-css-prefix}-toggle-left:before,
|
|
||||||
.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }
|
|
||||||
.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; }
|
|
||||||
.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }
|
|
||||||
.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }
|
|
||||||
.@{fa-css-prefix}-turkish-lira:before,
|
|
||||||
.@{fa-css-prefix}-try:before { content: @fa-var-try; }
|
|
||||||
.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; }
|
|
||||||
.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; }
|
|
||||||
.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }
|
|
||||||
.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; }
|
|
||||||
.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; }
|
|
||||||
.@{fa-css-prefix}-openid:before { content: @fa-var-openid; }
|
|
||||||
.@{fa-css-prefix}-institution:before,
|
|
||||||
.@{fa-css-prefix}-bank:before,
|
|
||||||
.@{fa-css-prefix}-university:before { content: @fa-var-university; }
|
|
||||||
.@{fa-css-prefix}-mortar-board:before,
|
|
||||||
.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; }
|
|
||||||
.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; }
|
|
||||||
.@{fa-css-prefix}-google:before { content: @fa-var-google; }
|
|
||||||
.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; }
|
|
||||||
.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; }
|
|
||||||
.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; }
|
|
||||||
.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; }
|
|
||||||
.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; }
|
|
||||||
.@{fa-css-prefix}-digg:before { content: @fa-var-digg; }
|
|
||||||
.@{fa-css-prefix}-pied-piper-square:before,
|
|
||||||
.@{fa-css-prefix}-pied-piper:before { content: @fa-var-pied-piper; }
|
|
||||||
.@{fa-css-prefix}-pied-piper-alt:before { content: @fa-var-pied-piper-alt; }
|
|
||||||
.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; }
|
|
||||||
.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; }
|
|
||||||
.@{fa-css-prefix}-language:before { content: @fa-var-language; }
|
|
||||||
.@{fa-css-prefix}-fax:before { content: @fa-var-fax; }
|
|
||||||
.@{fa-css-prefix}-building:before { content: @fa-var-building; }
|
|
||||||
.@{fa-css-prefix}-child:before { content: @fa-var-child; }
|
|
||||||
.@{fa-css-prefix}-paw:before { content: @fa-var-paw; }
|
|
||||||
.@{fa-css-prefix}-spoon:before { content: @fa-var-spoon; }
|
|
||||||
.@{fa-css-prefix}-cube:before { content: @fa-var-cube; }
|
|
||||||
.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; }
|
|
||||||
.@{fa-css-prefix}-behance:before { content: @fa-var-behance; }
|
|
||||||
.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; }
|
|
||||||
.@{fa-css-prefix}-steam:before { content: @fa-var-steam; }
|
|
||||||
.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; }
|
|
||||||
.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; }
|
|
||||||
.@{fa-css-prefix}-automobile:before,
|
|
||||||
.@{fa-css-prefix}-car:before { content: @fa-var-car; }
|
|
||||||
.@{fa-css-prefix}-cab:before,
|
|
||||||
.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; }
|
|
||||||
.@{fa-css-prefix}-tree:before { content: @fa-var-tree; }
|
|
||||||
.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; }
|
|
||||||
.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; }
|
|
||||||
.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; }
|
|
||||||
.@{fa-css-prefix}-database:before { content: @fa-var-database; }
|
|
||||||
.@{fa-css-prefix}-file-pdf-o:before { content: @fa-var-file-pdf-o; }
|
|
||||||
.@{fa-css-prefix}-file-word-o:before { content: @fa-var-file-word-o; }
|
|
||||||
.@{fa-css-prefix}-file-excel-o:before { content: @fa-var-file-excel-o; }
|
|
||||||
.@{fa-css-prefix}-file-powerpoint-o:before { content: @fa-var-file-powerpoint-o; }
|
|
||||||
.@{fa-css-prefix}-file-photo-o:before,
|
|
||||||
.@{fa-css-prefix}-file-picture-o:before,
|
|
||||||
.@{fa-css-prefix}-file-image-o:before { content: @fa-var-file-image-o; }
|
|
||||||
.@{fa-css-prefix}-file-zip-o:before,
|
|
||||||
.@{fa-css-prefix}-file-archive-o:before { content: @fa-var-file-archive-o; }
|
|
||||||
.@{fa-css-prefix}-file-sound-o:before,
|
|
||||||
.@{fa-css-prefix}-file-audio-o:before { content: @fa-var-file-audio-o; }
|
|
||||||
.@{fa-css-prefix}-file-movie-o:before,
|
|
||||||
.@{fa-css-prefix}-file-video-o:before { content: @fa-var-file-video-o; }
|
|
||||||
.@{fa-css-prefix}-file-code-o:before { content: @fa-var-file-code-o; }
|
|
||||||
.@{fa-css-prefix}-vine:before { content: @fa-var-vine; }
|
|
||||||
.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; }
|
|
||||||
.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; }
|
|
||||||
.@{fa-css-prefix}-life-bouy:before,
|
|
||||||
.@{fa-css-prefix}-life-saver:before,
|
|
||||||
.@{fa-css-prefix}-support:before,
|
|
||||||
.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; }
|
|
||||||
.@{fa-css-prefix}-circle-o-notch:before { content: @fa-var-circle-o-notch; }
|
|
||||||
.@{fa-css-prefix}-ra:before,
|
|
||||||
.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; }
|
|
||||||
.@{fa-css-prefix}-ge:before,
|
|
||||||
.@{fa-css-prefix}-empire:before { content: @fa-var-empire; }
|
|
||||||
.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; }
|
|
||||||
.@{fa-css-prefix}-git:before { content: @fa-var-git; }
|
|
||||||
.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; }
|
|
||||||
.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; }
|
|
||||||
.@{fa-css-prefix}-qq:before { content: @fa-var-qq; }
|
|
||||||
.@{fa-css-prefix}-wechat:before,
|
|
||||||
.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; }
|
|
||||||
.@{fa-css-prefix}-send:before,
|
|
||||||
.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; }
|
|
||||||
.@{fa-css-prefix}-send-o:before,
|
|
||||||
.@{fa-css-prefix}-paper-plane-o:before { content: @fa-var-paper-plane-o; }
|
|
||||||
.@{fa-css-prefix}-history:before { content: @fa-var-history; }
|
|
||||||
.@{fa-css-prefix}-circle-thin:before { content: @fa-var-circle-thin; }
|
|
||||||
.@{fa-css-prefix}-header:before { content: @fa-var-header; }
|
|
||||||
.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; }
|
|
||||||
.@{fa-css-prefix}-sliders:before { content: @fa-var-sliders; }
|
|
||||||
.@{fa-css-prefix}-share-alt:before { content: @fa-var-share-alt; }
|
|
||||||
.@{fa-css-prefix}-share-alt-square:before { content: @fa-var-share-alt-square; }
|
|
||||||
.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; }
|
|
13
assets/less/font-awesome/larger.less
vendored
13
assets/less/font-awesome/larger.less
vendored
|
@ -1,13 +0,0 @@
|
||||||
// Icon Sizes
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
/* makes the font 33% larger relative to the icon container */
|
|
||||||
.@{fa-css-prefix}-lg {
|
|
||||||
font-size: (4em / 3);
|
|
||||||
line-height: (3em / 4);
|
|
||||||
vertical-align: -15%;
|
|
||||||
}
|
|
||||||
.@{fa-css-prefix}-2x { font-size: 2em; }
|
|
||||||
.@{fa-css-prefix}-3x { font-size: 3em; }
|
|
||||||
.@{fa-css-prefix}-4x { font-size: 4em; }
|
|
||||||
.@{fa-css-prefix}-5x { font-size: 5em; }
|
|
20
assets/less/font-awesome/mixins.less
vendored
20
assets/less/font-awesome/mixins.less
vendored
|
@ -1,20 +0,0 @@
|
||||||
// Mixins
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
.fa-icon-rotate(@degrees, @rotation) {
|
|
||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
|
|
||||||
-webkit-transform: rotate(@degrees);
|
|
||||||
-moz-transform: rotate(@degrees);
|
|
||||||
-ms-transform: rotate(@degrees);
|
|
||||||
-o-transform: rotate(@degrees);
|
|
||||||
transform: rotate(@degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-icon-flip(@horiz, @vert, @rotation) {
|
|
||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
|
|
||||||
-webkit-transform: scale(@horiz, @vert);
|
|
||||||
-moz-transform: scale(@horiz, @vert);
|
|
||||||
-ms-transform: scale(@horiz, @vert);
|
|
||||||
-o-transform: scale(@horiz, @vert);
|
|
||||||
transform: scale(@horiz, @vert);
|
|
||||||
}
|
|
14
assets/less/font-awesome/path.less
vendored
14
assets/less/font-awesome/path.less
vendored
|
@ -1,14 +0,0 @@
|
||||||
/* FONT PATH
|
|
||||||
* -------------------------- */
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
src: ~"url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}')";
|
|
||||||
src: ~"url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype')",
|
|
||||||
~"url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff')",
|
|
||||||
~"url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype')",
|
|
||||||
~"url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg')";
|
|
||||||
// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
|
@ -1,9 +0,0 @@
|
||||||
// Rotated & Flipped Icons
|
|
||||||
// -------------------------
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
|
|
||||||
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
|
|
||||||
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
|
|
||||||
|
|
||||||
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
|
|
||||||
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
|
|
515
assets/less/font-awesome/variables.less
vendored
515
assets/less/font-awesome/variables.less
vendored
|
@ -1,515 +0,0 @@
|
||||||
// Variables
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
@fa-font-path: "../fonts";
|
|
||||||
//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts"; // for referencing Bootstrap CDN font files directly
|
|
||||||
@fa-css-prefix: fa;
|
|
||||||
@fa-version: "4.1.0";
|
|
||||||
@fa-border-color: #eee;
|
|
||||||
@fa-inverse: #fff;
|
|
||||||
@fa-li-width: (30em / 14);
|
|
||||||
|
|
||||||
@fa-var-adjust: "\f042";
|
|
||||||
@fa-var-adn: "\f170";
|
|
||||||
@fa-var-align-center: "\f037";
|
|
||||||
@fa-var-align-justify: "\f039";
|
|
||||||
@fa-var-align-left: "\f036";
|
|
||||||
@fa-var-align-right: "\f038";
|
|
||||||
@fa-var-ambulance: "\f0f9";
|
|
||||||
@fa-var-anchor: "\f13d";
|
|
||||||
@fa-var-android: "\f17b";
|
|
||||||
@fa-var-angle-double-down: "\f103";
|
|
||||||
@fa-var-angle-double-left: "\f100";
|
|
||||||
@fa-var-angle-double-right: "\f101";
|
|
||||||
@fa-var-angle-double-up: "\f102";
|
|
||||||
@fa-var-angle-down: "\f107";
|
|
||||||
@fa-var-angle-left: "\f104";
|
|
||||||
@fa-var-angle-right: "\f105";
|
|
||||||
@fa-var-angle-up: "\f106";
|
|
||||||
@fa-var-apple: "\f179";
|
|
||||||
@fa-var-archive: "\f187";
|
|
||||||
@fa-var-arrow-circle-down: "\f0ab";
|
|
||||||
@fa-var-arrow-circle-left: "\f0a8";
|
|
||||||
@fa-var-arrow-circle-o-down: "\f01a";
|
|
||||||
@fa-var-arrow-circle-o-left: "\f190";
|
|
||||||
@fa-var-arrow-circle-o-right: "\f18e";
|
|
||||||
@fa-var-arrow-circle-o-up: "\f01b";
|
|
||||||
@fa-var-arrow-circle-right: "\f0a9";
|
|
||||||
@fa-var-arrow-circle-up: "\f0aa";
|
|
||||||
@fa-var-arrow-down: "\f063";
|
|
||||||
@fa-var-arrow-left: "\f060";
|
|
||||||
@fa-var-arrow-right: "\f061";
|
|
||||||
@fa-var-arrow-up: "\f062";
|
|
||||||
@fa-var-arrows: "\f047";
|
|
||||||
@fa-var-arrows-alt: "\f0b2";
|
|
||||||
@fa-var-arrows-h: "\f07e";
|
|
||||||
@fa-var-arrows-v: "\f07d";
|
|
||||||
@fa-var-asterisk: "\f069";
|
|
||||||
@fa-var-automobile: "\f1b9";
|
|
||||||
@fa-var-backward: "\f04a";
|
|
||||||
@fa-var-ban: "\f05e";
|
|
||||||
@fa-var-bank: "\f19c";
|
|
||||||
@fa-var-bar-chart-o: "\f080";
|
|
||||||
@fa-var-barcode: "\f02a";
|
|
||||||
@fa-var-bars: "\f0c9";
|
|
||||||
@fa-var-beer: "\f0fc";
|
|
||||||
@fa-var-behance: "\f1b4";
|
|
||||||
@fa-var-behance-square: "\f1b5";
|
|
||||||
@fa-var-bell: "\f0f3";
|
|
||||||
@fa-var-bell-o: "\f0a2";
|
|
||||||
@fa-var-bitbucket: "\f171";
|
|
||||||
@fa-var-bitbucket-square: "\f172";
|
|
||||||
@fa-var-bitcoin: "\f15a";
|
|
||||||
@fa-var-bold: "\f032";
|
|
||||||
@fa-var-bolt: "\f0e7";
|
|
||||||
@fa-var-bomb: "\f1e2";
|
|
||||||
@fa-var-book: "\f02d";
|
|
||||||
@fa-var-bookmark: "\f02e";
|
|
||||||
@fa-var-bookmark-o: "\f097";
|
|
||||||
@fa-var-briefcase: "\f0b1";
|
|
||||||
@fa-var-btc: "\f15a";
|
|
||||||
@fa-var-bug: "\f188";
|
|
||||||
@fa-var-building: "\f1ad";
|
|
||||||
@fa-var-building-o: "\f0f7";
|
|
||||||
@fa-var-bullhorn: "\f0a1";
|
|
||||||
@fa-var-bullseye: "\f140";
|
|
||||||
@fa-var-cab: "\f1ba";
|
|
||||||
@fa-var-calendar: "\f073";
|
|
||||||
@fa-var-calendar-o: "\f133";
|
|
||||||
@fa-var-camera: "\f030";
|
|
||||||
@fa-var-camera-retro: "\f083";
|
|
||||||
@fa-var-car: "\f1b9";
|
|
||||||
@fa-var-caret-down: "\f0d7";
|
|
||||||
@fa-var-caret-left: "\f0d9";
|
|
||||||
@fa-var-caret-right: "\f0da";
|
|
||||||
@fa-var-caret-square-o-down: "\f150";
|
|
||||||
@fa-var-caret-square-o-left: "\f191";
|
|
||||||
@fa-var-caret-square-o-right: "\f152";
|
|
||||||
@fa-var-caret-square-o-up: "\f151";
|
|
||||||
@fa-var-caret-up: "\f0d8";
|
|
||||||
@fa-var-certificate: "\f0a3";
|
|
||||||
@fa-var-chain: "\f0c1";
|
|
||||||
@fa-var-chain-broken: "\f127";
|
|
||||||
@fa-var-check: "\f00c";
|
|
||||||
@fa-var-check-circle: "\f058";
|
|
||||||
@fa-var-check-circle-o: "\f05d";
|
|
||||||
@fa-var-check-square: "\f14a";
|
|
||||||
@fa-var-check-square-o: "\f046";
|
|
||||||
@fa-var-chevron-circle-down: "\f13a";
|
|
||||||
@fa-var-chevron-circle-left: "\f137";
|
|
||||||
@fa-var-chevron-circle-right: "\f138";
|
|
||||||
@fa-var-chevron-circle-up: "\f139";
|
|
||||||
@fa-var-chevron-down: "\f078";
|
|
||||||
@fa-var-chevron-left: "\f053";
|
|
||||||
@fa-var-chevron-right: "\f054";
|
|
||||||
@fa-var-chevron-up: "\f077";
|
|
||||||
@fa-var-child: "\f1ae";
|
|
||||||
@fa-var-circle: "\f111";
|
|
||||||
@fa-var-circle-o: "\f10c";
|
|
||||||
@fa-var-circle-o-notch: "\f1ce";
|
|
||||||
@fa-var-circle-thin: "\f1db";
|
|
||||||
@fa-var-clipboard: "\f0ea";
|
|
||||||
@fa-var-clock-o: "\f017";
|
|
||||||
@fa-var-cloud: "\f0c2";
|
|
||||||
@fa-var-cloud-download: "\f0ed";
|
|
||||||
@fa-var-cloud-upload: "\f0ee";
|
|
||||||
@fa-var-cny: "\f157";
|
|
||||||
@fa-var-code: "\f121";
|
|
||||||
@fa-var-code-fork: "\f126";
|
|
||||||
@fa-var-codepen: "\f1cb";
|
|
||||||
@fa-var-coffee: "\f0f4";
|
|
||||||
@fa-var-cog: "\f013";
|
|
||||||
@fa-var-cogs: "\f085";
|
|
||||||
@fa-var-columns: "\f0db";
|
|
||||||
@fa-var-comment: "\f075";
|
|
||||||
@fa-var-comment-o: "\f0e5";
|
|
||||||
@fa-var-comments: "\f086";
|
|
||||||
@fa-var-comments-o: "\f0e6";
|
|
||||||
@fa-var-compass: "\f14e";
|
|
||||||
@fa-var-compress: "\f066";
|
|
||||||
@fa-var-copy: "\f0c5";
|
|
||||||
@fa-var-credit-card: "\f09d";
|
|
||||||
@fa-var-crop: "\f125";
|
|
||||||
@fa-var-crosshairs: "\f05b";
|
|
||||||
@fa-var-css3: "\f13c";
|
|
||||||
@fa-var-cube: "\f1b2";
|
|
||||||
@fa-var-cubes: "\f1b3";
|
|
||||||
@fa-var-cut: "\f0c4";
|
|
||||||
@fa-var-cutlery: "\f0f5";
|
|
||||||
@fa-var-dashboard: "\f0e4";
|
|
||||||
@fa-var-database: "\f1c0";
|
|
||||||
@fa-var-dedent: "\f03b";
|
|
||||||
@fa-var-delicious: "\f1a5";
|
|
||||||
@fa-var-desktop: "\f108";
|
|
||||||
@fa-var-deviantart: "\f1bd";
|
|
||||||
@fa-var-digg: "\f1a6";
|
|
||||||
@fa-var-dollar: "\f155";
|
|
||||||
@fa-var-dot-circle-o: "\f192";
|
|
||||||
@fa-var-download: "\f019";
|
|
||||||
@fa-var-dribbble: "\f17d";
|
|
||||||
@fa-var-dropbox: "\f16b";
|
|
||||||
@fa-var-drupal: "\f1a9";
|
|
||||||
@fa-var-edit: "\f044";
|
|
||||||
@fa-var-eject: "\f052";
|
|
||||||
@fa-var-ellipsis-h: "\f141";
|
|
||||||
@fa-var-ellipsis-v: "\f142";
|
|
||||||
@fa-var-empire: "\f1d1";
|
|
||||||
@fa-var-envelope: "\f0e0";
|
|
||||||
@fa-var-envelope-o: "\f003";
|
|
||||||
@fa-var-envelope-square: "\f199";
|
|
||||||
@fa-var-eraser: "\f12d";
|
|
||||||
@fa-var-eur: "\f153";
|
|
||||||
@fa-var-euro: "\f153";
|
|
||||||
@fa-var-exchange: "\f0ec";
|
|
||||||
@fa-var-exclamation: "\f12a";
|
|
||||||
@fa-var-exclamation-circle: "\f06a";
|
|
||||||
@fa-var-exclamation-triangle: "\f071";
|
|
||||||
@fa-var-expand: "\f065";
|
|
||||||
@fa-var-external-link: "\f08e";
|
|
||||||
@fa-var-external-link-square: "\f14c";
|
|
||||||
@fa-var-eye: "\f06e";
|
|
||||||
@fa-var-eye-slash: "\f070";
|
|
||||||
@fa-var-facebook: "\f09a";
|
|
||||||
@fa-var-facebook-square: "\f082";
|
|
||||||
@fa-var-fast-backward: "\f049";
|
|
||||||
@fa-var-fast-forward: "\f050";
|
|
||||||
@fa-var-fax: "\f1ac";
|
|
||||||
@fa-var-female: "\f182";
|
|
||||||
@fa-var-fighter-jet: "\f0fb";
|
|
||||||
@fa-var-file: "\f15b";
|
|
||||||
@fa-var-file-archive-o: "\f1c6";
|
|
||||||
@fa-var-file-audio-o: "\f1c7";
|
|
||||||
@fa-var-file-code-o: "\f1c9";
|
|
||||||
@fa-var-file-excel-o: "\f1c3";
|
|
||||||
@fa-var-file-image-o: "\f1c5";
|
|
||||||
@fa-var-file-movie-o: "\f1c8";
|
|
||||||
@fa-var-file-o: "\f016";
|
|
||||||
@fa-var-file-pdf-o: "\f1c1";
|
|
||||||
@fa-var-file-photo-o: "\f1c5";
|
|
||||||
@fa-var-file-picture-o: "\f1c5";
|
|
||||||
@fa-var-file-powerpoint-o: "\f1c4";
|
|
||||||
@fa-var-file-sound-o: "\f1c7";
|
|
||||||
@fa-var-file-text: "\f15c";
|
|
||||||
@fa-var-file-text-o: "\f0f6";
|
|
||||||
@fa-var-file-video-o: "\f1c8";
|
|
||||||
@fa-var-file-word-o: "\f1c2";
|
|
||||||
@fa-var-file-zip-o: "\f1c6";
|
|
||||||
@fa-var-files-o: "\f0c5";
|
|
||||||
@fa-var-film: "\f008";
|
|
||||||
@fa-var-filter: "\f0b0";
|
|
||||||
@fa-var-fire: "\f06d";
|
|
||||||
@fa-var-fire-extinguisher: "\f134";
|
|
||||||
@fa-var-flag: "\f024";
|
|
||||||
@fa-var-flag-checkered: "\f11e";
|
|
||||||
@fa-var-flag-o: "\f11d";
|
|
||||||
@fa-var-flash: "\f0e7";
|
|
||||||
@fa-var-flask: "\f0c3";
|
|
||||||
@fa-var-flickr: "\f16e";
|
|
||||||
@fa-var-floppy-o: "\f0c7";
|
|
||||||
@fa-var-folder: "\f07b";
|
|
||||||
@fa-var-folder-o: "\f114";
|
|
||||||
@fa-var-folder-open: "\f07c";
|
|
||||||
@fa-var-folder-open-o: "\f115";
|
|
||||||
@fa-var-font: "\f031";
|
|
||||||
@fa-var-forward: "\f04e";
|
|
||||||
@fa-var-foursquare: "\f180";
|
|
||||||
@fa-var-frown-o: "\f119";
|
|
||||||
@fa-var-gamepad: "\f11b";
|
|
||||||
@fa-var-gavel: "\f0e3";
|
|
||||||
@fa-var-gbp: "\f154";
|
|
||||||
@fa-var-ge: "\f1d1";
|
|
||||||
@fa-var-gear: "\f013";
|
|
||||||
@fa-var-gears: "\f085";
|
|
||||||
@fa-var-gift: "\f06b";
|
|
||||||
@fa-var-git: "\f1d3";
|
|
||||||
@fa-var-git-square: "\f1d2";
|
|
||||||
@fa-var-github: "\f09b";
|
|
||||||
@fa-var-github-alt: "\f113";
|
|
||||||
@fa-var-github-square: "\f092";
|
|
||||||
@fa-var-gittip: "\f184";
|
|
||||||
@fa-var-glass: "\f000";
|
|
||||||
@fa-var-globe: "\f0ac";
|
|
||||||
@fa-var-google: "\f1a0";
|
|
||||||
@fa-var-google-plus: "\f0d5";
|
|
||||||
@fa-var-google-plus-square: "\f0d4";
|
|
||||||
@fa-var-graduation-cap: "\f19d";
|
|
||||||
@fa-var-group: "\f0c0";
|
|
||||||
@fa-var-h-square: "\f0fd";
|
|
||||||
@fa-var-hacker-news: "\f1d4";
|
|
||||||
@fa-var-hand-o-down: "\f0a7";
|
|
||||||
@fa-var-hand-o-left: "\f0a5";
|
|
||||||
@fa-var-hand-o-right: "\f0a4";
|
|
||||||
@fa-var-hand-o-up: "\f0a6";
|
|
||||||
@fa-var-hdd-o: "\f0a0";
|
|
||||||
@fa-var-header: "\f1dc";
|
|
||||||
@fa-var-headphones: "\f025";
|
|
||||||
@fa-var-heart: "\f004";
|
|
||||||
@fa-var-heart-o: "\f08a";
|
|
||||||
@fa-var-history: "\f1da";
|
|
||||||
@fa-var-home: "\f015";
|
|
||||||
@fa-var-hospital-o: "\f0f8";
|
|
||||||
@fa-var-html5: "\f13b";
|
|
||||||
@fa-var-image: "\f03e";
|
|
||||||
@fa-var-inbox: "\f01c";
|
|
||||||
@fa-var-indent: "\f03c";
|
|
||||||
@fa-var-info: "\f129";
|
|
||||||
@fa-var-info-circle: "\f05a";
|
|
||||||
@fa-var-inr: "\f156";
|
|
||||||
@fa-var-instagram: "\f16d";
|
|
||||||
@fa-var-institution: "\f19c";
|
|
||||||
@fa-var-italic: "\f033";
|
|
||||||
@fa-var-joomla: "\f1aa";
|
|
||||||
@fa-var-jpy: "\f157";
|
|
||||||
@fa-var-jsfiddle: "\f1cc";
|
|
||||||
@fa-var-key: "\f084";
|
|
||||||
@fa-var-keyboard-o: "\f11c";
|
|
||||||
@fa-var-krw: "\f159";
|
|
||||||
@fa-var-language: "\f1ab";
|
|
||||||
@fa-var-laptop: "\f109";
|
|
||||||
@fa-var-leaf: "\f06c";
|
|
||||||
@fa-var-legal: "\f0e3";
|
|
||||||
@fa-var-lemon-o: "\f094";
|
|
||||||
@fa-var-level-down: "\f149";
|
|
||||||
@fa-var-level-up: "\f148";
|
|
||||||
@fa-var-life-bouy: "\f1cd";
|
|
||||||
@fa-var-life-ring: "\f1cd";
|
|
||||||
@fa-var-life-saver: "\f1cd";
|
|
||||||
@fa-var-lightbulb-o: "\f0eb";
|
|
||||||
@fa-var-link: "\f0c1";
|
|
||||||
@fa-var-linkedin: "\f0e1";
|
|
||||||
@fa-var-linkedin-square: "\f08c";
|
|
||||||
@fa-var-linux: "\f17c";
|
|
||||||
@fa-var-list: "\f03a";
|
|
||||||
@fa-var-list-alt: "\f022";
|
|
||||||
@fa-var-list-ol: "\f0cb";
|
|
||||||
@fa-var-list-ul: "\f0ca";
|
|
||||||
@fa-var-location-arrow: "\f124";
|
|
||||||
@fa-var-lock: "\f023";
|
|
||||||
@fa-var-long-arrow-down: "\f175";
|
|
||||||
@fa-var-long-arrow-left: "\f177";
|
|
||||||
@fa-var-long-arrow-right: "\f178";
|
|
||||||
@fa-var-long-arrow-up: "\f176";
|
|
||||||
@fa-var-magic: "\f0d0";
|
|
||||||
@fa-var-magnet: "\f076";
|
|
||||||
@fa-var-mail-forward: "\f064";
|
|
||||||
@fa-var-mail-reply: "\f112";
|
|
||||||
@fa-var-mail-reply-all: "\f122";
|
|
||||||
@fa-var-male: "\f183";
|
|
||||||
@fa-var-map-marker: "\f041";
|
|
||||||
@fa-var-maxcdn: "\f136";
|
|
||||||
@fa-var-medkit: "\f0fa";
|
|
||||||
@fa-var-meh-o: "\f11a";
|
|
||||||
@fa-var-microphone: "\f130";
|
|
||||||
@fa-var-microphone-slash: "\f131";
|
|
||||||
@fa-var-minus: "\f068";
|
|
||||||
@fa-var-minus-circle: "\f056";
|
|
||||||
@fa-var-minus-square: "\f146";
|
|
||||||
@fa-var-minus-square-o: "\f147";
|
|
||||||
@fa-var-mobile: "\f10b";
|
|
||||||
@fa-var-mobile-phone: "\f10b";
|
|
||||||
@fa-var-money: "\f0d6";
|
|
||||||
@fa-var-moon-o: "\f186";
|
|
||||||
@fa-var-mortar-board: "\f19d";
|
|
||||||
@fa-var-music: "\f001";
|
|
||||||
@fa-var-navicon: "\f0c9";
|
|
||||||
@fa-var-openid: "\f19b";
|
|
||||||
@fa-var-outdent: "\f03b";
|
|
||||||
@fa-var-pagelines: "\f18c";
|
|
||||||
@fa-var-paper-plane: "\f1d8";
|
|
||||||
@fa-var-paper-plane-o: "\f1d9";
|
|
||||||
@fa-var-paperclip: "\f0c6";
|
|
||||||
@fa-var-paragraph: "\f1dd";
|
|
||||||
@fa-var-paste: "\f0ea";
|
|
||||||
@fa-var-pause: "\f04c";
|
|
||||||
@fa-var-paw: "\f1b0";
|
|
||||||
@fa-var-pencil: "\f040";
|
|
||||||
@fa-var-pencil-square: "\f14b";
|
|
||||||
@fa-var-pencil-square-o: "\f044";
|
|
||||||
@fa-var-phone: "\f095";
|
|
||||||
@fa-var-phone-square: "\f098";
|
|
||||||
@fa-var-photo: "\f03e";
|
|
||||||
@fa-var-picture-o: "\f03e";
|
|
||||||
@fa-var-pied-piper: "\f1a7";
|
|
||||||
@fa-var-pied-piper-alt: "\f1a8";
|
|
||||||
@fa-var-pied-piper-square: "\f1a7";
|
|
||||||
@fa-var-pinterest: "\f0d2";
|
|
||||||
@fa-var-pinterest-square: "\f0d3";
|
|
||||||
@fa-var-plane: "\f072";
|
|
||||||
@fa-var-play: "\f04b";
|
|
||||||
@fa-var-play-circle: "\f144";
|
|
||||||
@fa-var-play-circle-o: "\f01d";
|
|
||||||
@fa-var-plus: "\f067";
|
|
||||||
@fa-var-plus-circle: "\f055";
|
|
||||||
@fa-var-plus-square: "\f0fe";
|
|
||||||
@fa-var-plus-square-o: "\f196";
|
|
||||||
@fa-var-power-off: "\f011";
|
|
||||||
@fa-var-print: "\f02f";
|
|
||||||
@fa-var-puzzle-piece: "\f12e";
|
|
||||||
@fa-var-qq: "\f1d6";
|
|
||||||
@fa-var-qrcode: "\f029";
|
|
||||||
@fa-var-question: "\f128";
|
|
||||||
@fa-var-question-circle: "\f059";
|
|
||||||
@fa-var-quote-left: "\f10d";
|
|
||||||
@fa-var-quote-right: "\f10e";
|
|
||||||
@fa-var-ra: "\f1d0";
|
|
||||||
@fa-var-random: "\f074";
|
|
||||||
@fa-var-rebel: "\f1d0";
|
|
||||||
@fa-var-recycle: "\f1b8";
|
|
||||||
@fa-var-reddit: "\f1a1";
|
|
||||||
@fa-var-reddit-square: "\f1a2";
|
|
||||||
@fa-var-refresh: "\f021";
|
|
||||||
@fa-var-renren: "\f18b";
|
|
||||||
@fa-var-reorder: "\f0c9";
|
|
||||||
@fa-var-repeat: "\f01e";
|
|
||||||
@fa-var-reply: "\f112";
|
|
||||||
@fa-var-reply-all: "\f122";
|
|
||||||
@fa-var-retweet: "\f079";
|
|
||||||
@fa-var-rmb: "\f157";
|
|
||||||
@fa-var-road: "\f018";
|
|
||||||
@fa-var-rocket: "\f135";
|
|
||||||
@fa-var-rotate-left: "\f0e2";
|
|
||||||
@fa-var-rotate-right: "\f01e";
|
|
||||||
@fa-var-rouble: "\f158";
|
|
||||||
@fa-var-rss: "\f09e";
|
|
||||||
@fa-var-rss-square: "\f143";
|
|
||||||
@fa-var-rub: "\f158";
|
|
||||||
@fa-var-ruble: "\f158";
|
|
||||||
@fa-var-rupee: "\f156";
|
|
||||||
@fa-var-save: "\f0c7";
|
|
||||||
@fa-var-scissors: "\f0c4";
|
|
||||||
@fa-var-search: "\f002";
|
|
||||||
@fa-var-search-minus: "\f010";
|
|
||||||
@fa-var-search-plus: "\f00e";
|
|
||||||
@fa-var-send: "\f1d8";
|
|
||||||
@fa-var-send-o: "\f1d9";
|
|
||||||
@fa-var-share: "\f064";
|
|
||||||
@fa-var-share-alt: "\f1e0";
|
|
||||||
@fa-var-share-alt-square: "\f1e1";
|
|
||||||
@fa-var-share-square: "\f14d";
|
|
||||||
@fa-var-share-square-o: "\f045";
|
|
||||||
@fa-var-shield: "\f132";
|
|
||||||
@fa-var-shopping-cart: "\f07a";
|
|
||||||
@fa-var-sign-in: "\f090";
|
|
||||||
@fa-var-sign-out: "\f08b";
|
|
||||||
@fa-var-signal: "\f012";
|
|
||||||
@fa-var-sitemap: "\f0e8";
|
|
||||||
@fa-var-skype: "\f17e";
|
|
||||||
@fa-var-slack: "\f198";
|
|
||||||
@fa-var-sliders: "\f1de";
|
|
||||||
@fa-var-smile-o: "\f118";
|
|
||||||
@fa-var-sort: "\f0dc";
|
|
||||||
@fa-var-sort-alpha-asc: "\f15d";
|
|
||||||
@fa-var-sort-alpha-desc: "\f15e";
|
|
||||||
@fa-var-sort-amount-asc: "\f160";
|
|
||||||
@fa-var-sort-amount-desc: "\f161";
|
|
||||||
@fa-var-sort-asc: "\f0de";
|
|
||||||
@fa-var-sort-desc: "\f0dd";
|
|
||||||
@fa-var-sort-down: "\f0dd";
|
|
||||||
@fa-var-sort-numeric-asc: "\f162";
|
|
||||||
@fa-var-sort-numeric-desc: "\f163";
|
|
||||||
@fa-var-sort-up: "\f0de";
|
|
||||||
@fa-var-soundcloud: "\f1be";
|
|
||||||
@fa-var-space-shuttle: "\f197";
|
|
||||||
@fa-var-spinner: "\f110";
|
|
||||||
@fa-var-spoon: "\f1b1";
|
|
||||||
@fa-var-spotify: "\f1bc";
|
|
||||||
@fa-var-square: "\f0c8";
|
|
||||||
@fa-var-square-o: "\f096";
|
|
||||||
@fa-var-stack-exchange: "\f18d";
|
|
||||||
@fa-var-stack-overflow: "\f16c";
|
|
||||||
@fa-var-star: "\f005";
|
|
||||||
@fa-var-star-half: "\f089";
|
|
||||||
@fa-var-star-half-empty: "\f123";
|
|
||||||
@fa-var-star-half-full: "\f123";
|
|
||||||
@fa-var-star-half-o: "\f123";
|
|
||||||
@fa-var-star-o: "\f006";
|
|
||||||
@fa-var-steam: "\f1b6";
|
|
||||||
@fa-var-steam-square: "\f1b7";
|
|
||||||
@fa-var-step-backward: "\f048";
|
|
||||||
@fa-var-step-forward: "\f051";
|
|
||||||
@fa-var-stethoscope: "\f0f1";
|
|
||||||
@fa-var-stop: "\f04d";
|
|
||||||
@fa-var-strikethrough: "\f0cc";
|
|
||||||
@fa-var-stumbleupon: "\f1a4";
|
|
||||||
@fa-var-stumbleupon-circle: "\f1a3";
|
|
||||||
@fa-var-subscript: "\f12c";
|
|
||||||
@fa-var-suitcase: "\f0f2";
|
|
||||||
@fa-var-sun-o: "\f185";
|
|
||||||
@fa-var-superscript: "\f12b";
|
|
||||||
@fa-var-support: "\f1cd";
|
|
||||||
@fa-var-table: "\f0ce";
|
|
||||||
@fa-var-tablet: "\f10a";
|
|
||||||
@fa-var-tachometer: "\f0e4";
|
|
||||||
@fa-var-tag: "\f02b";
|
|
||||||
@fa-var-tags: "\f02c";
|
|
||||||
@fa-var-tasks: "\f0ae";
|
|
||||||
@fa-var-taxi: "\f1ba";
|
|
||||||
@fa-var-tencent-weibo: "\f1d5";
|
|
||||||
@fa-var-terminal: "\f120";
|
|
||||||
@fa-var-text-height: "\f034";
|
|
||||||
@fa-var-text-width: "\f035";
|
|
||||||
@fa-var-th: "\f00a";
|
|
||||||
@fa-var-th-large: "\f009";
|
|
||||||
@fa-var-th-list: "\f00b";
|
|
||||||
@fa-var-thumb-tack: "\f08d";
|
|
||||||
@fa-var-thumbs-down: "\f165";
|
|
||||||
@fa-var-thumbs-o-down: "\f088";
|
|
||||||
@fa-var-thumbs-o-up: "\f087";
|
|
||||||
@fa-var-thumbs-up: "\f164";
|
|
||||||
@fa-var-ticket: "\f145";
|
|
||||||
@fa-var-times: "\f00d";
|
|
||||||
@fa-var-times-circle: "\f057";
|
|
||||||
@fa-var-times-circle-o: "\f05c";
|
|
||||||
@fa-var-tint: "\f043";
|
|
||||||
@fa-var-toggle-down: "\f150";
|
|
||||||
@fa-var-toggle-left: "\f191";
|
|
||||||
@fa-var-toggle-right: "\f152";
|
|
||||||
@fa-var-toggle-up: "\f151";
|
|
||||||
@fa-var-trash-o: "\f014";
|
|
||||||
@fa-var-tree: "\f1bb";
|
|
||||||
@fa-var-trello: "\f181";
|
|
||||||
@fa-var-trophy: "\f091";
|
|
||||||
@fa-var-truck: "\f0d1";
|
|
||||||
@fa-var-try: "\f195";
|
|
||||||
@fa-var-tumblr: "\f173";
|
|
||||||
@fa-var-tumblr-square: "\f174";
|
|
||||||
@fa-var-turkish-lira: "\f195";
|
|
||||||
@fa-var-twitter: "\f099";
|
|
||||||
@fa-var-twitter-square: "\f081";
|
|
||||||
@fa-var-umbrella: "\f0e9";
|
|
||||||
@fa-var-underline: "\f0cd";
|
|
||||||
@fa-var-undo: "\f0e2";
|
|
||||||
@fa-var-university: "\f19c";
|
|
||||||
@fa-var-unlink: "\f127";
|
|
||||||
@fa-var-unlock: "\f09c";
|
|
||||||
@fa-var-unlock-alt: "\f13e";
|
|
||||||
@fa-var-unsorted: "\f0dc";
|
|
||||||
@fa-var-upload: "\f093";
|
|
||||||
@fa-var-usd: "\f155";
|
|
||||||
@fa-var-user: "\f007";
|
|
||||||
@fa-var-user-md: "\f0f0";
|
|
||||||
@fa-var-users: "\f0c0";
|
|
||||||
@fa-var-video-camera: "\f03d";
|
|
||||||
@fa-var-vimeo-square: "\f194";
|
|
||||||
@fa-var-vine: "\f1ca";
|
|
||||||
@fa-var-vk: "\f189";
|
|
||||||
@fa-var-volume-down: "\f027";
|
|
||||||
@fa-var-volume-off: "\f026";
|
|
||||||
@fa-var-volume-up: "\f028";
|
|
||||||
@fa-var-warning: "\f071";
|
|
||||||
@fa-var-wechat: "\f1d7";
|
|
||||||
@fa-var-weibo: "\f18a";
|
|
||||||
@fa-var-weixin: "\f1d7";
|
|
||||||
@fa-var-wheelchair: "\f193";
|
|
||||||
@fa-var-windows: "\f17a";
|
|
||||||
@fa-var-won: "\f159";
|
|
||||||
@fa-var-wordpress: "\f19a";
|
|
||||||
@fa-var-wrench: "\f0ad";
|
|
||||||
@fa-var-xing: "\f168";
|
|
||||||
@fa-var-xing-square: "\f169";
|
|
||||||
@fa-var-yahoo: "\f19e";
|
|
||||||
@fa-var-yen: "\f157";
|
|
||||||
@fa-var-youtube: "\f167";
|
|
||||||
@fa-var-youtube-play: "\f16a";
|
|
||||||
@fa-var-youtube-square: "\f166";
|
|
||||||
|
|
|
@ -1,47 +0,0 @@
|
||||||
// Defining number of columns in the grid.
|
|
||||||
// Common Values would be 12, 16 or 24
|
|
||||||
@width: 100%;
|
|
||||||
@def_grid: 12;
|
|
||||||
@margin: 0;
|
|
||||||
|
|
||||||
.container(){
|
|
||||||
margin:0 auto;
|
|
||||||
width:@width;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Works out the width of elements based
|
|
||||||
// on total number of columns and width
|
|
||||||
// number of columns being displayed.
|
|
||||||
// Removes 20px for margins
|
|
||||||
.grid(@grid:@def_grid,@cols:'',@float:left,@display:inline){
|
|
||||||
display:@display;
|
|
||||||
float:@float;
|
|
||||||
width:(100%/@grid * @cols) - (@margin * 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Allows for padding before element
|
|
||||||
.prefix(@grid:@def_grid,@cols:''){
|
|
||||||
margin-left:(100%/@grid * @cols);
|
|
||||||
}
|
|
||||||
// Allows for padding after element
|
|
||||||
.suffix(@grid:@def_grid,@cols:''){
|
|
||||||
margin-right:(100%/@grid * @cols);
|
|
||||||
}
|
|
||||||
// Removes left margin
|
|
||||||
.first(){
|
|
||||||
margin-left:0;
|
|
||||||
}
|
|
||||||
// Removes right margin
|
|
||||||
.last(){
|
|
||||||
margin-right:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push(@grid:@def_grid,@move:'') {
|
|
||||||
position:relative;
|
|
||||||
left:(100%/@grid * @move);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pull(@grid:@def_grid,@move:''){
|
|
||||||
position:relative;
|
|
||||||
left:(100%/@grid * @move) * -1;
|
|
||||||
}
|
|
|
@ -1,454 +0,0 @@
|
||||||
/* Magnific Popup CSS */
|
|
||||||
// Modified by Michael Rose
|
|
||||||
|
|
||||||
.mfp-bg {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 502;
|
|
||||||
overflow: hidden;
|
|
||||||
position: fixed;
|
|
||||||
background: #0b0b0b;
|
|
||||||
opacity: 0.8;
|
|
||||||
filter: alpha(opacity=80); }
|
|
||||||
|
|
||||||
.mfp-wrap {
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 503;
|
|
||||||
position: fixed;
|
|
||||||
outline: none !important;
|
|
||||||
-webkit-backface-visibility: hidden; }
|
|
||||||
|
|
||||||
.mfp-container {
|
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
padding: 0 8px;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
|
|
||||||
.mfp-container:before {
|
|
||||||
content: '';
|
|
||||||
display: inline-block;
|
|
||||||
height: 100%;
|
|
||||||
vertical-align: middle; }
|
|
||||||
|
|
||||||
.mfp-align-top .mfp-container:before {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-content {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: 0 auto;
|
|
||||||
text-align: left;
|
|
||||||
z-index: 505; }
|
|
||||||
|
|
||||||
.mfp-inline-holder .mfp-content,
|
|
||||||
.mfp-ajax-holder .mfp-content {
|
|
||||||
width: 100%;
|
|
||||||
cursor: auto;
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: -1;
|
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mfp-ajax-cur {
|
|
||||||
cursor: progress; }
|
|
||||||
|
|
||||||
.mfp-zoom-out-cur,
|
|
||||||
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
|
||||||
cursor: -moz-zoom-out;
|
|
||||||
cursor: -webkit-zoom-out;
|
|
||||||
cursor: zoom-out; }
|
|
||||||
|
|
||||||
.mfp-zoom,
|
|
||||||
.image-popup {
|
|
||||||
cursor: pointer;
|
|
||||||
cursor: -webkit-zoom-in;
|
|
||||||
cursor: -moz-zoom-in;
|
|
||||||
cursor: zoom-in; }
|
|
||||||
|
|
||||||
.mfp-auto-cursor .mfp-content {
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-close,
|
|
||||||
.mfp-arrow,
|
|
||||||
.mfp-preloader,
|
|
||||||
.mfp-counter {
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
user-select: none; }
|
|
||||||
|
|
||||||
.mfp-loading.mfp-figure {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.mfp-preloader {
|
|
||||||
color: #cccccc;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
width: auto;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: -0.8em;
|
|
||||||
left: 8px;
|
|
||||||
right: 8px;
|
|
||||||
z-index: 504; }
|
|
||||||
|
|
||||||
.mfp-preloader a {
|
|
||||||
color: #cccccc; }
|
|
||||||
|
|
||||||
.mfp-preloader a:hover {
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.mfp-s-ready .mfp-preloader {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.mfp-s-error .mfp-content {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
button.mfp-close,
|
|
||||||
button.mfp-arrow {
|
|
||||||
overflow: visible;
|
|
||||||
cursor: pointer;
|
|
||||||
border: 0;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
display: block;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 506; }
|
|
||||||
|
|
||||||
button.mfp-close {
|
|
||||||
background: transparent; }
|
|
||||||
|
|
||||||
button::-moz-focus-inner {
|
|
||||||
padding: 0;
|
|
||||||
border: 0; }
|
|
||||||
|
|
||||||
.mfp-close {
|
|
||||||
width: 44px;
|
|
||||||
height: 44px;
|
|
||||||
line-height: 44px;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
opacity: 0.65;
|
|
||||||
padding: 0 0 18px 10px;
|
|
||||||
color: white;
|
|
||||||
font-style: normal;
|
|
||||||
font-size: 28px;
|
|
||||||
font-family: Arial, Baskerville, monospace; }
|
|
||||||
.mfp-close:hover, .mfp-close:focus {
|
|
||||||
opacity: 1; }
|
|
||||||
.mfp-close:active {
|
|
||||||
top: 1px; }
|
|
||||||
|
|
||||||
.mfp-close-btn-in .mfp-close {
|
|
||||||
color: #333333; }
|
|
||||||
|
|
||||||
.mfp-image-holder .mfp-close,
|
|
||||||
.mfp-iframe-holder .mfp-close {
|
|
||||||
color: white;
|
|
||||||
right: -6px;
|
|
||||||
text-align: right;
|
|
||||||
padding-right: 6px;
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
.mfp-counter {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
color: #cccccc;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 18px; }
|
|
||||||
|
|
||||||
.mfp-arrow {
|
|
||||||
.hide-text();
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
opacity: 0.65;
|
|
||||||
margin: 0;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -55px;
|
|
||||||
padding: 0;
|
|
||||||
width: 90px;
|
|
||||||
height: 110px;
|
|
||||||
background-color: @black;
|
|
||||||
.transition(opacity 0.2s ease-in-out);
|
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
||||||
|
|
||||||
.mfp-arrow:active {
|
|
||||||
margin-top: -54px; }
|
|
||||||
|
|
||||||
.mfp-arrow:hover,
|
|
||||||
.mfp-arrow:focus {
|
|
||||||
opacity: 1; }
|
|
||||||
|
|
||||||
.mfp-arrow:before, .mfp-arrow:after,
|
|
||||||
.mfp-arrow .mfp-b,
|
|
||||||
.mfp-arrow .mfp-a {
|
|
||||||
content: '';
|
|
||||||
display: block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
margin-top: 35px;
|
|
||||||
margin-left: 35px;
|
|
||||||
border: solid transparent; }
|
|
||||||
.mfp-arrow:after,
|
|
||||||
.mfp-arrow .mfp-a {
|
|
||||||
opacity: 0.8;
|
|
||||||
border-top-width: 12px;
|
|
||||||
border-bottom-width: 12px;
|
|
||||||
top: 8px; }
|
|
||||||
.mfp-arrow:before,
|
|
||||||
.mfp-arrow .mfp-b {
|
|
||||||
border-top-width: 20px;
|
|
||||||
border-bottom-width: 20px; }
|
|
||||||
|
|
||||||
.mfp-arrow-left {
|
|
||||||
left: 0;
|
|
||||||
.border-radius(5px, 5px, 0, 0); }
|
|
||||||
.mfp-arrow-left:after,
|
|
||||||
.mfp-arrow-left .mfp-a {
|
|
||||||
border-right: 12px solid #fff;
|
|
||||||
left: 5px; }
|
|
||||||
.mfp-arrow-left:before,
|
|
||||||
.mfp-arrow-left .mfp-b {
|
|
||||||
border-right: 20px solid #fff; }
|
|
||||||
|
|
||||||
.mfp-arrow-right {
|
|
||||||
right: 0;
|
|
||||||
.border-radius(0, 0, 5px, 5px); }
|
|
||||||
.mfp-arrow-right:after,
|
|
||||||
.mfp-arrow-right .mfp-a {
|
|
||||||
border-left: 12px solid #fff;
|
|
||||||
left: 3px; }
|
|
||||||
.mfp-arrow-right:before,
|
|
||||||
.mfp-arrow-right .mfp-b {
|
|
||||||
border-left: 20px solid #fff; }
|
|
||||||
|
|
||||||
.mfp-iframe-holder {
|
|
||||||
padding-top: 40px;
|
|
||||||
padding-bottom: 40px; }
|
|
||||||
|
|
||||||
.mfp-iframe-holder .mfp-content {
|
|
||||||
line-height: 0;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 900px; }
|
|
||||||
|
|
||||||
.mfp-iframe-scaler {
|
|
||||||
width: 100%;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-top: 56.25%; }
|
|
||||||
|
|
||||||
.mfp-iframe-scaler iframe {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
|
||||||
background: black; }
|
|
||||||
|
|
||||||
.mfp-iframe-holder .mfp-close {
|
|
||||||
top: -40px; }
|
|
||||||
|
|
||||||
/* Main image in popup */
|
|
||||||
img.mfp-img {
|
|
||||||
width: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
display: block;
|
|
||||||
line-height: 0;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 40px 0 40px;
|
|
||||||
margin: 0 auto; }
|
|
||||||
|
|
||||||
/* The shadow behind the image */
|
|
||||||
.mfp-figure:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 40px;
|
|
||||||
bottom: 40px;
|
|
||||||
display: block;
|
|
||||||
right: 0;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
z-index: -1;
|
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
|
|
||||||
|
|
||||||
.mfp-figure {
|
|
||||||
line-height: 0; }
|
|
||||||
|
|
||||||
.mfp-bottom-bar {
|
|
||||||
margin-top: -36px;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
cursor: auto; }
|
|
||||||
|
|
||||||
.mfp-title {
|
|
||||||
text-align: left;
|
|
||||||
line-height: 18px;
|
|
||||||
color: #f3f3f3; }
|
|
||||||
|
|
||||||
.mfp-figure small {
|
|
||||||
color: #bdbdbd;
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 14px; }
|
|
||||||
|
|
||||||
.mfp-image-holder .mfp-content {
|
|
||||||
max-width: 100%; }
|
|
||||||
|
|
||||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
|
||||||
/**
|
|
||||||
* Remove all paddings around the image on small screen
|
|
||||||
*/
|
|
||||||
.mfp-img-mobile .mfp-image-holder {
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0; }
|
|
||||||
|
|
||||||
.mfp-img-mobile img.mfp-img {
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
/* The shadow behind the image */
|
|
||||||
.mfp-img-mobile .mfp-figure:after {
|
|
||||||
top: 0;
|
|
||||||
bottom: 0; }
|
|
||||||
|
|
||||||
.mfp-img-mobile .mfp-bottom-bar {
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
bottom: 0;
|
|
||||||
margin: 0;
|
|
||||||
top: auto;
|
|
||||||
padding: 3px 5px;
|
|
||||||
position: fixed;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box; }
|
|
||||||
|
|
||||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.mfp-img-mobile .mfp-counter {
|
|
||||||
right: 5px;
|
|
||||||
top: 3px; }
|
|
||||||
|
|
||||||
.mfp-img-mobile .mfp-close {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 35px;
|
|
||||||
height: 35px;
|
|
||||||
line-height: 35px;
|
|
||||||
background: rgba(0, 0, 0, 0.6);
|
|
||||||
position: fixed;
|
|
||||||
text-align: center;
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.mfp-img-mobile .mfp-figure small {
|
|
||||||
display: inline;
|
|
||||||
margin-left: 5px; } }
|
|
||||||
@media all and (max-width: 800px) {
|
|
||||||
.mfp-arrow {
|
|
||||||
-webkit-transform: scale(0.75);
|
|
||||||
transform: scale(0.75); }
|
|
||||||
|
|
||||||
.mfp-arrow-left {
|
|
||||||
-webkit-transform-origin: 0;
|
|
||||||
transform-origin: 0; }
|
|
||||||
|
|
||||||
.mfp-arrow-right {
|
|
||||||
-webkit-transform-origin: 100%;
|
|
||||||
transform-origin: 100%; }
|
|
||||||
|
|
||||||
.mfp-container {
|
|
||||||
padding-left: 6px;
|
|
||||||
padding-right: 6px; } }
|
|
||||||
.mfp-ie7 .mfp-img {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-ie7 .mfp-bottom-bar {
|
|
||||||
width: 600px;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -300px;
|
|
||||||
margin-top: 5px;
|
|
||||||
padding-bottom: 5px; }
|
|
||||||
.mfp-ie7 .mfp-container {
|
|
||||||
padding: 0; }
|
|
||||||
.mfp-ie7 .mfp-content {
|
|
||||||
padding-top: 44px; }
|
|
||||||
.mfp-ie7 .mfp-close {
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
padding-top: 0; }
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Fade-zoom animation for first dialog
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* start state */
|
|
||||||
.mfp-fade .zoom-anim-dialog {
|
|
||||||
opacity: 0;
|
|
||||||
.transition(all 0.2s ease-in-out);
|
|
||||||
.scale(0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* animate in */
|
|
||||||
.mfp-fade.mfp-ready .zoom-anim-dialog {
|
|
||||||
opacity: 1;
|
|
||||||
.scale(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* animate out */
|
|
||||||
.mfp-fade.mfp-removing .zoom-anim-dialog {
|
|
||||||
.scale(0.8);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dark overlay, start state */
|
|
||||||
.mfp-fade.mfp-bg {
|
|
||||||
opacity: 0;
|
|
||||||
.transition(opacity 0.3s ease-out);
|
|
||||||
}
|
|
||||||
/* animate in */
|
|
||||||
.mfp-fade.mfp-ready.mfp-bg {
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
/* animate out */
|
|
||||||
.mfp-fade.mfp-removing.mfp-bg {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
|
@ -1,39 +0,0 @@
|
||||||
// ===========================================================
|
|
||||||
// Minimal Mistakes
|
|
||||||
// By: Michael Rose
|
|
||||||
// ===========================================================/
|
|
||||||
|
|
||||||
// ROOT =======================================================
|
|
||||||
/* CSS Normalize =========================================== */
|
|
||||||
@import "normalize.less";
|
|
||||||
/* Variables and mixins ==================================== */
|
|
||||||
@import "variables.less";
|
|
||||||
/* Site wide styles (html, body, global classes) =========== */
|
|
||||||
@import "site.less";
|
|
||||||
// TYPOGRAPHY =================================================
|
|
||||||
@import "typography.less";
|
|
||||||
/* Pygments Syntax highlighting ============================= */
|
|
||||||
@import "pygments.less";
|
|
||||||
// Coderay Syntax highlighting ===============================
|
|
||||||
@import "coderay.less";
|
|
||||||
// MIXINS =====================================================
|
|
||||||
@import "mixins.less";
|
|
||||||
@import "grid.less";
|
|
||||||
// ELEMENTS ===================================================
|
|
||||||
/* Figures, images, social media, other elements =========== */
|
|
||||||
@import "elements.less";
|
|
||||||
/* Font Awesome icons ====================================== */
|
|
||||||
@import "font-awesome/font-awesome.less";
|
|
||||||
/* Standard form controls ================================== */
|
|
||||||
@import "forms.less";
|
|
||||||
// LAYOUT =====================================================
|
|
||||||
/* Page level layout styles ================================ */
|
|
||||||
@import "page.less";
|
|
||||||
// PLUGINS ===================================================
|
|
||||||
/* jQuery Magnific-Popup =================================== */
|
|
||||||
@import "magnific-popup.less";
|
|
||||||
// MEDIA QUERIES ==============================================
|
|
||||||
/* Print =================================================== */
|
|
||||||
@media print {
|
|
||||||
@import "print.less";
|
|
||||||
}
|
|
|
@ -1,310 +0,0 @@
|
||||||
// UTILITY MIXINS
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Clearfix
|
|
||||||
// --------------------
|
|
||||||
// For clearing floats like a boss h5bp.com/q
|
|
||||||
.clearfix {
|
|
||||||
*zoom: 1;
|
|
||||||
&:before,
|
|
||||||
&:after {
|
|
||||||
display: table;
|
|
||||||
content: "";
|
|
||||||
// Fixes Opera/contenteditable bug:
|
|
||||||
// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Webkit-style focus
|
|
||||||
// --------------------
|
|
||||||
.tab-focus() {
|
|
||||||
// Default
|
|
||||||
outline: thin dotted #333;
|
|
||||||
// Webkit
|
|
||||||
outline: 5px auto -webkit-focus-ring-color;
|
|
||||||
outline-offset: -2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Center-align a block level element
|
|
||||||
// ----------------------------------
|
|
||||||
.center-block() {
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// TYPOGRAPHY
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Full-fat vertical rhythm
|
|
||||||
// ------------------------
|
|
||||||
.font-size(@size) {
|
|
||||||
font-size: 0px + @size;
|
|
||||||
font-size: 0rem + @size / @doc-font-size;
|
|
||||||
line-height: 0 + round(@doc-line-height / @size*10000) / 10000;
|
|
||||||
margin-bottom: 0px + @doc-line-height;
|
|
||||||
margin-bottom: 0rem + (@doc-line-height / @doc-font-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Just the REMs
|
|
||||||
// -------------
|
|
||||||
.font-rem(@size) {
|
|
||||||
font-size: 0px + @size;
|
|
||||||
font-size: 0rem + @size / @doc-font-size;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Just font-size and line-height
|
|
||||||
// ------------------------------
|
|
||||||
.font(@size) {
|
|
||||||
font-size: 0px + @size;
|
|
||||||
font-size: 0rem + @size / @doc-font-size;
|
|
||||||
line-height: 0 + round(@doc-line-height / @size*10000) / 10000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-overflow() {
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap; }
|
|
||||||
|
|
||||||
@indent-var: 0rem + (@doc-line-height / @doc-font-size);
|
|
||||||
|
|
||||||
// GRADIENTS
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
.horizontal(@startColor : @white, @endColor : @lightergrey) {
|
|
||||||
background-color: @endColor;
|
|
||||||
background-image : -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
|
||||||
background-image : -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image : -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
|
||||||
background-image : -ms-linear-gradient(left, @startColor, @endColor); // IE10
|
|
||||||
background-image : -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
|
||||||
background-image : linear-gradient(left, @startColor, @endColor); // W3C
|
|
||||||
background-repeat : repeat-x; }
|
|
||||||
|
|
||||||
.vertical(@startColor : @white, @endColor: @lightergrey) {
|
|
||||||
background-image : -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
|
||||||
background-image : -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
||||||
background-color : @endColor;
|
|
||||||
background-image : -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
|
||||||
background-image : -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
|
||||||
background-image : -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
|
||||||
background-image : linear-gradient(top, @startColor, @endColor); // W3C
|
|
||||||
background-repeat : repeat-x; }
|
|
||||||
|
|
||||||
.directional(@startColor : @white, @endColor : @lightergrey, @deg : 45deg) {
|
|
||||||
background-color : @endColor;
|
|
||||||
background-image : -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
|
||||||
background-image : -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
|
|
||||||
background-image : -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image : -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
|
||||||
background-image : linear-gradient(@deg, @startColor, @endColor); // W3C
|
|
||||||
background-repeat : repeat-x; }
|
|
||||||
|
|
||||||
// .bordered(COLOR, COLOR, COLOR, COLOR);
|
|
||||||
.bordered(@top-color: #eee, @right-color: #eee, @bottom-color: #eee, @left-color: #eee) {
|
|
||||||
border-top : solid 1px @top-color;
|
|
||||||
border-left : solid 1px @left-color;
|
|
||||||
border-right : solid 1px @right-color;
|
|
||||||
border-bottom : solid 1px @bottom-color; }
|
|
||||||
|
|
||||||
// ROUND CORNERS
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// .rounded(VALUE);
|
|
||||||
.rounded(@radius:4px) {
|
|
||||||
-webkit-border-radius : @radius;
|
|
||||||
-moz-border-radius : @radius;
|
|
||||||
border-radius : @radius; }
|
|
||||||
|
|
||||||
// .border-radius(VALUE,VALUE,VALUE,VALUE);
|
|
||||||
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
|
|
||||||
-webkit-border-top-right-radius : @topright;
|
|
||||||
-webkit-border-bottom-right-radius : @bottomright;
|
|
||||||
-webkit-border-bottom-left-radius : @bottomleft;
|
|
||||||
-webkit-border-top-left-radius : @topleft;
|
|
||||||
-moz-border-radius-topright : @topright;
|
|
||||||
-moz-border-radius-bottomright : @bottomright;
|
|
||||||
-moz-border-radius-bottomleft : @bottomleft;
|
|
||||||
-moz-border-radius-topleft : @topleft;
|
|
||||||
border-top-right-radius : @topright;
|
|
||||||
border-bottom-right-radius : @bottomright;
|
|
||||||
border-bottom-left-radius : @bottomleft;
|
|
||||||
border-top-left-radius : @topleft;
|
|
||||||
-webkit-background-clip : padding-box;
|
|
||||||
-moz-background-clip : padding;
|
|
||||||
background-clip : padding-box; }
|
|
||||||
|
|
||||||
// .box-shadow(HORIZONTAL VERTICAL BLUR COLOR))
|
|
||||||
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
|
||||||
-webkit-box-shadow : @shadow;
|
|
||||||
-moz-box-shadow : @shadow;
|
|
||||||
box-shadow : @shadow; }
|
|
||||||
|
|
||||||
// .drop-shadow(HORIZONTAL, VERTICAL, BLUR, ALPHA);
|
|
||||||
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
|
|
||||||
-webkit-box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
|
|
||||||
-moz-box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
|
|
||||||
box-shadow : @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); }
|
|
||||||
|
|
||||||
// .text-shadow();
|
|
||||||
.text-shadow(@shadow: 0 2px 3px rgba(0,0,0,.25)) {
|
|
||||||
text-shadow : @shadow; }
|
|
||||||
|
|
||||||
// .opacity(VALUE);
|
|
||||||
.opacity(@opacity : .5) {
|
|
||||||
-webkit-opacity : @opacity;
|
|
||||||
-moz-opacity : @opacity;
|
|
||||||
opacity : @opacity; }
|
|
||||||
|
|
||||||
// TRANSFORMATIONS
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// .rotate(VALUEdeg);
|
|
||||||
.rotate(@deg) {
|
|
||||||
-webkit-transform : rotate(@deg);
|
|
||||||
-moz-transform : rotate(@deg);
|
|
||||||
-ms-transform : rotate(@deg);
|
|
||||||
-o-transform : rotate(@deg);
|
|
||||||
transform : rotate(@deg); }
|
|
||||||
|
|
||||||
// .scale(VALUE);
|
|
||||||
.scale(@ratio) {
|
|
||||||
-webkit-transform : scale(@ratio);
|
|
||||||
-moz-transform : scale(@ratio);
|
|
||||||
-ms-transform : scale(@ratio);
|
|
||||||
-o-transform : scale(@ratio);
|
|
||||||
transform : scale(@ratio); }
|
|
||||||
|
|
||||||
// .skew(VALUE, VALUE);
|
|
||||||
.skew(@x: 0, @y: 0) {
|
|
||||||
-webkit-transform : skew(@x, @y);
|
|
||||||
-moz-transform : skew(@x, @y);
|
|
||||||
-ms-transform : skew(@x, @y);
|
|
||||||
-o-transform : skew(@x, @y);
|
|
||||||
transform : skew(@x, @y); }
|
|
||||||
|
|
||||||
// .transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION);
|
|
||||||
.transition(@transition) {
|
|
||||||
-webkit-transition : @transition;
|
|
||||||
-moz-transition : @transition;
|
|
||||||
-ms-transition : @transition;
|
|
||||||
-o-transition : @transition;
|
|
||||||
transition : @transition; }
|
|
||||||
|
|
||||||
// .translate(VALUE, VALUE)
|
|
||||||
.translate(@x: 0, @y: 0) {
|
|
||||||
-webkit-transform : translate(@x, @y);
|
|
||||||
-moz-transform : translate(@x, @y);
|
|
||||||
-ms-transform : translate(@x, @y);
|
|
||||||
-o-transform : translate(@x, @y);
|
|
||||||
transform : translate(@x, @y); }
|
|
||||||
|
|
||||||
.translate3d(@x: 0, @y: 0, @z: 0) {
|
|
||||||
-webkit-transform : translate(@x, @y, @z);
|
|
||||||
-moz-transform : translate(@x, @y, @z);
|
|
||||||
-ms-transform : translate(@x, @y, @z);
|
|
||||||
-o-transform : translate(@x, @y, @z);
|
|
||||||
transform : translate(@x, @y, @z); }
|
|
||||||
|
|
||||||
.animation(@name, @duration: 300ms, @delay: 0, @ease: ease) {
|
|
||||||
-webkit-animation: @name @duration @delay @ease;
|
|
||||||
-moz-animation: @name @duration @delay @ease;
|
|
||||||
-ms-animation: @name @duration @delay @ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
// BACKGROUND
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// .background-alpha(VALUE VALUE);
|
|
||||||
.background-alpha(@color: @white, @alpha: 1) {
|
|
||||||
background-color : hsla(hue(@color), saturation(@color), lightness(@color), @alpha); }
|
|
||||||
|
|
||||||
// .background-size(VALUE VALUE);
|
|
||||||
.background-size(@size){
|
|
||||||
-webkit-background-size : @size;
|
|
||||||
-moz-background-size : @size;
|
|
||||||
-o-background-size : @size;
|
|
||||||
background-size : @size; }
|
|
||||||
|
|
||||||
// .background-clip(VALUE); (border-box, padding-box, content-box)
|
|
||||||
.background-clip(@clip) {
|
|
||||||
-webkit-background-clip : @clip;
|
|
||||||
-moz-background-clip : @clip;
|
|
||||||
background-clip : @clip; }
|
|
||||||
|
|
||||||
// .box-sizing(VALUE); (border-box, padding-box, content-box)
|
|
||||||
.box-sizing(@boxsize: border-box) {
|
|
||||||
-webkit-box-sizing : @boxsize;
|
|
||||||
-moz-box-sizing : @boxsize;
|
|
||||||
-ms-box-sizing : @boxsize;
|
|
||||||
box-sizing : @boxsize; }
|
|
||||||
|
|
||||||
// For image replacement
|
|
||||||
.hide-text() {
|
|
||||||
text-indent : 100%;
|
|
||||||
white-space : nowrap;
|
|
||||||
overflow : hidden; }
|
|
||||||
|
|
||||||
// Hide from visual and speaking browsers
|
|
||||||
.hidden() {
|
|
||||||
display : none !important;
|
|
||||||
visibility : hidden; }
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide but maintain layout
|
|
||||||
.invisible() {
|
|
||||||
visibility : hidden; }
|
|
||||||
|
|
||||||
// .resize(VALUE) (none, both, horizontal, vertical, inherit)
|
|
||||||
.resize(@direction: both) {
|
|
||||||
resize : @direction;
|
|
||||||
overflow : auto; }
|
|
||||||
|
|
||||||
// .userselect(VALUE) (all, element, none, text)
|
|
||||||
.user-select(@select) {
|
|
||||||
-webkit-user-select : @select;
|
|
||||||
-moz-user-select : @select;
|
|
||||||
-o-user-select : @select;
|
|
||||||
user-select : @select; }
|
|
||||||
|
|
||||||
// Hidden but available to speaking browsers
|
|
||||||
.visuallyhidden() {
|
|
||||||
overflow : hidden;
|
|
||||||
position : absolute;
|
|
||||||
clip : rect(0 0 0 0);
|
|
||||||
height : 1px;
|
|
||||||
width : 1px;
|
|
||||||
margin : -1px;
|
|
||||||
padding : 0;
|
|
||||||
border : 0; }
|
|
||||||
|
|
||||||
// Make visuallyhidden focusable with a keyboard
|
|
||||||
.visuallyhidden.focusable:active,
|
|
||||||
.visuallyhidden.focusable:focus {
|
|
||||||
position : static;
|
|
||||||
clip : auto;
|
|
||||||
height : auto;
|
|
||||||
width : auto;
|
|
||||||
margin : 0;
|
|
||||||
overflow: visible; }
|
|
||||||
|
|
||||||
|
|
||||||
// MEDIA QUERIES
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
@480px: ~"only screen and (min-width: 30em)";
|
|
||||||
@600px: ~"only screen and (min-width: 37.5em)";
|
|
||||||
@768px: ~"only screen and (min-width: 48em)";
|
|
||||||
@992px: ~"only screen and (min-width: 62em)";
|
|
||||||
@1382px: ~"only screen and (min-width: 86.375em)";
|
|
||||||
@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
|
|
||||||
~"only screen and (-o-min-device-pixel-ratio: 3/2)",
|
|
||||||
~"only screen and (min-resolution: 144dpi)",
|
|
||||||
~"only screen and (min-resolution: 1.5dppx)";
|
|
|
@ -1,34 +0,0 @@
|
||||||
// TYPOGRAPHY ================================================
|
|
||||||
@doc-font-size: 16;
|
|
||||||
@doc-line-height: 26;
|
|
||||||
@base-font: 'PT Serif', serif;
|
|
||||||
@heading-font: 'PT Sans Narrow', sans-serif;
|
|
||||||
@code-font: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
|
|
||||||
@alt-font: @base-font;
|
|
||||||
|
|
||||||
// COLOR ======================================================
|
|
||||||
@bodycolor : #fff;
|
|
||||||
@body-color : @bodycolor;
|
|
||||||
@textcolor : #333332;
|
|
||||||
@text-color : @textcolor;
|
|
||||||
@border-color : @text-color;
|
|
||||||
@basecolor : #343434;
|
|
||||||
@compcolor : spin(@basecolor, 180);
|
|
||||||
@bordercolor : @basecolor;
|
|
||||||
@white : #fff;
|
|
||||||
@black : #111;
|
|
||||||
@accentcolor : @black;
|
|
||||||
|
|
||||||
// Buttons
|
|
||||||
@primary : @black;
|
|
||||||
@success : #5cb85c;
|
|
||||||
@warning : #dd8338;
|
|
||||||
@danger : #C64537;
|
|
||||||
@info : #308cbc;
|
|
||||||
|
|
||||||
// Links
|
|
||||||
@linkcolor : #343434;
|
|
||||||
@link-color: @linkcolor;
|
|
||||||
@linkcolorhover : darken(@linkcolor, 10);
|
|
||||||
@linkcolorvisited : lighten(@linkcolorhover, 20);
|
|
||||||
@linkcolorfocus : darken(@linkcolorvisited, 10);
|
|
Loading…
Reference in a new issue