force jekyll to pass _foo.scss files through

This commit is contained in:
davegandy 2013-06-12 10:15:46 -04:00
parent 89cdc55b08
commit 19aaed3ddd
12 changed files with 1578 additions and 2417 deletions

View file

@ -10,6 +10,8 @@ plugins: src/_plugins
pygments: true
permalink: pretty
include: [_bootstrap.scss, _core.scss, _extras.scss, _icons.scss, _mixins.scss, _path.scss, _variables.scss]
# used in building icon pages
icon_meta: src/icons.yml
icon_layout: icon.html # Relative to _layouts directory

99
scss/_bootstrap.scss Normal file
View file

@ -0,0 +1,99 @@
/* BOOTSTRAP SPECIFIC CLASSES
* -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn, .nav {
[class^="icon-"],
[class*=" icon-"] {
//display: inline
&.icon-large {
line-height: 0.9em;
}
&.icon-spin {
display: inline-block;
}
}
}
.nav-tabs, .nav-pills {
[class^="icon-"],
[class*=" icon-"] {
&, &.icon-large {
line-height: 0.9em;
}
}
}
.btn {
[class^="icon-"],
[class*=" icon-"] {
&.pull-left, &.pull-right {
&.icon-2x {
margin-top: 0.18em;
}
}
&.icon-spin.icon-large {
line-height: 0.8em;
}
}
}
.btn.btn-small {
[class^="icon-"],
[class*=" icon-"] {
&.pull-left, &.pull-right {
&.icon-2x {
margin-top: 0.25em;
}
}
}
}
.btn.btn-large {
[class^="icon-"],
[class*=" icon-"] {
margin-top: 0;
&.pull-left, &.pull-right {
&.icon-2x {
margin-top: 0.05em;
}
}
&.pull-left.icon-2x {
margin-right: 0.2em;
}
&.pull-right.icon-2x {
margin-left: 0.2em;
}
}
}

99
scss/_core.scss Normal file
View file

@ -0,0 +1,99 @@
/* BOOTSTRAP SPECIFIC CLASSES
* -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn, .nav {
[class^="icon-"],
[class*=" icon-"] {
//display: inline
&.icon-large {
line-height: 0.9em;
}
&.icon-spin {
display: inline-block;
}
}
}
.nav-tabs, .nav-pills {
[class^="icon-"],
[class*=" icon-"] {
&, &.icon-large {
line-height: 0.9em;
}
}
}
.btn {
[class^="icon-"],
[class*=" icon-"] {
&.pull-left, &.pull-right {
&.icon-2x {
margin-top: 0.18em;
}
}
&.icon-spin.icon-large {
line-height: 0.8em;
}
}
}
.btn.btn-small {
[class^="icon-"],
[class*=" icon-"] {
&.pull-left, &.pull-right {
&.icon-2x {
margin-top: 0.25em;
}
}
}
}
.btn.btn-large {
[class^="icon-"],
[class*=" icon-"] {
margin-top: 0;
&.pull-left, &.pull-right {
&.icon-2x {
margin-top: 0.05em;
}
}
&.pull-left.icon-2x {
margin-right: 0.2em;
}
&.pull-right.icon-2x {
margin-left: 0.2em;
}
}
}

84
scss/_extras.scss Normal file
View file

@ -0,0 +1,84 @@
/* EXTRAS
* -------------------------- */
/* Animated rotating icon */
.icon-spin {
display: inline-block;
@include animation(spin 2s infinite linear);
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
@include transform(rotate(90deg));
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
@include transform(rotate(180deg));
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
@include transform(rotate(270deg));
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
@include transform(scale(-1, 1));
}
.icon-flip-vertical:before {
@include transform(scale(1, -1));
}

1211
scss/_icons.scss Normal file

File diff suppressed because it is too large Load diff

48
scss/_mixins.scss Normal file
View file

@ -0,0 +1,48 @@
// Mixins
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
.icon-stack {
position: relative;
display: inline-block;
width: $width;
height: $height;
line-height: $width;
vertical-align: -35%;
[class^="icon-"],
[class*=" icon-"] {
display: block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
font-size: $top-font-size;
line-height: inherit;
*line-height: $height;
}
.icon-stack-base {
font-size: $base-font-size;
*line-height: $height / $base-font-size;
}
}
}
@mixin animation($animation) {
-moz-animation: $animation;
-o-animation: $animation;
-webkit-animation: $animation;
animation: $animation;
}
@mixin transform($transform) {
-webkit-transform: $transform;
-moz-transform: $transform;
-ms-transform: $transform;
-o-transform: $transform;
transform: $transform;
}

10
scss/_path.scss Normal file
View file

@ -0,0 +1,10 @@
// FONT PATH
@font-face {
font-family: "FontAwesome";
src: url("#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}");
src: url("#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}") format("embedded-opentype"), url("#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}") format("woff"), url("#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}") format("truetype"), url("#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}") format("svg");
//src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype') // used when developing fonts
font-weight: normal;
font-style: normal;
}

8
scss/_variables.scss Normal file
View file

@ -0,0 +1,8 @@
// Variables
$FontAwesomePath: "../font" !default;
$FontAwesomeVersion: "3.1.0" !default;
$borderColor: #eeeeee !default;
$iconMuted: #eeeeee !default;
$iconLight: white !default;
$iconDark: #333333 !default;

File diff suppressed because it is too large Load diff

View file

@ -1,25 +1,27 @@
/*! Font Awesome 3.1.0
/*!
* Font Awesome 3.2.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
* ------------------------------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation can be
* found at http://fontawesome.io. Stay up to date on Twitter at
* http://twitter.com/fontawesome.
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* ------------------------------------------------------------------------------
* - The Font Awesome font is licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* - Font Awesome documentation licensed under CC BY 3.0 -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*
* Contact
* -------------------------------------------------------
* Author - Dave Gandy
* ------------------------------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
* Twitter: http://twitter.com/byscuits
* Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/
@import "variables";

File diff suppressed because it is too large Load diff

View file

@ -1,26 +1,6 @@
/*! Font Awesome 3.1.0
* the iconic font designed for Bootstrap
* -------------------------------------------------------
* The full suite of pictographic icons, examples, and documentation
* can be found at: http://fontawesome.io
*
* License
* -------------------------------------------------------
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
* http://scripts.sil.org/OFL
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
* http://opensource.org/licenses/mit-license.html
* - Font Awesome documentation licensed under CC BY 3.0 License -
* http://creativecommons.org/licenses/by/3.0/
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*
* Contact
* -------------------------------------------------------
* Email: dave@fontawesome.io
* Twitter: http://twitter.com/fortaweso_me
* Work: Lead Product Designer @ http://kyruus.com
*/
---
---
{% include license-code.less %}
@import "variables";
@import "mixins";