Update to Initial Skeleton for Jekyll
Update a bunch of files to get ready for Jekyll.master
parent
6f41a9f87a
commit
eba3262d55
@ -1,9 +0,0 @@
|
||||
---
|
||||
layout: 404
|
||||
title: 404 - Not Found
|
||||
---
|
||||
|
||||
## !( Page or Article )
|
||||
|
||||
The url you have tried is not a page or article on this site. Maybe going back to the [index](/index.html) will help.
|
||||
|
@ -0,0 +1,8 @@
|
||||
---
|
||||
layout: notFound
|
||||
title: 404 - Not Found
|
||||
---
|
||||
|
||||
# !Resource
|
||||
|
||||
The url you have tried is not a page, post, image, etc... on this site. Maybe going back to the [index]({{ site.url }}/index.html) will help.
|
@ -0,0 +1,4 @@
|
||||
source 'https://rubygems.org'
|
||||
require 'rbconfig'
|
||||
gem 'wdm', '>=0.1.0' if RbConfig::CONFIG['target_os'] =~ /mswin|mingw/i
|
||||
gem 'github-pages'
|
@ -0,0 +1,64 @@
|
||||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
RedCloth (4.2.9-x86-mingw32)
|
||||
blankslate (2.1.2.4)
|
||||
classifier (1.3.4)
|
||||
fast-stemmer (>= 1.0.0)
|
||||
colorator (0.1)
|
||||
commander (4.1.5)
|
||||
highline (~> 1.6.11)
|
||||
fast-stemmer (1.0.2)
|
||||
ffi (1.9.3-x86-mingw32)
|
||||
github-pages (12)
|
||||
RedCloth (= 4.2.9)
|
||||
jekyll (= 1.4.2)
|
||||
kramdown (= 1.2.0)
|
||||
liquid (= 2.5.4)
|
||||
maruku (= 0.7.0)
|
||||
rdiscount (= 2.1.7)
|
||||
redcarpet (= 2.3.0)
|
||||
highline (1.6.20)
|
||||
jekyll (1.4.2)
|
||||
classifier (~> 1.3)
|
||||
colorator (~> 0.1)
|
||||
commander (~> 4.1.3)
|
||||
liquid (~> 2.5.2)
|
||||
listen (~> 1.3)
|
||||
maruku (~> 0.7.0)
|
||||
pygments.rb (~> 0.5.0)
|
||||
redcarpet (~> 2.3.0)
|
||||
safe_yaml (~> 0.9.7)
|
||||
toml (~> 0.1.0)
|
||||
kramdown (1.2.0)
|
||||
liquid (2.5.4)
|
||||
listen (1.3.1)
|
||||
rb-fsevent (>= 0.9.3)
|
||||
rb-inotify (>= 0.9)
|
||||
rb-kqueue (>= 0.2)
|
||||
maruku (0.7.0)
|
||||
parslet (1.5.0)
|
||||
blankslate (~> 2.0)
|
||||
posix-spawn (0.3.8)
|
||||
pygments.rb (0.5.4)
|
||||
posix-spawn (~> 0.3.6)
|
||||
yajl-ruby (~> 1.1.0)
|
||||
rb-fsevent (0.9.4)
|
||||
rb-inotify (0.9.3)
|
||||
ffi (>= 0.5.0)
|
||||
rb-kqueue (0.2.0)
|
||||
ffi (>= 0.5.0)
|
||||
rdiscount (2.1.7)
|
||||
redcarpet (2.3.0)
|
||||
safe_yaml (0.9.7)
|
||||
toml (0.1.0)
|
||||
parslet (~> 1.5.0)
|
||||
wdm (0.1.0)
|
||||
yajl-ruby (1.1.0-x86-mingw32)
|
||||
|
||||
PLATFORMS
|
||||
x86-mingw32
|
||||
|
||||
DEPENDENCIES
|
||||
github-pages
|
||||
wdm (>= 0.1.0)
|
@ -1,23 +1,27 @@
|
||||
# General
|
||||
safe: true
|
||||
safe: false
|
||||
timezone: America/Indiana/Indianapolis
|
||||
lsi: true
|
||||
lsi: false
|
||||
|
||||
# Excludes
|
||||
exclude: ['Readme.md', 'config.rb', 'scss']
|
||||
exclude: ['Readme.md', 'config.rb', 'scss', 'Gemfile', 'Gemfile.lock', 'bower_components', 'node_modules', 'Gruntfile.js', 'package.json', 'bower.json']
|
||||
|
||||
# Code highlighting
|
||||
pygments: true
|
||||
|
||||
# links and paginate
|
||||
permalink: date
|
||||
pagination: 20
|
||||
paginate: 20
|
||||
paginate_path: 'page:num'
|
||||
|
||||
# Markdown
|
||||
markdown: redcarpet
|
||||
markdown_ext: markdown, md
|
||||
redcarpet:
|
||||
smart: true
|
||||
extensions: ['no_intra_emphasis', 'tables', 'disable_indented_code_blocks', 'strikethrough', 'superscript', 'underline']
|
||||
|
||||
#extensions: ['no_intra_emphasis', 'tables', 'disable_indented_code_blocks', 'strikethrough', 'superscript', 'underline']
|
||||
|
||||
# Extra Variables
|
||||
owner:
|
||||
name: Andrew Senetar
|
||||
email: arsenetar@gmail.com
|
||||
title: VoltaicIdeas
|
||||
|
@ -0,0 +1,4 @@
|
||||
- name: github
|
||||
link: https://github.com/arsenetar
|
||||
- name: linkedin
|
||||
link: http://www.linkedin.com/in/arsenetar
|
@ -0,0 +1,8 @@
|
||||
<div id="footer" class="row">
|
||||
<div class="small-12 columns text-right">
|
||||
<p>© {{ site.owner.name }} 2013 - {{ site.time | date: '%Y'}} Powered by <a href="http://jekyllrb.com">Jekyll</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ site.url }}/assets/js/app-concat.js"></script>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="no-js" lang="en" >
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% if page.title != nil %}{{ page.title }} - {% endif %}{{ site.title }}</title>
|
||||
|
||||
<meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
|
||||
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
|
||||
|
||||
<link href="{{ site.url }}/atom.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
|
||||
{% if site.owner.google_plus %}<link rel="author" href="{{ site.owner.google_plus }}?rel=author">{% endif %}
|
||||
|
||||
<!-- Style Sheets -->
|
||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/app.css">
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css' >
|
||||
<meta http-equiv="cleartype" content="on">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="{{ site.url }}/favicon.ico" >
|
||||
|
||||
<!-- Modernizr -->
|
||||
<script src="{{ site.url }}/assets/js/modernizr.js"></script>
|
||||
|
||||
<!-- Capture a header image -->
|
||||
{% if page.feature or site.feature %}
|
||||
{% capture feature %}{% if page.feature %}{{ page.feature }}{% else %}{{ site.feature }}{% endif %}{% endcapture %}
|
||||
{% unless feature.url contains 'http://' or feature.url contains 'https://' %}{% capture feature %}{{ site.url }}/images/{{ feature.url }}{% endcapture %}{% endunless %}
|
||||
{% endif %}
|
||||
</head>
|
||||
<body>
|
||||
<div class="contain-to-grid">
|
||||
<nav class="top-bar" data-topbar>
|
||||
<ul class="title-area">
|
||||
<li class="name">
|
||||
<h1><a href="{{ site.url }}/">{{ site.title | uppercase }}</a></h1>
|
||||
</li>
|
||||
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
|
||||
</ul>
|
||||
|
||||
<section class="top-bar-section">
|
||||
<!-- Left Nav Section -->
|
||||
<ul class="left">
|
||||
<li><a href="{{ site.url }}/About/">About</a></li>
|
||||
</ul>
|
||||
|
||||
<!-- Right Nav Section -->
|
||||
<ul class="right">
|
||||
{% for social in site.data.social %}
|
||||
<li class="social">
|
||||
<a href="{{ social.link }}">
|
||||
<i class="large icon-{{ social.name }}"></i>
|
||||
<span>{{ social.name | capitalize}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
</nav>
|
||||
</div>
|
@ -0,0 +1,8 @@
|
||||
{% include header.html %}
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<h1>{{ page.title }}</h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
{% include footer.html %}
|
@ -0,0 +1,7 @@
|
||||
{% include header.html %}
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
{% include footer.html %}
|
@ -0,0 +1,3 @@
|
||||
{% include header.html %}
|
||||
{{ content }}
|
||||
{% include footer.html %}
|
@ -0,0 +1,3 @@
|
||||
/css/*
|
||||
/bower_components/*
|
||||
/node_modules/*
|
@ -0,0 +1,58 @@
|
||||
module.exports = function(grunt) {
|
||||
grunt.initConfig({
|
||||
pkg: grunt.file.readJSON('package.json'),
|
||||
|
||||
sass: {
|
||||
options: {
|
||||
includePaths: ['bower_components/foundation/scss']
|
||||
},
|
||||
dist: {
|
||||
options: {
|
||||
outputStyle: 'compact',
|
||||
lineNumbers: true
|
||||
},
|
||||
files: {
|
||||
'css/app.css': 'scss/app.scss'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
concat: {
|
||||
app: {
|
||||
src: ['bower_components/jquery/jquery.min.js', 'bower_components/foundation/js/foundation.min.js', 'js/app.js'],
|
||||
dest: 'js/app-concat.js'
|
||||
},
|
||||
},
|
||||
|
||||
copy: {
|
||||
main: {
|
||||
expand: true,
|
||||
flatten: true,
|
||||
src: ['bower_components/modernizr/modernizr.js', 'bower_components/jquery/jquery.min.map'],
|
||||
dest: 'js/'
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
grunt: { files: ['Gruntfile.js'] },
|
||||
|
||||
sass: {
|
||||
files: 'scss/**/*.scss',
|
||||
tasks: ['sass']
|
||||
},
|
||||
|
||||
concat: {
|
||||
files: 'js/app.js',
|
||||
tasks: ['concat']
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
grunt.loadNpmTasks('grunt-sass');
|
||||
grunt.loadNpmTasks('grunt-contrib-concat');
|
||||
grunt.loadNpmTasks('grunt-contrib-copy');
|
||||
grunt.loadNpmTasks('grunt-contrib-watch');
|
||||
|
||||
grunt.registerTask('build', ['sass', 'concat', 'copy']);
|
||||
grunt.registerTask('default', ['build','watch']);
|
||||
}
|
@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "foundation-libsass-template",
|
||||
"dependencies": {
|
||||
"foundation": "zurb/bower-foundation"
|
||||
}
|
||||
}
|
@ -0,0 +1,25 @@
|
||||
# Require any additional compass plugins here.
|
||||
add_import_path "bower_components/foundation/scss"
|
||||
|
||||
# Set this to the root of your project when deployed:
|
||||
http_path = "/"
|
||||
css_dir = "css"
|
||||
sass_dir = "scss"
|
||||
images_dir = "images"
|
||||
javascripts_dir = "js"
|
||||
|
||||
# You can select your preferred output style here (can be overridden via the command line):
|
||||
output_style = :compact
|
||||
|
||||
# To enable relative paths to assets via compass helper functions. Uncomment:
|
||||
# relative_assets = true
|
||||
|
||||
# To disable debugging comments that display the original location of your selectors. Uncomment:
|
||||
# line_comments = false
|
||||
|
||||
|
||||
# If you prefer the indented syntax, you might want to regenerate this
|
||||
# project again passing --syntax sass, or you can uncomment this:
|
||||
# preferred_syntax = :sass
|
||||
# and then run:
|
||||
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
|
Binary file not shown.
@ -0,0 +1,35 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata>
|
||||
<defs>
|
||||
<font id="voltaicideas" horiz-adv-x="1000" >
|
||||
<font-face font-family="voltaicideas" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
|
||||
<missing-glyph horiz-adv-x="1000" />
|
||||
<glyph glyph-name="mail" unicode="" d="m929 11v428q-18-20-39-37q-149-114-238-188q-28-24-46-38t-48-27t-57-13h-2q-26 0-57 13t-48 27t-46 38q-88 74-238 188q-21 17-39 37v-428q0-8 6-13t12-5h822q7 0 12 5t6 13z m0 586v14t-1 7t-1 7t-3 5t-5 4t-8 2h-822q-7 0-12-6t-6-12q0-94 82-159q108-85 224-177q4-2 20-16t25-21t25-18t28-15t24-5h2q11 0 24 5t28 15t25 18t25 21t20 16q116 92 224 177q30 24 56 65t26 73z m71 21v-607q0-37-26-63t-63-27h-822q-36 0-63 27t-26 63v607q0 37 26 63t63 26h822q37 0 63-26t26-63z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="youtube" unicode="" d="m542 156v-118q0-37-22-37q-13 0-25 12v168q12 12 25 12q22 0 22-37z m188-1v-25h-50v25q0 38 25 38t25-38z m-539 122h60v52h-174v-52h59v-318h55v318z m161-318h50v276h-50v-211q-17-23-32-23q-10 0-11 11q-1 2-1 20v203h-50v-218q0-28 5-41q7-21 32-21q27 0 57 34v-30z m240 83v110q0 41-5 55q-10 31-40 31q-28 0-52-30v121h-50v-370h50v27q25-31 52-31q30 0 40 31q5 15 5 56z m188 6v7h-51q0-29-1-34q-4-20-22-20q-26 0-26 38v49h100v57q0 44-15 65q-22 28-59 28q-38 0-60-28q-15-21-15-65v-96q0-44 16-65q22-29 60-29q40 0 60 30q10 15 12 30q1 5 1 33z m-339 509v117q0 39-24 39t-24-39v-117q0-39 24-39t24 39z m401-419q0-131-14-195q-8-33-33-56t-57-25q-102-12-309-12t-310 12q-32 3-57 25t-32 56q-15 62-15 195q0 131 15 195q7 33 32 56t57 26q103 11 310 11t309-11q33-4 57-26t33-56q14-62 14-195z m-557 712h57l-67-223v-151h-56v151q-8 42-34 119q-21 57-37 104h60l39-147z m207-186v-97q0-46-16-66q-21-29-59-29q-38 0-59 29q-15 21-15 66v97q0 45 15 65q21 29 59 29q38 0 59-29q16-20 16-65z m187 91v-279h-51v31q-30-35-58-35q-25 0-33 21q-4 13-4 42v220h51v-205q0-19 0-20q2-12 12-12q15 0 32 24v213h51z" horiz-adv-x="857.1" />
|
||||
<glyph glyph-name="ok" unicode="" d="m932 534q0-22-15-38l-404-404l-76-76q-16-15-38-15t-38 15l-76 76l-202 202q-15 16-15 38t15 38l76 76q16 16 38 16t38-16l164-165l366 367q16 16 38 16t38-16l76-76q15-16 15-38z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="cancel" unicode="" d="m724 112q0-22-15-38l-76-76q-16-15-38-15t-38 15l-164 165l-164-165q-16-15-38-15t-38 15l-76 76q-16 16-16 38t16 38l164 164l-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164l164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164l164-164q15-15 15-38z" horiz-adv-x="785.7" />
|
||||
<glyph glyph-name="link-ext" unicode="" d="m786 332v-178q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h393q7 0 12-5t5-13v-36q0-8-5-13t-12-5h-393q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v178q0 8 5 13t13 5h36q8 0 13-5t5-13z m214 482v-285q0-15-11-26t-25-10t-25 10l-98 99l-364-364q-5-6-13-6t-13 6l-63 63q-6 6-6 13t6 13l364 364l-99 98q-10 11-10 25t10 25t26 11h285q15 0 25-11t11-25z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="bookmark" unicode="" d="m650 779q12 0 24-5q19-8 29-23t11-35v-719q0-19-11-35t-29-23q-10-4-24-4q-27 0-47 18l-246 236l-246-236q-20-19-46-19q-13 0-25 5q-18 7-29 23t-11 35v719q0 19 11 35t29 23q12 5 25 5h585z" horiz-adv-x="714.3" />
|
||||
<glyph glyph-name="bookmark-empty" unicode="" d="m643 707h-572v-693l237 227l49 47l50-47l236-227v693z m7 72q12 0 24-5q19-8 29-23t11-35v-719q0-19-11-35t-29-23q-10-4-24-4q-27 0-47 18l-246 236l-246-236q-20-19-46-19q-13 0-25 5q-18 7-29 23t-11 35v719q0 19 11 35t29 23q12 5 25 5h585z" horiz-adv-x="714.3" />
|
||||
<glyph glyph-name="code" unicode="" d="m344 69l-28-28q-5-5-12-5t-13 5l-260 260q-6 6-6 13t6 13l260 260q5 6 13 6t12-6l28-28q6-5 6-13t-6-12l-219-220l219-219q6-6 6-13t-6-13z m330 596l-208-721q-2-7-9-11t-13-1l-34 9q-8 3-11 9t-2 14l208 720q3 8 9 11t13 2l35-10q7-2 11-9t1-13z m367-364l-260-260q-6-5-13-5t-13 5l-28 28q-5 6-5 13t5 13l219 219l-219 220q-5 5-5 12t5 13l28 28q6 6 13 6t13-6l260-260q5-5 5-13t-5-13z" horiz-adv-x="1071.4" />
|
||||
<glyph glyph-name="attention-alt" unicode="" d="m286 154v-125q0-15-11-25t-25-11h-143q-14 0-25 11t-11 25v125q0 14 11 25t25 10h143q15 0 25-10t11-25z m16 589l-15-429q-1-14-12-25t-25-10h-143q-14 0-25 10t-12 25l-15 429q-1 14 9 25t25 11h179q14 0 25-11t9-25z" horiz-adv-x="357.1" />
|
||||
<glyph glyph-name="attention" unicode="" d="m571 83v106q0 8-5 13t-12 5h-108q-7 0-12-5t-5-13v-106q0-8 5-13t12-6h108q7 0 12 6t5 13z m-1 208l10 257q0 6-5 10q-7 6-14 6h-122q-7 0-14-6q-5-4-5-12l9-255q0-5 6-9t13-3h103q8 0 13 3t6 9z m-7 522l428-786q20-35-1-70q-10-17-26-26t-35-10h-858q-18 0-35 10t-26 26q-21 35-1 70l429 786q9 17 26 27t36 10t36-10t27-27z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="attention-circled" unicode="" d="m429 779q116 0 215-58t156-156t57-215t-57-215t-156-156t-215-58t-216 58t-155 156t-58 215t58 215t155 156t216 58z m71-696v106q0 8-5 13t-12 5h-107q-8 0-13-5t-6-13v-106q0-8 6-13t13-6h107q7 0 12 6t5 13z m-1 192l10 346q0 7-6 10q-5 5-13 5h-123q-8 0-13-5q-6-3-6-10l10-346q0-6 5-10t14-4h103q8 0 13 4t6 10z" horiz-adv-x="857.1" />
|
||||
<glyph glyph-name="mic" unicode="" d="m643 457v-71q0-124-82-215t-204-104v-74h143q15 0 25-11t11-25t-11-25t-25-11h-357q-15 0-25 11t-11 25t11 25t25 11h143v74q-121 13-204 104t-82 215v71q0 15 11 25t25 11t25-11t10-25v-71q0-104 74-177t176-73t177 73t73 177v71q0 15 11 25t25 11t25-11t11-25z m-143 214v-285q0-74-52-126t-127-53t-126 53t-52 126v285q0 74 52 127t126 52t127-52t52-127z" horiz-adv-x="642.9" />
|
||||
<glyph glyph-name="videocam" unicode="" d="m1000 654v-608q0-23-22-32q-7-3-14-3q-15 0-25 10l-225 225v-92q0-67-47-114t-113-47h-393q-67 0-114 47t-47 114v392q0 67 47 114t114 47h393q66 0 113-47t47-114v-92l225 225q10 10 25 10q7 0 14-3q22-9 22-32z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="tasks" unicode="" d="m571 64h358v72h-358v-72z m-214 286h572v71h-572v-71z m357 286h215v71h-215v-71z m286-465v-142q0-15-11-25t-25-11h-928q-15 0-25 11t-11 25v142q0 15 11 26t25 10h928q15 0 25-10t11-26z m0 286v-143q0-14-11-25t-25-10h-928q-15 0-25 10t-11 25v143q0 15 11 25t25 11h928q15 0 25-11t11-25z m0 286v-143q0-15-11-25t-25-11h-928q-15 0-25 11t-11 25v143q0 14 11 25t25 11h928q15 0 25-11t11-25z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="dollar" unicode="" d="m546 189q0-86-56-147t-144-77v-97q0-8-5-13t-13-5h-75q-7 0-13 5t-5 13v97q-37 5-71 18t-57 25t-41 26t-26 21t-10 10q-9 12-1 23l58 76q3 5 12 6q9 1 14-5l1-1q63-55 135-70q21-4 42-4q45 0 79 24t35 68q0 16-9 30t-18 23t-33 21t-37 18t-45 18q-21 9-34 14t-34 15t-35 17t-32 20t-29 24t-25 27t-20 32t-11 37t-5 44q0 77 55 135t142 75v100q0 7 5 13t13 5h75q8 0 13-5t5-13v-98q32-4 62-13t48-19t36-21t21-16t9-8q9-10 3-21l-46-81q-4-9-12-9q-8-2-16 4q-1 1-8 6t-21 15t-33 18t-42 15t-47 6q-53 0-87-24t-33-62q0-14 4-27t17-23t22-18t31-18t34-15t39-15q30-11 45-18t43-19t42-24t34-28t30-35t18-43t7-52z" horiz-adv-x="571.4" />
|
||||
<glyph glyph-name="spinner" unicode="" d="m277 100q0-33-24-57t-57-23q-33 0-56 23t-24 57t24 57t56 23q33 0 57-23t24-57z m241-107q0-30-21-51t-51-21t-50 21t-21 51t21 50t50 21t51-21t21-50z m-339 357q0-37-27-63t-63-26t-63 26t-26 63t26 63t63 26t63-26t27-63z m580-250q0-26-18-44t-45-18t-44 18t-18 44t18 44t44 19t45-19t18-44z m-464 500q0-41-29-69t-70-29t-69 29t-29 69t29 69t69 29t70-29t29-69z m259 107q0-45-32-76t-76-31t-75 31t-32 76t32 76t75 31t76-31t32-76z m303-357q0-22-15-38t-38-16t-38 16t-16 38t16 38t38 16t38-16t15-38z m-116 250q0-18-13-32t-32-13t-31 13t-13 32t13 31t31 14t32-14t13-31z" horiz-adv-x="875" />
|
||||
<glyph glyph-name="terminal" unicode="" d="m326 301l-260-260q-5-5-12-5t-13 5l-28 28q-6 6-6 13t6 13l219 219l-219 220q-6 5-6 12t6 13l28 28q5 6 13 6t12-6l260-260q6-5 6-13t-6-13z m603-255v-35q0-8-5-13t-13-5h-536q-8 0-13 5t-5 13v35q0 8 5 13t13 5h536q8 0 13-5t5-13z" horiz-adv-x="928.6" />
|
||||
<glyph glyph-name="bitbucket" unicode="" d="m455 371q4-35-28-57t-63-3q-21 9-29 32t-1 46t29 32q20 10 41 7t35-20t16-37z m62 11q-8 60-63 92t-110 7q-35-15-56-49t-20-72q3-51 44-87t92-31q51 4 85 47t28 93z m133 303q-11 15-31 25t-32 12t-40 7q-162 26-316-1q-24-4-37-7t-30-12t-28-24q16-16 42-26t41-12t49-6q127-17 250-1q35 5 50 7t40 12t42 26z m32-578q-5-14-9-42t-8-47t-15-39t-33-32q-48-27-106-40t-112-12t-113 10q-25 5-45 10t-43 15t-41 25t-29 34q-14 54-31 163l3 9l10 5q124-83 283-83t283 83q12-3 13-13t-3-25t-4-21z m101 537q-15-94-62-366q-3-17-15-31t-24-23t-31-17q-140-70-340-49q-139 15-220 78q-8 6-14 14t-10 20t-5 19t-3 22t-3 19q-5 28-15 84t-16 90t-13 83t-12 88q2 14 10 27t17 21t26 17t25 12t27 10q70 26 175 36q211 21 377-28q86-25 120-68q9-11 9-28t-3-30z" horiz-adv-x="785.7" />
|
||||
<glyph glyph-name="github" unicode="" d="m357 171q0-22-7-45t-24-43t-40-19t-41 19t-24 43t-7 45t7 46t24 43t41 19t40-19t24-43t7-46z m357 0q0-22-7-45t-24-43t-40-19t-41 19t-24 43t-7 45t7 46t24 43t41 19t40-19t24-43t7-46z m90 0q0 67-39 114t-104 47q-23 0-109-12q-40-6-88-6t-87 6q-85 12-109 12q-66 0-104-47t-39-114q0-49 18-85t45-58t68-33t78-17t83-4h94q46 0 83 4t78 17t69 33t45 58t18 85z m125 99q0-116-34-185q-22-43-59-74t-79-48t-95-27t-96-12t-93-3q-43 0-79 2t-82 7t-85 17t-77 28t-67 46t-48 64q-35 69-35 185q0 132 76 221q-15 45-15 94q0 65 28 122q61 0 106-22t106-69q82 20 172 20q83 0 156-18q59 46 105 67t105 22q29-57 29-122q0-48-15-93q76-90 76-222z" horiz-adv-x="928.6" />
|
||||
<glyph glyph-name="gplus" unicode="" d="m489 33q0 11-3 22t-5 20t-10 19t-11 17t-15 17t-16 14t-17 14t-18 13t-18 13t-17 12q-10 1-28 1q-30 0-59-4t-60-14t-55-26t-39-41t-15-60q0-38 20-68t52-47t67-25t71-9q33 0 63 7t56 22t42 41t15 62z m-67 481q0 33-9 71t-27 72t-46 59t-67 22q-52 0-80-38t-29-92q0-26 7-55t19-58t32-53t43-37t54-15q54 0 79 34t24 90z m-73 265h244l-76-45h-75q40-25 61-70t22-94q0-41-13-74t-31-51t-37-36t-31-34t-13-38q0-14 9-28t24-27t33-27t36-31t32-37t24-47t10-60q0-89-79-157q-84-73-234-73q-33 0-67 6t-68 18t-60 33t-43 49t-17 68q0 34 21 75q18 36 53 62t81 40t87 20t83 7q-35 47-35 83q0 7 1 14t3 10t4 12t4 12q-22-2-39-2q-83 0-143 54t-59 138q0 78 53 139t130 79q53 11 105 11z m580-143v-72h-143v-143h-72v143h-143v72h143v143h72v-143h143z" horiz-adv-x="928.6" />
|
||||
<glyph glyph-name="html5" unicode="" d="m631 517l9 98h-494l26-298h342l-12-128l-110-29l-110 29l-7 78h-98l13-155l202-55h2v0l200 55l28 304h-359l-9 101h377z m-631 262h786l-72-803l-322-90l-321 90z" horiz-adv-x="785.7" />
|
||||
<glyph glyph-name="linkedin" unicode="" d="m195 501v-553h-184v553h184z m12 171q0-41-29-68t-75-27h-1q-46 0-74 27t-28 68q0 41 29 68t75 27t74-27t29-68z m650-407v-317h-183v296q0 59-23 92t-71 33q-35 0-58-19t-36-48q-6-17-6-45v-309h-184q1 223 1 361t0 165l-1 27h184v-80h-1q11 18 23 31t31 29t49 24t64 9q95 0 153-63t58-186z" horiz-adv-x="857.1" />
|
||||
<glyph glyph-name="twitter" unicode="" d="m904 622q-37-54-90-93q0-8 0-23q0-73-21-145t-64-139t-103-117t-144-82t-181-30q-151 0-276 81q19-3 43-3q126 0 224 77q-59 2-105 36t-64 89q19-2 34-2q24 0 48 6q-63 13-104 62t-41 115v2q38-21 82-23q-37 25-59 64t-22 86q0 49 25 91q68-83 164-133t208-55q-5 21-5 41q0 75 53 127t127 53q79 0 132-57q61 12 114 44q-20-64-79-100q52 6 104 28z" horiz-adv-x="928.6" />
|
||||
<glyph glyph-name="fork" unicode="" d="m161 29q0 22-16 38t-38 15t-38-15t-15-38t15-38t38-16t38 16t16 38z m0 642q0 23-16 38t-38 16t-38-16t-15-38t15-38t38-15t38 15t16 38z m357-71q0 22-16 38t-38 16t-38-16t-15-38t15-38t38-16t38 16t16 38z m53 0q0-29-14-54t-39-39q-1-160-126-231q-38-21-114-45q-71-22-94-39t-23-56v-15q24-14 39-39t14-53q0-45-31-76t-76-32t-76 32t-31 76q0 29 15 53t39 39v458q-25 14-39 39t-15 53q0 45 31 76t76 32t76-32t31-76q0-29-14-53t-39-39v-278q30 15 86 32q30 10 49 17t39 17t33 22t22 29t16 38t5 51q-25 14-39 39t-15 54q0 45 31 76t76 31t76-31t31-76z" horiz-adv-x="571.4" />
|
||||
</font>
|
||||
</defs>
|
||||
</svg>
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
$(document).foundation();
|
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "foundation-libsass-template",
|
||||
"version": "0.0.1",
|
||||
"devDependencies": {
|
||||
"node-sass": "~0.7.0",
|
||||
"grunt": "~0.4.1",
|
||||
"grunt-contrib-watch": "~0.5.3",
|
||||
"grunt-sass": "~0.8.0"
|
||||
}
|
||||
}
|
@ -0,0 +1,995 @@
|
||||
//
|
||||
// FOUNDATION SETTINGS
|
||||
//
|
||||
|
||||
// Uncomment to use rem-calc() in your settings
|
||||
@import "foundation/functions";
|
||||
|
||||
// $experimental: true;
|
||||
|
||||
// The default font-size is set to 100% of the browser style sheet (usually 16px)
|
||||
// for compatibility with brower-based text zoom or user-set defaults.
|
||||
|
||||
// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
|
||||
// If you want your base font-size to be different and not have it affect the grid breakpoints,
|
||||
// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
|
||||
// $base-font-size: 100%;
|
||||
|
||||
// The $base-line-height is 100% while $base-font-size is 150%
|
||||
// $base-line-height: 150%;
|
||||
|
||||
// This is the default html and body font-size for the base rem value.
|
||||
// $rem-base: 16px;
|
||||
|
||||
// We use this to control whether or not CSS classes come through in the gem files.
|
||||
// $include-html-classes: true;
|
||||
// $include-print-styles: true;
|
||||
// $include-html-global-classes: $include-html-classes;
|
||||
|
||||
// Grid
|
||||
|
||||
// $include-html-grid-classes: $include-html-classes;
|
||||
|
||||
// $row-width: rem-calc(1000);
|
||||
// $column-gutter: rem-calc(30);
|
||||
// $total-columns: 12;
|
||||
|
||||
// We use these to control various global styles
|
||||
// $body-bg: #fff;
|
||||
// $body-font-color: #222;
|
||||
// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
||||
// $body-font-weight: normal;
|
||||
// $body-font-style: normal;
|
||||
|
||||
// We use this to control font-smoothing
|
||||
// $font-smoothing: antialiased;
|
||||
|
||||
// We use these to control text direction settings
|
||||
// $text-direction: ltr;
|
||||
// $opposite-direction: right;
|
||||
// $default-float: left;
|
||||
|
||||
// We use these as default colors throughout
|
||||
$primary-color: #9b160d;
|
||||
$secondary-color: #e7e7e7;
|
||||
// $alert-color: #f04124;
|
||||
// $success-color: #43AC6A;
|
||||
// $warning-color: #f08a24;
|
||||
// $info-color: #a0d3e8;
|
||||
|
||||
// We use these to make sure border radius matches unless we want it different.
|
||||
// $global-radius: 3px;
|
||||
// $global-rounded: 1000px;
|
||||
|
||||
// We use these to control inset shadow shiny edges and depressions.
|
||||
// $shiny-edge-size: 0 1px 0;
|
||||
// $shiny-edge-color: rgba(#fff, .5);
|
||||
// $shiny-edge-active-color: rgba(#000, .2);
|
||||
|
||||
// Media Query Ranges
|
||||
// $small-range: (0em, 40em);
|
||||
// $medium-range: (40.063em, 64em);
|
||||
// $large-range: (64.063em, 90em);
|
||||
// $xlarge-range: (90.063em, 120em);
|
||||
// $xxlarge-range: (120.063em);
|
||||
|
||||
// $screen: "only screen";
|
||||
|
||||
// $landscape: "#{$screen} and (orientation: landscape)";
|
||||
// $portrait: "#{$screen} and (orientation: portrait)";
|
||||
|
||||
// $small-up: $screen;
|
||||
// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
|
||||
|
||||
// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
|
||||
// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
|
||||
|
||||
// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
|
||||
// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
|
||||
|
||||
// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
|
||||
// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
|
||||
|
||||
// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
|
||||
// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
|
||||
|
||||
// Legacy
|
||||
// $small: $medium-up;
|
||||
// $medium: $medium-up;
|
||||
// $large: $large-up;
|
||||
|
||||
//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
|
||||
// $cursor-crosshair-value: crosshair;
|
||||
// $cursor-default-value: default;
|
||||
// $cursor-pointer-value: pointer;
|
||||
// $cursor-help-value: help;
|
||||
// $cursor-text-value: text;
|
||||
|
||||
// Accordion
|
||||
|
||||
// $include-html-accordion-classes: $include-html-classes;
|
||||
|
||||
// $accordion-navigation-padding: rem-calc(16);
|
||||
// $accordion-navigation-bg-color: #efefef ;
|
||||
// $accordion-navigation-hover-bg-color: darken($accordion-navigation-bg-color, 5%);
|
||||
// $accordion-navigation-active-bg-color: darken($accordion-navigation-bg-color, 3%);
|
||||
// $accordion-navigation-font-color: #222;
|
||||
// $accordion-navigation-font-size: rem-calc(16);
|
||||
// $accordion-navigation-font-family: $body-font-family;
|
||||
|
||||
// $accordion-content-padding: $column-gutter/2;
|
||||
// $accordion-content-active-bg-color: #fff;
|
||||
|
||||
// Alert Boxes
|
||||
|
||||
// $include-html-alert-classes: $include-html-classes;
|
||||
|
||||
// We use this to control alert padding.
|
||||
// $alert-padding-top: rem-calc(14);
|
||||
// $alert-padding-default-float: $alert-padding-top;
|
||||
// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);
|
||||
// $alert-padding-bottom: $alert-padding-top;
|
||||
|
||||
// We use these to control text style.
|
||||
// $alert-font-weight: normal;
|
||||
// $alert-font-size: rem-calc(13);
|
||||
// $alert-font-color: #fff;
|
||||
// $alert-font-color-alt: darken($secondary-color, 60%);
|
||||
|
||||
// We use this for close hover effect.
|
||||
// $alert-function-factor: 5%;
|
||||
|
||||
// We use these to control border styles.
|
||||
// $alert-border-style: solid;
|
||||
// $alert-border-width: 1px;
|
||||
// $alert-border-color: darken($primary-color, $alert-function-factor);
|
||||
// $alert-bottom-margin: rem-calc(20);
|
||||
|
||||
// We use these to style the close buttons
|
||||
// $alert-close-color: #333;
|
||||
// $alert-close-top: 50%;
|
||||
// $alert-close-position: rem-calc(5);
|
||||
// $alert-close-font-size: rem-calc(22);
|
||||
// $alert-close-opacity: 0.3;
|
||||
// $alert-close-opacity-hover: 0.5;
|
||||
// $alert-close-padding: 9px 6px 4px;
|
||||
|
||||
// We use this to control border radius
|
||||
// $alert-radius: $global-radius;
|
||||
|
||||
// Block Grid
|
||||
|
||||
// $include-html-grid-classes: $include-html-classes;
|
||||
|
||||
// We use this to control the maximum number of block grid elements per row
|
||||
// $block-grid-elements: 12;
|
||||
// $block-grid-default-spacing: rem-calc(20);
|
||||
|
||||
// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
|
||||
// $block-grid-media-queries: true;
|
||||
|
||||
// Breadcrumbs
|
||||
|
||||
// $include-html-nav-classes: $include-html-classes;
|
||||
|
||||
// We use this to set the background color for the breadcrumb container.
|
||||
// $crumb-bg: lighten($secondary-color, 5%);
|
||||
|
||||
// We use these to set the padding around the breadcrumbs.
|
||||
// $crumb-padding: rem-calc(9 14 9);
|
||||
// $crumb-side-padding: rem-calc(12);
|
||||
|
||||
// We use these to control border styles.
|
||||
// $crumb-function-factor: 10%;
|
||||
// $crumb-border-size: 1px;
|
||||
// $crumb-border-style: solid;
|
||||
// $crumb-border-color: darken($crumb-bg, $crumb-function-factor);
|
||||
// $crumb-radius: $global-radius;
|
||||
|
||||
// We use these to set various text styles for breadcrumbs.
|
||||
// $crumb-font-size: rem-calc(11);
|
||||
// $crumb-font-color: $primary-color;
|
||||
// $crumb-font-color-current: #333;
|
||||
// $crumb-font-color-unavailable: #999;
|
||||
// $crumb-font-transform: uppercase;
|
||||
// $crumb-link-decor: underline;
|
||||
|
||||
// We use these to control the slash between breadcrumbs
|
||||
// $crumb-slash-color: #aaa;
|
||||
// $crumb-slash: "/";
|
||||
|
||||
// Button Groups
|
||||
|
||||
// $include-html-button-classes: $include-html-classes;
|
||||
|
||||
// Sets the margin for the right side by default, and the left margin if right-to-left direction is used
|
||||
// $button-bar-margin-opposite: rem-calc(10);
|
||||
// $button-group-border-width: 1px;
|
||||
|
||||
// Clearing
|
||||
|
||||
// $include-html-clearing-classes: $include-html-classes;
|
||||
|
||||
// We use these to set the background colors for parts of Clearing.
|
||||
// $clearing-bg: #333;
|
||||
// $clearing-caption-bg: $clearing-bg;
|
||||
// $clearing-carousel-bg: rgba (51,51,51,0.8);
|
||||
// $clearing-img-bg: $clearing-bg;
|
||||
|
||||
// We use these to style the close button
|
||||
// $clearing-close-color: #ccc;
|
||||
// $clearing-close-size: 30px;
|
||||
|
||||
// We use these to style the arrows
|
||||
// $clearing-arrow-size: 12px;
|
||||
// $clearing-arrow-color: $clearing-close-color;
|
||||
|
||||
// We use these to style captions
|
||||
// $clearing-caption-font-color: #ccc;
|
||||
// $clearing-caption-font-size: 0.875em;
|
||||
// $clearing-caption-padding: 10px 30px 20px;
|
||||
|
||||
// We use these to make the image and carousel height and style
|
||||
// $clearing-active-img-height: 85%;
|
||||
// $clearing-carousel-height: 120px;
|
||||
// $clearing-carousel-thumb-width: 120px;
|
||||
// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);
|
||||
|
||||
// Dropdown
|
||||
|
||||
// $include-html-button-classes: $include-html-classes;
|
||||
|
||||
// We use these to controls height and width styles.
|
||||
// $f-dropdown-max-width: 200px;
|
||||
// $f-dropdown-height: auto;
|
||||
// $f-dropdown-max-height: none;
|
||||
// $f-dropdown-margin-top: 2px;
|
||||
|
||||
// We use this to control the background color
|
||||
// $f-dropdown-bg: #fff;
|
||||
|
||||
// We use this to set the border styles for dropdowns.
|
||||
// $f-dropdown-border-style: solid;
|
||||
// $f-dropdown-border-width: 1px;
|
||||
// $f-dropdown-border-color: darken(#fff, 20%);
|
||||
|
||||
// We use these to style the triangle pip.
|
||||
// $f-dropdown-triangle-size: 6px;
|
||||
// $f-dropdown-triangle-color: #fff;
|
||||
// $f-dropdown-triangle-side-offset: 10px;
|
||||
|
||||
// We use these to control styles for the list elements.
|
||||
// $f-dropdown-list-style: none;
|
||||
// $f-dropdown-font-color: #555;
|
||||
// $f-dropdown-font-size: rem-calc(14);
|
||||
// $f-dropdown-list-padding: rem-calc(5, 10);
|
||||
// $f-dropdown-line-height: rem-calc(18);
|
||||
// $f-dropdown-list-hover-bg: #eeeeee ;
|
||||
// $dropdown-mobile-default-float: 0;
|
||||
|
||||
// We use this to control the styles for when the dropdown has custom content.
|
||||
// $f-dropdown-content-padding: rem-calc(20);
|
||||
|
||||
// Dropdown Buttons
|
||||
|
||||
// $include-html-button-classes: $include-html-classes;
|
||||
|
||||
// We use these to set the color of the pip in dropdown buttons
|
||||
// $dropdown-button-pip-color: #fff;
|
||||
// $dropdown-button-pip-color-alt: #333;
|
||||
|
||||
// $button-pip-tny: rem-calc(6);
|
||||
// $button-pip-sml: rem-calc(7);
|
||||
// $button-pip-med: rem-calc(9);
|
||||
// $button-pip-lrg: rem-calc(11);
|
||||
|
||||
// We use these to style tiny dropdown buttons
|
||||
// $dropdown-button-padding-tny: $button-pip-tny * 7;
|
||||
// $dropdown-button-pip-size-tny: $button-pip-tny;
|
||||
// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;
|
||||
// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1);
|
||||
|
||||
// We use these to style small dropdown buttons
|
||||
// $dropdown-button-padding-sml: $button-pip-sml * 7;
|
||||
// $dropdown-button-pip-size-sml: $button-pip-sml;
|
||||
// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;
|
||||
// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1);
|
||||
|
||||
// We use these to style medium dropdown buttons
|
||||
// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);
|
||||
// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);
|
||||
// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;
|
||||
// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2);
|
||||
|
||||
// We use these to style large dropdown buttons
|
||||
// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);
|
||||
// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
|
||||
// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;
|
||||
// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3);
|
||||
|
||||
// Flex Video
|
||||
|
||||
// $include-html-media-classes: $include-html-classes;
|
||||
|
||||
// We use these to control video container padding and margins
|
||||
// $flex-video-padding-top: rem-calc(25);
|
||||
// $flex-video-padding-bottom: 67.5%;
|
||||
// $flex-video-margin-bottom: rem-calc(16);
|
||||
|
||||
// We use this to control widescreen bottom padding
|
||||
// $flex-video-widescreen-padding-bottom: 57.25%;
|
||||
|
||||
// Forms
|
||||
|
||||
// $include-html-form-classes: $include-html-classes;
|
||||
|
||||
// We use this to set the base for lots of form spacing and positioning styles
|
||||
// $form-spacing: rem-calc(16);
|
||||
|
||||
// We use these to style the labels in different ways
|
||||
// $form-label-pointer: pointer;
|
||||
// $form-label-font-size: rem-calc(14);
|
||||
// $form-label-font-weight: normal;
|
||||
// $form-label-font-color: lighten(#000, 30%);
|
||||
// $form-label-bottom-margin: rem-calc(8);
|
||||
// $input-font-family: inherit;
|
||||
// $input-font-color: rgba(0,0,0,0.75);
|
||||
// $input-font-size: rem-calc(14);
|
||||
// $input-bg-color: #fff;
|
||||
// $input-focus-bg-color: darken(#fff, 2%);
|
||||
// $input-border-color: darken(#fff, 20%);
|
||||
// $input-focus-border-color: darken(#fff, 40%);
|
||||
// $input-border-style: solid;
|
||||
// $input-border-width: 1px;
|
||||
// $input-disabled-bg: #ddd;
|
||||
// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
||||
// $input-include-glowing-effect: true;
|
||||
|
||||
// We use these to style the fieldset border and spacing.
|
||||
// $fieldset-border-style: solid;
|
||||
// $fieldset-border-width: 1px;
|
||||
// $fieldset-border-color: #ddd;
|
||||
// $fieldset-padding: rem-calc(20);
|
||||
// $fieldset-margin: rem-calc(18 0);
|
||||
|
||||
// We use these to style the legends when you use them
|
||||
// $legend-bg: #fff;
|
||||
// $legend-font-weight: bold;
|
||||
// $legend-padding: rem-calc(0 3);
|
||||
|
||||
// We use these to style the prefix and postfix input elements
|
||||
// $input-prefix-bg: darken(#fff, 5%);
|
||||
// $input-prefix-border-color: darken(#fff, 20%);
|
||||
// $input-prefix-border-size: 1px;
|
||||
// $input-prefix-border-type: solid;
|
||||
// $input-prefix-overflow: hidden;
|
||||
// $input-prefix-font-color: #333;
|
||||
// $input-prefix-font-color-alt: #fff;
|
||||
|
||||
// We use these to style the error states for inputs and labels
|
||||
// $input-error-message-padding: rem-calc(6 9 9);
|
||||
// $input-error-message-top: -1px;
|
||||
// $input-error-message-font-size: rem-calc(12);
|
||||
// $input-error-message-font-weight: normal;
|
||||
// $input-error-message-font-style: italic;
|
||||
// $input-error-message-font-color: #fff;
|
||||
// $input-error-message-font-color-alt: #333;
|
||||
|
||||
// We use this to style the glowing effect of inputs when focused
|
||||
// $glowing-effect-fade-time: 0.45s;
|
||||
// $glowing-effect-color: $input-focus-border-color;
|
||||
|
||||
// Select variables
|
||||
// $select-bg-color: #fafafa ;
|
||||
|
||||
// Inline Lists
|
||||
|
||||
// $include-html-inline-list-classes: $include-html-classes;
|
||||
|
||||
// We use this to control the margins and padding of the inline list.
|
||||
// $inline-list-top-margin: 0;
|
||||
// $inline-list-opposite-margin: 0;
|
||||
// $inline-list-bottom-margin: rem-calc(17);
|
||||
// $inline-list-default-float-margin: rem-calc(-22);
|
||||
|
||||
// $inline-list-padding: 0;
|
||||
|
||||
// We use this to control the overflow of the inline list.
|
||||
// $inline-list-overflow: hidden;
|
||||
|
||||
// We use this to control the list items
|
||||
// $inline-list-display: block;
|
||||
|
||||
// We use this to control any elments within list items
|
||||
// $inline-list-children-display: block;
|
||||
|
||||
// Joyride
|
||||
|
||||
// $include-html-joyride-classes: $include-html-classes;
|
||||
|
||||
// Controlling default Joyride styles
|
||||
// $joyride-tip-bg: #333;
|
||||
// $joyride-tip-default-width: 300px;
|
||||
// $joyride-tip-padding: rem-calc(18 20 24);
|
||||
// $joyride-tip-border: solid 1px #555;
|
||||
// $joyride-tip-radius: 4px;
|
||||
// $joyride-tip-position-offset: 22px;
|
||||
|
||||
// Here, we're setting the tip dont styles
|
||||
// $joyride-tip-font-color: #fff;
|
||||
// $joyride-tip-font-size: rem-calc(14);
|
||||
// $joyride-tip-header-weight: bold;
|
||||
|
||||
// This changes the nub size
|
||||
// $joyride-tip-nub-size: 10px;
|
||||
|
||||
// This adjusts the styles for the timer when its enabled
|
||||
// $joyride-tip-timer-width: 50px;
|
||||
// $joyride-tip-timer-height: 3px;
|
||||
// $joyride-tip-timer-color: #666;
|
||||
|
||||
// This changes up the styles for the close button
|
||||
// $joyride-tip-close-color: #777;
|
||||
// $joyride-tip-close-size: 24px;
|
||||
// $joyride-tip-close-weight: normal;
|
||||
|
||||
// When Joyride is filling the screen, we use this style for the bg
|
||||
// $joyride-screenfill: rgba(0,0,0,0.5);
|
||||
|
||||
// Keystrokes
|
||||
|
||||
// $include-html-type-classes: $include-html-classes;
|
||||
|
||||
// We use these to control text styles.
|
||||
// $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
|
||||
// $keystroke-font-size: rem-calc(14);
|
||||
// $keystroke-font-color: #222;
|
||||
// $keystroke-font-color-alt: #fff;
|
||||
// $keystroke-function-factor: 7%;
|
||||
|
||||
// We use this to control keystroke padding.
|
||||
// $keystroke-padding: rem-calc(2 4 0);
|
||||
|
||||
// We use these to control background and border styles.
|
||||
// $keystroke-bg: darken(#fff, $keystroke-function-factor);
|
||||
// $keystroke-border-style: solid;
|
||||
// $keystroke-border-width: 1px;
|
||||
// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor);
|
||||
// $keystroke-radius: $global-radius;
|
||||
|
||||
// Labels
|
||||
|
||||
// $include-html-label-classes: $include-html-classes;
|
||||
|
||||
// We use these to style the labels
|
||||
// $label-padding: rem-calc(4 8 6);
|
||||
// $label-radius: $global-radius;
|
||||
|
||||
// We use these to style the label text
|
||||
// $label-font-sizing: rem-calc(11);
|
||||
// $label-font-weight: normal;
|
||||
// $label-font-color: #333;
|
||||
// $label-font-color-alt: #fff;
|
||||
// $label-font-family: $body-font-family;
|
||||
|
||||
// Magellan
|
||||
|
||||
// $include-html-magellan-classes: $include-html-classes;
|
||||
|
||||
// $magellan-bg: #fff;
|
||||
// $magellan-padding: 10px;
|
||||
|
||||
// Off-canvas
|
||||
|
||||
// $tabbar-bg: #333;
|
||||
// $tabbar-height: rem-calc(45);
|
||||
// $tabbar-line-height: $tabbar-height;
|
||||
// $tabbar-color: #FFF;
|
||||
// $tabbar-middle-padding: 0 rem-calc(10);
|
||||
|
||||
// Off Canvas Divider Styles
|
||||
// $tabbar-right-section-border: solid 1px lighten($tabbar-bg, 10%);
|
||||
// $tabbar-left-section-border: solid 1px darken($tabbar-bg, 10%);
|
||||
|
||||
// Off Canvas Tab Bar Headers
|
||||
// $tabbar-header-color: #FFF;
|
||||
// $tabbar-header-weight: bold;
|
||||
// $tabbar-header-line-height: $tabbar-height;
|
||||
// $tabbar-header-margin: 0;
|
||||
|
||||
// Off Canvas Menu Variables
|
||||
// $off-canvas-width: 250px;
|
||||
// $off-canvas-bg: #333;
|
||||
|
||||
// Off Canvas Menu List Variables
|
||||
// $off-canvas-label-padding: 0.3rem rem-calc(15);
|
||||
// $off-canvas-label-color: #999;
|
||||
// $off-canvas-label-text-transform: uppercase;
|
||||
// $off-canvas-label-font-weight: bold;
|
||||
// $off-canvas-label-bg: #444;
|
||||
// $off-canvas-label-border-top: 1px solid lighten(#444, 10%);
|
||||
// $off-canvas-label-border-bottom: none;
|
||||
// $off-canvas-label-margin:0;
|
||||
// $off-canvas-link-padding: rem-calc(10, 15);
|
||||
// $off-canvas-link-color: rgba(#FFF, 0.7);
|
||||
// $off-canvas-link-border-bottom: 1px solid darken($off-canvas-bg, 5%);
|
||||
|
||||
// Off Canvas Menu Icon Variables
|
||||
// $tabbar-menu-icon-color: #FFF;
|
||||
// $tabbar-menu-icon-hover: darken($tabbar-menu-icon-color, 30%);
|
||||
|
||||
// $tabbar-menu-icon-text-indent: rem-calc(35);
|
||||
// $tabbar-menu-icon-width: $tabbar-height;
|
||||
// $tabbar-menu-icon-height: $tabbar-height;
|
||||
// $tabbar-menu-icon-line-height: rem-calc(33);
|
||||
// $tabbar-menu-icon-padding: 0;
|
||||
|
||||
// $tabbar-hamburger-icon-width: rem-calc(16);
|
||||
// $tabbar-hamburger-icon-left: rem-calc(13);
|
||||
// $tabbar-hamburger-icon-top: rem-calc(5);
|
||||
|
||||
// Off Canvas Back-Link Overlay
|
||||
// $off-canvas-overlay-transition: background 300ms ease;
|
||||
// $off-canvas-overlay-cursor: pointer;
|
||||
// $off-canvas-overlay-box-shadow: -4px 0 4px rgba(#000, 0.5), 4px 0 4px rgba(#000, 0.5);
|
||||
// $off-canvas-overlay-background: rgba(#FFF, 0.2);
|
||||
// $off-canvas-overlay-background-hover: rgba(#FFF, 0.05);
|
||||
|
||||
// Transition Variabls
|
||||
// $menu-slide: "transform 500ms ease";
|
||||
|
||||
// Orbit
|
||||
|
||||
// $include-html-orbit-classes: $include-html-classes;
|
||||
|
||||
// We use these to control the caption styles
|
||||
// $orbit-container-bg: none;
|
||||
// $orbit-caption-bg: rgba(51,51,51, 0.8);
|
||||
// $orbit-caption-font-color: #fff;
|
||||
// $orbit-caption-font-size: rem-calc(14);
|
||||
// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under"
|
||||
// $orbit-caption-padding: rem-calc(10,14);
|
||||
// $orbit-caption-height: auto;
|
||||
|
||||
// We use these to control the left/right nav styles
|
||||
// $orbit-nav-bg: none;
|
||||
// $orbit-nav-bg-hover: rgba(0,0,0,0.3);
|
||||
// $orbit-nav-arrow-color: #fff;
|
||||
// $orbit-nav-arrow-color-hover: #fff;
|
||||
|
||||
// We use these to control the timer styles
|
||||
// $orbit-timer-bg: rgba(255,255,255,0.3);
|
||||
// $orbit-timer-show-progress-bar: true;
|
||||
|
||||
// We use these to control the bullet nav styles
|
||||
// $orbit-bullet-nav-color: #ccc;
|
||||
// $orbit-bullet-nav-color-active: #999;
|
||||
// $orbit-bullet-radius: rem-calc(9);
|
||||
|
||||
// We use these to controls the style of slide numbers
|
||||
// $orbit-slide-number-bg: rgba(0,0,0,0);
|
||||
// $orbit-slide-number-font-color: #fff;
|
||||
// $orbit-slide-number-padding: rem-calc(5);
|
||||
|
||||
// Graceful Loading Wrapper and preloader
|
||||
// $wrapper-class: "slideshow-wrapper";
|
||||
// $preloader-class: "preloader";
|
||||
|
||||
// Pagination
|
||||
|
||||
// $include-html-nav-classes: $include-html-classes;
|
||||
|
||||
// We use these to control the pagination container
|
||||
// $pagination-height: rem-calc(24);
|
||||
// $pagination-margin: rem-calc(-5);
|
||||
|
||||
// We use these to set the list-item properties
|
||||
// $pagination-li-float: $default-float;
|
||||
// $pagination-li-height: rem-calc(24);
|
||||
// $pagination-li-font-color: #222;
|
||||
// $pagination-li-font-size: rem-calc(14);
|
||||
// $pagination-li-margin: rem-calc(5);
|
||||
|
||||
// We use these for the pagination anchor links
|
||||
// $pagination-link-pad: rem-calc(1 10 1);
|
||||
// $pagination-link-font-color: #999;
|
||||
// $pagination-link-active-bg: darken(#fff, 10%);
|
||||
|
||||
// We use these for disabled anchor links
|
||||
// $pagination-link-unavailable-cursor: default;
|
||||
// $pagination-link-unavailable-font-color: #999;
|
||||
// $pagination-link-unavailable-bg-active: transparent;
|
||||
|
||||
// We use these for currently selected anchor links
|
||||
// $pagination-link-current-background: $primary-color;
|
||||
// $pagination-link-current-font-color: #fff;
|
||||
// $pagination-link-current-font-weight: bold;
|
||||
// $pagination-link-current-cursor: default;
|
||||
// $pagination-link-current-active-bg: $primary-color;
|
||||
|
||||
// Panels
|
||||
|
||||
// $include-html-panel-classes: $include-html-classes;
|
||||
|
||||
// We use these to control the background and border styles
|
||||
// $panel-bg: darken(#fff, 5%);
|
||||
// $panel-border-style: solid;
|
||||
// $panel-border-size: 1px;
|
||||
|
||||
// We use this % to control how much we darken things on hover
|
||||
// $panel-function-factor: 10%;
|
||||
// $panel-border-color: darken($panel-bg, $panel-function-factor);
|
||||
|
||||
// We use these to set default inner padding and bottom margin
|
||||
// $panel-margin-bottom: rem-calc(20);
|
||||
// $panel-padding: rem-calc(20);
|
||||
|
||||
// We use these to set default font colors
|
||||
// $panel-font-color: #333;
|
||||
// $panel-font-color-alt: #fff;
|
||||
|
||||
// $panel-header-adjust: true;
|
||||
// $callout-panel-link-color: $primary-color;
|
||||
|
||||
// Pricing Tables
|
||||
|
||||
// $include-html-pricing-classes: $include-html-classes;
|
||||
|
||||
// We use this to control the border color
|
||||
// $price-table-border: solid 1px #ddd;
|
||||
|
||||
// We use this to control the bottom margin of the pricing table
|
||||
// $price-table-margin-bottom: rem-calc(20);
|
||||
|
||||
// We use these to control the title styles
|
||||
// $price-title-bg: #333;
|
||||
// $price-title-padding: rem-calc(15 20);
|
||||
// $price-title-align: center;
|
||||
// $price-title-color: #eee;
|
||||
// $price-title-weight: normal;
|
||||
// $price-title-size: rem-calc(16);
|
||||
// $price-title-font-family: $body-font-family;
|
||||
|
||||
// We use these to control the price styles
|
||||
// $price-money-bg: #f6f6f6 ;
|
||||
// $price-money-padding: rem-calc(15 20);
|
||||
// $price-money-align: center;
|
||||
// $price-money-color: #333;
|
||||
// $price-money-weight: normal;
|
||||
// $price-money-size: rem-calc(32);
|
||||
// $price-money-font-family: $body-font-family;
|
||||
|
||||
|
||||
// We use these to control the description styles
|
||||
// $price-bg: #fff;
|
||||
// $price-desc-color: #777;
|
||||
// $price-desc-padding: rem-calc(15);
|
||||
// $price-desc-align: center;
|
||||
// $price-desc-font-size: rem-calc(12);
|
||||
// $price-desc-weight: normal;
|
||||
// $price-desc-line-height: 1.4;
|
||||
// $price-desc-bottom-border: dotted 1px #ddd;
|
||||
|
||||
// We use these to control the list item styles
|
||||
// $price-item-color: #333;
|
||||
// $price-item-padding: rem-calc(15);
|
||||
// $price-item-align: center;
|
||||
// $price-item-font-size: rem-calc(14);
|
||||
// $price-item-weight: normal;
|
||||
// $price-item-bottom-border: dotted 1px #ddd;
|
||||
|
||||
// We use these to control the CTA area styles
|
||||
// $price-cta-bg: #fff;
|
||||
// $price-cta-align: center;
|
||||
// $price-cta-padding: rem-calc(20 20 0);
|
||||
|
||||
// Progress Meters
|
||||
|
||||
// $include-html-media-classes: $include-html-classes;
|
||||
|
||||
// We use this to se the prog bar height
|
||||
// $progress-bar-height: rem-calc(25);
|
||||
// $progress-bar-color: #f6f6f6 ;
|
||||
|
||||
// We use these to control the border styles
|
||||
// $progress-bar-border-color: darken(#fff, 20%);
|
||||
// $progress-bar-border-size: 1px;
|
||||
// $progress-bar-border-style: solid;
|
||||
// $progress-bar-border-radius: $global-radius;
|
||||
|
||||
// We use these to control the margin & padding
|
||||
// $progress-bar-pad: rem-calc(2);
|
||||
// $progress-bar-margin-bottom: rem-calc(10);
|
||||
|
||||
// We use these to set the meter colors
|
||||
// $progress-meter-color: $primary-color;
|
||||
// $progress-meter-secondary-color: $secondary-color;
|
||||
// $progress-meter-success-color: $success-color;
|
||||
// $progress-meter-alert-color: $alert-color;
|
||||
|
||||
// Reveal
|
||||
|
||||
// $include-html-reveal-classes: $include-html-classes;
|
||||
|
||||
// We use these to control the style of the reveal overlay.
|
||||
// $reveal-overlay-bg: rgba(#000, .45);
|
||||
// $reveal-overlay-bg-old: #000;
|
||||
|
||||
// We use these to control the style of the modal itself.
|
||||
// $reveal-modal-bg: #fff;
|
||||
// $reveal-position-top: 50px;
|
||||
// $reveal-default-width: 80%;
|
||||
// $reveal-modal-padding: rem-calc(20);
|
||||
// $reveal-box-shadow: 0 0 10px rgba(#000,.4);
|
||||
|
||||
// We use these to style the reveal close button
|
||||
// $reveal-close-font-size: rem-calc(22);
|
||||
// $reveal-close-top: rem-calc(8);
|
||||
// $reveal-close-side: rem-calc(11);
|
||||
// $reveal-close-color: #aaa;
|
||||
// $reveal-close-weight: bold;
|
||||
|
||||
// We use these to control the modal border
|
||||
// $reveal-border-style: solid;
|
||||
// $reveal-border-width: 1px;
|
||||
// $reveal-border-color: #666;
|
||||
|
||||
// $reveal-modal-class: "reveal-modal";
|
||||
// $close-reveal-modal-class: "close-reveal-modal";
|
||||
|
||||
// Side Nav
|
||||
|
||||
// $include-html-nav-classes: $include-html-classes;
|
||||
|
||||
// We use this to control padding.
|
||||
// $side-nav-padding: rem-calc(14 0);
|
||||
|
||||
// We use these to control list styles.
|
||||
// $side-nav-list-type: none;
|
||||
// $side-nav-list-position: inside;
|
||||
// $side-nav-list-margin: rem-calc(0 0 7 0);
|
||||
|
||||
// We use these to control link styles.
|
||||
// $side-nav-link-color: $primary-color;
|
||||
// $side-nav-link-color-active: lighten(#000, 30%);
|
||||
// $side-nav-font-size: rem-calc(14);
|
||||
// $side-nav-font-weight: normal;
|
||||
// $side-nav-font-family: $body-font-family;
|
||||
// $side-nav-active-font-family: $side-nav-font-family;
|
||||
|
||||
|
||||
|
||||
// We use these to control border styles
|
||||
// $side-nav-divider-size: 1px;
|
||||
// $side-nav-divider-style: solid;
|
||||
// $side-nav-divider-color: darken(#fff, 10%);
|
||||
|
||||
// Split Buttons
|
||||
|
||||
// $include-html-button-classes: $include-html-classes;
|
||||
|
||||
// We use these to control different shared styles for Split Buttons
|
||||
// $split-button-function-factor: 10%;
|
||||
// $split-button-pip-color: #fff;
|
||||
// $split-button-pip-color-alt: #333;
|
||||
// $split-button-active-bg-tint: rgba(0,0,0,0.1);
|
||||
|
||||
// We use these to control tiny split buttons
|
||||
// $split-button-padding-tny: $button-pip-tny * 10;
|
||||
// $split-button-span-width-tny: $button-pip-tny * 6;
|
||||
// $split-button-pip-size-tny: $button-pip-tny;
|
||||
// $split-button-pip-top-tny: $button-pip-tny * 2;
|
||||
// $split-button-pip-default-float-tny: rem-calc(-6);
|
||||
|
||||
// We use these to control small split buttons
|
||||
// $split-button-padding-sml: $button-pip-sml * 10;
|
||||
// $split-button-span-width-sml: $button-pip-sml * 6;
|
||||
// $split-button-pip-size-sml: $button-pip-sml;
|
||||
// $split-button-pip-top-sml: $button-pip-sml * 1.5;
|
||||
// $split-button-pip-default-float-sml: rem-calc(-6);
|
||||
|
||||
// We use these to control medium split buttons
|
||||
// $split-button-padding-med: $button-pip-med * 9;
|
||||
// $split-button-span-width-med: $button-pip-med * 5.5;
|
||||
// $split-button-pip-size-med: $button-pip-med - rem-calc(3);
|
||||
// $split-button-pip-top-med: $button-pip-med * 1.5;
|
||||
// $split-button-pip-default-float-med: rem-calc(-6);
|
||||
|
||||
// We use these to control large split buttons
|
||||
// $split-button-padding-lrg: $button-pip-lrg * 8;
|
||||
// $split-button-span-width-lrg: $button-pip-lrg * 5;
|
||||
// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
|
||||
// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);
|
||||
// $split-button-pip-default-float-lrg: rem-calc(-6);
|
||||
|
||||
// Sub Nav
|
||||
|
||||
// $include-html-nav-classes: $include-html-classes;
|
||||
|
||||
// We use these to control margin and padding
|
||||
// $sub-nav-list-margin: rem-calc(-4 0 18);
|
||||
// $sub-nav-list-padding-top: rem-calc(4);
|
||||
|
||||
// We use this to control the definition
|
||||
// $sub-nav-font-family: $body-font-family;
|
||||
// $sub-nav-font-size: rem-calc(14);
|
||||
// $sub-nav-font-color: #999;
|
||||
// $sub-nav-font-weight: normal;
|
||||
// $sub-nav-text-decoration: none;
|
||||
// $sub-nav-border-radius: 3px;
|
||||
// $sub-nav-font-color-hover: darken($sub-nav-font-color, 15%);
|
||||
|
||||
|
||||
// We use these to control the active item styles
|
||||
|
||||
// $sub-nav-active-font-weight: normal;
|
||||
// $sub-nav-active-bg: $primary-color;
|
||||
// $sub-nav-active-bg-hover: darken($sub-nav-active-bg, 5%);
|
||||
// $sub-nav-active-color: #fff;
|
||||
// $sub-nav-active-padding: rem-calc(3 16);
|
||||
// $sub-nav-active-cursor: default;
|
||||
|
||||
// $sub-nav-item-divider: "";
|
||||
// $sub-nav-item-divider-margin: rem-calc(12);
|
||||
|
||||
// Tables
|
||||
|
||||
// $include-html-table-classes: $include-html-classes;
|
||||
|
||||
// These control the background color for the table and even rows
|
||||
// $table-bg: #fff;
|
||||
// $table-even-row-bg: #f9f9f9 ;
|
||||
|
||||
// These control the table cell border style
|
||||
// $table-border-style: solid;
|
||||
// $table-border-size: 1px;
|
||||
// $table-border-color: #ddd;
|
||||
|
||||
// These control the table head styles
|
||||
// $table-head-bg: #f5f5f5 ;
|
||||
// $table-head-font-size: rem-calc(14);
|
||||
// $table-head-font-color: #222;
|
||||
// $table-head-font-weight: bold;
|
||||
// $table-head-padding: rem-calc(8 10 10);
|
||||
|
||||
// These control the row padding and font styles
|
||||
// $table-row-padding: rem-calc(9 10);
|
||||
// $table-row-font-size: rem-calc(14);
|
||||
// $table-row-font-color: #222;
|
||||
// $table-line-height: rem-calc(18);
|
||||
|
||||
// These are for controlling the display and margin of tables
|
||||
// $table-display: table-cell;
|
||||
// $table-margin-bottom: rem-calc(20);
|
||||
|
||||
//
|
||||
// TABS
|
||||
//
|
||||
|
||||
// $include-html-tabs-classes: $include-html-classes;
|
||||
|
||||
// $tabs-navigation-padding: rem-calc(16);
|
||||
// $tabs-navigation-bg-color: #efefef ;
|
||||
// $tabs-navigation-hover-bg-color: darken($tabs-navigation-bg-color, 5%);
|
||||
// $tabs-navigation-font-color: #222;
|
||||
// $tabs-navigation-font-size: rem-calc(16);
|
||||
// $tabs-navigation-font-family: $body-font-family;
|
||||
|
||||
// $tabs-content-margin-bottom: rem-calc(24);
|
||||
// $tabs-content-padding: $column-gutter/2;
|
||||
|
||||
// $tabs-vertical-navigation-margin-bottom: 1.25rem;
|
||||
|
||||
//
|
||||
// THUMBNAILS
|
||||
//
|
||||
|
||||
// $include-html-media-classes: $include-html-classes;
|
||||
|
||||
// We use these to control border styles
|
||||
// $thumb-border-style: solid;
|
||||
// $thumb-border-width: 4px;
|
||||
// $thumb-border-color: #fff;
|
||||
// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2);
|
||||
// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
|
||||
|
||||
// Radius and transition speed for thumbs
|
||||
// $thumb-radius: $global-radius;
|
||||
// $thumb-transition-speed: 200ms;
|
||||
|
||||
//
|
||||
// TOOLTIPS
|
||||
//
|
||||
|
||||
// $include-html-tooltip-classes: $include-html-classes;
|
||||
|
||||
// $has-tip-border-bottom: dotted 1px #ccc;
|
||||
// $has-tip-font-weight: bold;
|
||||
// $has-tip-font-color: #333;
|
||||
// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%);
|
||||
// $has-tip-font-color-hover: $primary-color;
|
||||
// $has-tip-cursor-type: help;
|
||||
|
||||
// $tooltip-padding: rem-calc(12);
|
||||
// $tooltip-bg: #333;
|
||||
// $tooltip-font-size: rem-calc(14);
|
||||
// $tooltip-font-weight: normal;
|
||||
// $tooltip-font-color: #fff;
|
||||
// $tooltip-line-height: 1.3;
|
||||
// $tooltip-close-font-size: rem-calc(10);
|
||||
// $tooltip-close-font-weight: normal;
|
||||
// $tooltip-close-font-color: #777;
|
||||
// $tooltip-font-size-sml: rem-calc(14);
|
||||
// $tooltip-radius: $global-radius;
|
||||
// $tooltip-pip-size: 5px;
|
||||
|
||||
//
|
||||
// TOP BAR
|
||||
//
|
||||
|
||||
// $include-html-top-bar-classes: $include-html-classes;
|
||||
|
||||
// Background color for the top bar
|
||||
$topbar-bg-color: #f3f3f3;
|
||||
$topbar-bg: linear-gradient(#f9f9f9, #f3f3f3);
|
||||
|
||||
// Height and margin
|
||||
// $topbar-height: 45px;
|
||||
// $topbar-margin-bottom: 0;
|
||||
|
||||
// Control Input height for top bar
|
||||
|
||||
// Controlling the styles for the title in the top bar
|
||||
// $topbar-title-weight: 500;
|
||||
// $topbar-title-font-size: rem-calc(17);
|
||||
|
||||
// Style the top bar dropdown elements
|
||||
$topbar-dropdown-bg: darken($topbar-bg-color, 2%);
|
||||
// $topbar-dropdown-link-color: #fff;
|
||||
// $topbar-dropdown-link-bg: #333;
|
||||
// $topbar-dropdown-toggle-size: 5px;
|
||||
// $topbar-dropdown-toggle-color: #fff;
|
||||
// $topbar-dropdown-toggle-alpha: 0.4;
|
||||
|
||||
// Set the link colors and styles for top-level nav
|
||||
$topbar-link-color: $primary-color;
|
||||
$topbar-link-color-hover: darken($primary-color, 10%);
|
||||
$topbar-link-color-active: darken($primary-color, 10%);
|
||||
// $topbar-link-weight: normal;
|
||||
// $topbar-link-font-size: rem-calc(13);
|
||||
$topbar-link-hover-lightness: -20%; // Darken by 20%
|
||||
$topbar-link-bg-hover: darken($topbar-bg-color, 5%);
|
||||
$topbar-link-bg-active: darken($topbar-bg-color, 5%);
|
||||
$topbar-link-bg-active-hover: darken($topbar-bg-color, 10%);
|
||||
// $topbar-link-font-family: $body-font-family;
|
||||
|
||||
// $topbar-button-font-size: 0.75rem;
|
||||
|
||||
// $topbar-dropdown-label-color: #777;
|
||||
// $topbar-dropdown-label-text-transform: uppercase;
|
||||
// $topbar-dropdown-label-font-weight: bold;
|
||||