mirror of
https://github.com/arsenetar/arsenetar.github.io.git
synced 2026-01-28 17:11:38 +00:00
Update site to test pelican-red
This commit is contained in:
1269
theme/sass/_foundationSettings.scss
Normal file
1269
theme/sass/_foundationSettings.scss
Normal file
File diff suppressed because it is too large
Load Diff
402
theme/sass/_normalize.scss
Normal file
402
theme/sass/_normalize.scss
Normal file
@@ -0,0 +1,402 @@
|
||||
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct `inline-block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Prevent system color scheme's background color being used in Firefox, IE,
|
||||
* and Opera.
|
||||
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
|
||||
* Opera.
|
||||
* 3. Set default font family to sans-serif.
|
||||
* 4. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
background: #fff; /* 1 */
|
||||
color: #000; /* 2 */
|
||||
font-family: sans-serif; /* 3 */
|
||||
-ms-text-size-adjust: 100%; /* 4 */
|
||||
-webkit-text-size-adjust: 100%; /* 4 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct font family set oddly in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set consistent quote types.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari 5.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct font family not being inherited in all browsers.
|
||||
* 2. Correct font size not being inherited in all browsers.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9.
|
||||
* 2. Remove excess padding in IE 8/9.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove default vertical scrollbar in IE 8/9.
|
||||
* 2. Improve readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
231
theme/sass/app.scss
Normal file
231
theme/sass/app.scss
Normal file
@@ -0,0 +1,231 @@
|
||||
// Global Foundation Settings
|
||||
@import "foundationSettings";
|
||||
|
||||
// Comment out this import if you don't want to use normalize
|
||||
@import "normalize";
|
||||
|
||||
// Foundation Imports
|
||||
@import "foundation/components/global"; // *always required
|
||||
@import "foundation/components/grid";
|
||||
// @import "foundation/components/visibility";
|
||||
// @import "foundation/components/block-grid";
|
||||
@import "foundation/components/type";
|
||||
@import "foundation/components/buttons";
|
||||
// @import "foundation/components/forms"; // *requires components/buttons
|
||||
// @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms
|
||||
// @import "foundation/components/button-groups"; // *requires components/buttons
|
||||
@import "foundation/components/dropdown-buttons"; // *requires components/buttons
|
||||
// @import "foundation/components/split-buttons"; // *requires components/buttons
|
||||
// @import "foundation/components/flex-video";
|
||||
// @import "foundation/components/section";
|
||||
@import "foundation/components/top-bar"; // *requires components/grid
|
||||
// @import "foundation/components/orbit";
|
||||
// @import "foundation/components/reveal";
|
||||
// @import "foundation/components/joyride";
|
||||
// @import "foundation/components/clearing";
|
||||
// @import "foundation/components/alert-boxes";
|
||||
// @import "foundation/components/breadcrumbs";
|
||||
@import "foundation/components/keystrokes";
|
||||
@import "foundation/components/labels";
|
||||
@import "foundation/components/inline-lists";
|
||||
@import "foundation/components/pagination";
|
||||
@import "foundation/components/panels";
|
||||
// @import "foundation/components/pricing-tables";
|
||||
// @import "foundation/components/progress-bars";
|
||||
// @import "foundation/components/side-nav";
|
||||
// @import "foundation/components/sub-nav";
|
||||
// @import "foundation/components/switch";
|
||||
// @import "foundation/components/magellan";
|
||||
@import "foundation/components/tables";
|
||||
@import "foundation/components/thumbs";
|
||||
// @import "foundation/components/tooltips";
|
||||
// @import "foundation/components/dropdown";
|
||||
|
||||
// VoltaicIdeas Imports
|
||||
$set: 'pelican-red';
|
||||
@import "voltaicideas/pelican-red/icons"; // icon fonts
|
||||
@import "voltaicideas/pelican-red/_pygments.scss"; // pygments css
|
||||
@import "voltaicideas/pelican-red/pygments-github"; // pygments style css
|
||||
|
||||
@import "compass/css3/box-shadow";
|
||||
@import "compass/css3/border-radius";
|
||||
@import "compass/css3/text-shadow";
|
||||
@import "compass/css3/images";
|
||||
|
||||
html{ height: 100%; }
|
||||
body{ height: 100%; }
|
||||
|
||||
//// Topbar fixes and media queries
|
||||
|
||||
.top-bar-section ul li.hover > a { background: $topbar-link-bg-hover; color: $topbar-link-color-hover; }
|
||||
|
||||
@media #{$topbar-media-query} {
|
||||
#nav{
|
||||
@include box-shadow( 0 2px 2px rgba( 50, 50, 50, 0.4 ) );
|
||||
.top-bar-section {
|
||||
.dropdown{
|
||||
@include box-shadow( 0 2px 2px rgba( 50, 50, 50, 0.4 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//// Area Styles
|
||||
body{ background-color: #fff; }
|
||||
|
||||
#nav {
|
||||
background-color: $topbar-bg;
|
||||
margin-bottom: emCalc(10px);
|
||||
.top-bar{ margin-bottom: 0; }
|
||||
}
|
||||
|
||||
#main section, #mainAside aside {
|
||||
background-color: #fff;
|
||||
@include box-shadow(0 2px 5px rgba(0,0,0,0.2));
|
||||
margin-bottom: emCalc(10px);
|
||||
}
|
||||
|
||||
#main section {
|
||||
padding: emCalc(10px) emCalc(7px) emCalc(7px) emCalc(12px);
|
||||
header {
|
||||
overflow: hidden;
|
||||
margin-bottom: emCalc(7px);
|
||||
h1, h2, h3 { margin-top: 0; margin-bottom: 0; }
|
||||
border-bottom: 1px solid darken(#fff, 5%);
|
||||
.print_header{ display: none; }
|
||||
}
|
||||
ul.item-list {
|
||||
@extend .no-bullet;
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
li .article {
|
||||
border: 1px solid darken(#fff, 5%);
|
||||
padding: emCalc(7px);
|
||||
margin: emCalc(7px);
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
&:after { clear: both }
|
||||
@include border-radius($global-radius);
|
||||
@include background-image(linear-gradient(top,#fff,#f8f8f8));
|
||||
.summary { font-size: 0.9em; padding-bottom: emCalc(7px); }
|
||||
footer{
|
||||
border-top: 1px solid darken(#fff, 5%);
|
||||
ul { margin-left: 0; }
|
||||
font-size: 0.8em;
|
||||
color: darken($secondary-color, 10%);
|
||||
abbr{
|
||||
color: darken($secondary-color, 10%);
|
||||
}
|
||||
a{ color: lighten($primary-color, 5%); }
|
||||
}
|
||||
header {
|
||||
.tag-list{
|
||||
font-size: 0.7em;
|
||||
margin-bottom: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
li a{ padding: emCalc(4px) emCalc(7px); }
|
||||
}
|
||||
span{ font-size: 0.8em; }
|
||||
}
|
||||
}
|
||||
}
|
||||
dl.item-list {
|
||||
dt{ border-top: 1px solid darken(#fff, 5%); }
|
||||
dt:first-child{ border: none; }
|
||||
dd{ margin-bottom: emCalc(8px); }
|
||||
}
|
||||
.page_footer, .article_footer{
|
||||
border-top: 1px solid darken(#fff, 5%);
|
||||
padding-top: emCalc(5px);
|
||||
.no-bullet{ margin-left: 0; }
|
||||
#disqus_thread {
|
||||
border-top: emCalc(1px) solid darken(#fff, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mainAside {
|
||||
font-size: 0.8em;
|
||||
aside {
|
||||
padding: emCalc(10px) emCalc(7px);
|
||||
}
|
||||
}
|
||||
#blogRoll {
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
.external {
|
||||
&:after{
|
||||
font-family: 'pelican-red';
|
||||
content: " ";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mainFooter {
|
||||
text-align: right;
|
||||
margin-right: emCalc(10px);
|
||||
margin-top: emCalc(10px);
|
||||
margin-bottom: emCalc(7px);
|
||||
color: #888;
|
||||
font-size: 0.8em;
|
||||
.print_footer{ display: none; }
|
||||
}
|
||||
|
||||
//// Component Styles
|
||||
.social-area {
|
||||
li a:not(.button) {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
// Google Search
|
||||
.gsc-control-cse{ padding: 0 !important;
|
||||
.gsc-input{ padding: 0 !important; }
|
||||
.gsc-search-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tag-list {
|
||||
@include inline-list;
|
||||
li {
|
||||
@include label(0, emCalc(16px), $secondary-color, $global-radius);
|
||||
a {
|
||||
padding: emCalc(7px) emCalc(7px);
|
||||
color: #000;
|
||||
span {
|
||||
@include keystroke(lighten($secondary-color, 5%));
|
||||
margin-left: emCalc(7px);
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
background-color: $primary-color;
|
||||
a {
|
||||
color: #fff;
|
||||
span {
|
||||
border-color: darken($primary-color, 4%);
|
||||
background-color: lighten($primary-color, 7%);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$small} {
|
||||
}
|
||||
|
||||
//// Print Visibility styling
|
||||
@media print{
|
||||
body { padding-top: 0 !important; }
|
||||
.top-bar, #mainAside {
|
||||
display: none;
|
||||
}
|
||||
#main section header .print_header, #mainFooter .print_footer{ display: block; }
|
||||
#main {
|
||||
.codehilitewrapper{ page-break-inside: avoid; }
|
||||
pre { border: none; }
|
||||
}
|
||||
}
|
||||
|
||||
43
theme/sass/voltaicideas/pelican-red/_iconList.scss
Normal file
43
theme/sass/voltaicideas/pelican-red/_iconList.scss
Normal file
@@ -0,0 +1,43 @@
|
||||
@include i-class('grooveshark','805');
|
||||
@include i-class('reddit','804');
|
||||
@include i-class('blogger','803');
|
||||
@include i-class('youtube','802');
|
||||
@include i-class('steam','801');
|
||||
@include i-class('tag','81a');
|
||||
@include i-class('vcard','817');
|
||||
@include i-class('language','806');
|
||||
@include i-class('dot-3','808');
|
||||
@include i-class('cc','826');
|
||||
@include i-class('cc-by','825');
|
||||
@include i-class('cc-nc','824');
|
||||
@include i-class('cc-nc-eu','823');
|
||||
@include i-class('cc-nc-jp','822');
|
||||
@include i-class('cc-sa','821');
|
||||
@include i-class('cc-nd','820');
|
||||
@include i-class('cc-pd','81f');
|
||||
@include i-class('cc-zero','81e');
|
||||
@include i-class('cc-share','81d');
|
||||
@include i-class('cc-remix','81c');
|
||||
@include i-class('github','80a');
|
||||
@include i-class('flickr','815');
|
||||
@include i-class('vimeo','80b');
|
||||
@include i-class('twitter','80e');
|
||||
@include i-class('facebook','80d');
|
||||
@include i-class('gplus','80c');
|
||||
@include i-class('pinterest','800');
|
||||
@include i-class('tumblr','809');
|
||||
@include i-class('linkedin','80f');
|
||||
@include i-class('dribbble','814');
|
||||
@include i-class('stumbleupon','816');
|
||||
@include i-class('lastfm','810');
|
||||
@include i-class('rdio','811');
|
||||
@include i-class('instagram','812');
|
||||
@include i-class('skype','813');
|
||||
@include i-class('picasa','818');
|
||||
@include i-class('soundcloud','819');
|
||||
@include i-class('newspaper','807');
|
||||
@include i-class('search','827');
|
||||
@include i-class('link','81b');
|
||||
|
||||
//Generated on Sat Jul 13 07:02:38 UTC 2013
|
||||
|
||||
61
theme/sass/voltaicideas/pelican-red/_iconSettings.scss
Normal file
61
theme/sass/voltaicideas/pelican-red/_iconSettings.scss
Normal file
@@ -0,0 +1,61 @@
|
||||
//
|
||||
// Sass Icon Fonts
|
||||
//
|
||||
|
||||
// Settings File _iconSettings.scss
|
||||
// Version: 0.3
|
||||
// Created By: Andrew Senetar
|
||||
// Date: July, 13 2013
|
||||
// Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello
|
||||
|
||||
//// Compass imports used later in icons.scss
|
||||
|
||||
@import "compass/css3/font-face";
|
||||
@import "compass/css3/border-radius";
|
||||
@import "compass/css3/animation";
|
||||
@import "compass/css3/transform";
|
||||
|
||||
//// Font and class variables
|
||||
|
||||
$classPrefix: "icon-" !default; // icon class prefix [prefix-][name]
|
||||
$set: "fontello" !default; // font name
|
||||
|
||||
//// Color Variables (from Font Awesome)
|
||||
|
||||
$iconBorderColor: #eee !default;
|
||||
$iconMuted: #eee !default;
|
||||
$iconLight: #fff !default;
|
||||
$iconDark: #333 !default;
|
||||
|
||||
//// Mixin for creation of individual icon class
|
||||
//// Use: @include i-class([name],[code]); (assumes \exxx space since its imposible? to output
|
||||
//// \#{$pua} in Sass appearntly
|
||||
|
||||
@mixin i-class($name,$pua) {
|
||||
.#{$classPrefix}#{$name}:before {
|
||||
content: "\e#{$pua}";
|
||||
}
|
||||
}
|
||||
|
||||
//// Mixin for creation of individual icon class for Internet Explorer
|
||||
//// Use: @include i-class([name],[code]); (again exxx range)
|
||||
|
||||
@mixin ie-class($name,$pua) {
|
||||
.#{$classPrefix}#{$name} {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "#{$pua}; ");
|
||||
}
|
||||
}
|
||||
|
||||
//// Mixin for @font-face
|
||||
//// Use @include face([$set]);
|
||||
|
||||
@mixin face($set) {
|
||||
@include font-face("#{$set}",
|
||||
font-files("#{$set}.woff",
|
||||
"#{$set}.ttf",
|
||||
"#{$set}.svg"),
|
||||
'#{$set}.eot',
|
||||
normal,
|
||||
normal);
|
||||
}
|
||||
|
||||
136
theme/sass/voltaicideas/pelican-red/_icons.scss
Normal file
136
theme/sass/voltaicideas/pelican-red/_icons.scss
Normal file
@@ -0,0 +1,136 @@
|
||||
//
|
||||
// Sass Icon Fonts
|
||||
//
|
||||
|
||||
// Main File icons.scss
|
||||
// Version: 0.3
|
||||
// Created By: Andrew Senetar
|
||||
// Date: July, 13 2013
|
||||
// Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello
|
||||
|
||||
@import "voltaicideas/pelican-red/iconSettings";
|
||||
|
||||
/* Icon Font */
|
||||
@include face(#{$set}); //@font-face
|
||||
|
||||
//// global icon styles (from Foundation Icons + Font Awesome)
|
||||
/* Icon font Styles */
|
||||
[class*="#{$classPrefix}"] {
|
||||
background-image: none;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
display: inline;
|
||||
height: auto;
|
||||
width: auto;
|
||||
vertical-align: baseline;
|
||||
line-height: 1;
|
||||
margin-top: 0;
|
||||
speak: none;
|
||||
font-family: '#{$set}';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
text-decoration: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
[class*="#{$classPrefix}"]:before {
|
||||
text-decoration: inherit;
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
//// Icon borders (from Font Awesome)
|
||||
|
||||
[class*="border #{$classPrefix}"] {
|
||||
border: solid 1px $iconBorderColor;
|
||||
padding: .2em .25em .15em;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
//// Icon sizes (from Font Awesome)
|
||||
|
||||
[class*="large #{$classPrefix}"]:before {
|
||||
vertical-align: -10%;
|
||||
font-size: 1.333em;
|
||||
}
|
||||
|
||||
[class*="huge #{$classPrefix}"]:before {
|
||||
vertical-align: -17%;
|
||||
font-size: 1.75em;
|
||||
}
|
||||
|
||||
[class*="2x #{$classPrefix}"] {
|
||||
font-size: 2em;
|
||||
& .border {
|
||||
border-width: 2px;
|
||||
@include border-radius(4px);
|
||||
}
|
||||
}
|
||||
|
||||
[class*="3x #{$classPrefix}"] {
|
||||
font-size: 3em;
|
||||
& .border {
|
||||
border-width: 3px;
|
||||
@include border-radius(5px);
|
||||
}
|
||||
}
|
||||
|
||||
[class*="4x #{$classPrefix}"] {
|
||||
font-size: 4em;
|
||||
& .border {
|
||||
border-width: 4px;
|
||||
@include border-radius(6px);
|
||||
}
|
||||
}
|
||||
|
||||
[class*="5x #{$classPrefix}"] {
|
||||
font-size: 5em;
|
||||
& .border {
|
||||
border-width: 5px;
|
||||
@include border-radius(7px);
|
||||
}
|
||||
}
|
||||
|
||||
//// Colors (from Font Awesome)
|
||||
|
||||
[class*="muted #{$classPrefix}"]{
|
||||
color: $iconMuted;
|
||||
}
|
||||
|
||||
[class*="light #{$classPrefix}"]{
|
||||
color: $iconLight;
|
||||
}
|
||||
|
||||
[class*="dark #{$classPrefix}"]{
|
||||
color: $iconDark;
|
||||
}
|
||||
|
||||
//// Fixes
|
||||
|
||||
//// makes sure icons active on rollover in links (from Font Awesome)
|
||||
|
||||
a [class*="#{$classPrefix}"]:before {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
//// Animation for Spinners (from Fontello)
|
||||
|
||||
@include keyframes(spin){
|
||||
0%{
|
||||
@include transform(rotate(0deg));
|
||||
}
|
||||
100%{
|
||||
@include transform(rotate(359deg));
|
||||
}
|
||||
}
|
||||
|
||||
.animate-spin{
|
||||
@include animation(spin 2s infinite linear);
|
||||
}
|
||||
|
||||
//// Actual Icons
|
||||
/* Icon Font List */
|
||||
@import "voltaicideas/pelican-red/_iconList.scss"
|
||||
|
||||
65
theme/sass/voltaicideas/pelican-red/_pygments-github.scss
Normal file
65
theme/sass/voltaicideas/pelican-red/_pygments-github.scss
Normal file
@@ -0,0 +1,65 @@
|
||||
/* Pygments Code Highlight */
|
||||
|
||||
.codehilite {
|
||||
.hll { background-color: #ffffcc }
|
||||
.c { color: #999988; font-style: italic } // Comment
|
||||
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
||||
.k { color: #000000; font-weight: bold } // Keyword
|
||||
.o { color: #000000; font-weight: bold } // Operator
|
||||
.cm { color: #999988; font-style: italic } // Comment.Multiline
|
||||
.cp { color: #999999; font-weight: bold; font-style: italic } // Comment.Preproc
|
||||
.c1 { color: #999988; font-style: italic } // Comment.Single
|
||||
.cs { color: #999999; font-weight: bold; font-style: italic } // Comment.Special
|
||||
.gd { color: #000000; background-color: #ffdddd } // Generic.Deleted
|
||||
.ge { color: #000000; font-style: italic } // Generic.Emph
|
||||
.gr { color: #aa0000 } // Generic.Error
|
||||
.gh { color: #999999 } // Generic.Heading
|
||||
.gi { color: #000000; background-color: #ddffdd } // Generic.Inserted
|
||||
.go { color: #888888 } // Generic.Output
|
||||
.gp { color: #555555 } // Generic.Prompt
|
||||
.gs { font-weight: bold } // Generic.Strong
|
||||
.gu { color: #aaaaaa } // Generic.Subheading
|
||||
.gt { color: #aa0000 } // Generic.Traceback
|
||||
.kc { color: #000000; font-weight: bold } // Keyword.Constant
|
||||
.kd { color: #000000; font-weight: bold } // Keyword.Declaration
|
||||
.kn { color: #000000; font-weight: bold } // Keyword.Namespace
|
||||
.kp { color: #000000; font-weight: bold } // Keyword.Pseudo
|
||||
.kr { color: #000000; font-weight: bold } // Keyword.Reserved
|
||||
.kt { color: #445588; font-weight: bold } // Keyword.Type
|
||||
.m { color: #009999 } // Literal.Number
|
||||
.s { color: #d01040 } // Literal.String
|
||||
.na { color: #008080 } // Name.Attribute
|
||||
.nb { color: #0086B3 } // Name.Builtin
|
||||
.nc { color: #445588; font-weight: bold } // Name.Class
|
||||
.no { color: #008080 } // Name.Constant
|
||||
.nd { color: #3c5d5d; font-weight: bold } // Name.Decorator
|
||||
.ni { color: #800080 } // Name.Entity
|
||||
.ne { color: #990000; font-weight: bold } // Name.Exception
|
||||
.nf { color: #990000; font-weight: bold } // Name.Function
|
||||
.nl { color: #990000; font-weight: bold } // Name.Label
|
||||
.nn { color: #555555 } // Name.Namespace
|
||||
.nt { color: #000080 } // Name.Tag
|
||||
.nv { color: #008080 } // Name.Variable
|
||||
.ow { color: #000000; font-weight: bold } // Operator.Word
|
||||
.w { color: #bbbbbb } // Text.Whitespace
|
||||
.mf { color: #009999 } // Literal.Number.Float
|
||||
.mh { color: #009999 } // Literal.Number.Hex
|
||||
.mi { color: #009999 } // Literal.Number.Integer
|
||||
.mo { color: #009999 } // Literal.Number.Oct
|
||||
.sb { color: #d01040 } // Literal.String.Backtick
|
||||
.sc { color: #d01040 } // Literal.String.Char
|
||||
.sd { color: #d01040 } // Literal.String.Doc
|
||||
.s2 { color: #d01040 } // Literal.String.Double
|
||||
.se { color: #d01040 } // Literal.String.Escape
|
||||
.sh { color: #d01040 } // Literal.String.Heredoc
|
||||
.si { color: #d01040 } // Literal.String.Interpol
|
||||
.sx { color: #d01040 } // Literal.String.Other
|
||||
.sr { color: #009926 } // Literal.String.Regex
|
||||
.s1 { color: #d01040 } // Literal.String.Single
|
||||
.ss { color: #990073 } // Literal.String.Symbol
|
||||
.bp { color: #999999 } // Name.Builtin.Pseudo
|
||||
.vc { color: #008080 } // Name.Variable.Class
|
||||
.vg { color: #008080 } // Name.Variable.Global
|
||||
.vi { color: #008080 } // Name.Variable.Instance
|
||||
.il { color: #009999 } // Literal.Number.Integer.Long
|
||||
}
|
||||
52
theme/sass/voltaicideas/pelican-red/_pygments.scss
Normal file
52
theme/sass/voltaicideas/pelican-red/_pygments.scss
Normal file
@@ -0,0 +1,52 @@
|
||||
.codehilite{
|
||||
font-size: emCalc(14px);
|
||||
padding: emCalc(7px);
|
||||
background-color: lighten($secondary-color, 8%);
|
||||
border: 1px solid $secondary-color;
|
||||
font-family: 'Source Code Pro', 'Consolas', Monaco, monospace;
|
||||
overflow: auto;
|
||||
margin-bottom: emCalc(16px);
|
||||
pre{
|
||||
tab-size: 4;
|
||||
white-space: pre;
|
||||
font-family: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
div.codehilitewrapper{
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
border: 1px solid $secondary-color;
|
||||
margin-bottom: 1.25em;
|
||||
table.codehilitetable{
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
table.codehilitetable{
|
||||
td{ font-size: 1em; }
|
||||
width: 100%;
|
||||
.linenos{
|
||||
width: emCalc(30px);
|
||||
padding: 0;
|
||||
.linenodiv{
|
||||
padding: emCalc(7px);
|
||||
overflow: auto;
|
||||
font-family: 'Source Code Pro', 'Consolas', Monaco, monospace;
|
||||
pre{
|
||||
font-family: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
.code{
|
||||
padding: 0;
|
||||
.codehilite{
|
||||
border-bottom: none;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user