coolstrap-generator 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.DS_Store +0 -0
- data/.gitignore +4 -0
- data/.rvmrc +1 -0
- data/Gemfile +4 -0
- data/Rakefile +6 -0
- data/bin/coolstrap +5 -0
- data/coolstrap-generator.gemspec +42 -0
- data/lib/.DS_Store +0 -0
- data/lib/coolstrap-generator.rb +39 -0
- data/lib/coolstrap-generator/.DS_Store +0 -0
- data/lib/coolstrap-generator/builder/middleman.rb +0 -0
- data/lib/coolstrap-generator/cli.rb +71 -0
- data/lib/coolstrap-generator/generate/project.rb +96 -0
- data/lib/coolstrap-generator/generate/view.rb +54 -0
- data/lib/coolstrap-generator/logger.rb +13 -0
- data/lib/coolstrap-generator/middleman/helpers.rb +176 -0
- data/lib/coolstrap-generator/templates/.DS_Store +0 -0
- data/lib/coolstrap-generator/templates/app/.DS_Store +0 -0
- data/lib/coolstrap-generator/templates/app/assets/.DS_Store +0 -0
- data/lib/coolstrap-generator/templates/app/assets/fonts/fontawesome-webfont.eot +0 -0
- data/lib/coolstrap-generator/templates/app/assets/fonts/fontawesome-webfont.svg +255 -0
- data/lib/coolstrap-generator/templates/app/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/lib/coolstrap-generator/templates/app/assets/fonts/fontawesome-webfont.woff +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/.DS_Store +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/arrow-list.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/arrow.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/menu.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/startup/smatphone.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/startup/smatphone@2x.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/startup/tablet-landscape.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/startup/tablet-landscape@2x.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/startup/tablet-portrait.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/coolstrap/startup/tablet-portrait@2x.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/startup/smatphone.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/startup/smatphone@2x.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/startup/tablet-landscape.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/startup/tablet-landscape@2x.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/startup/tablet-portrait.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/images/startup/tablet-portrait@2x.png +0 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/.DS_Store +0 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/app.js +18 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/_Coolstrap.App.coffee +39 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/_Coolstrap.Console.coffee +49 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/_Coolstrap.Constants.coffee +89 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/_Coolstrap.js +13 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/build/_wrap-start.js +18 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/coolstrap-0.1.js +20 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/coolstrap-0.1.packed.js +23 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/fallback/_Coolstrap.Fallback.Android.coffee +53 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/fallback/_Coolstrap.Fallback.iOS.coffee +29 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/framework/_Coolstrap.Framework.Articles.coffee +34 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/framework/_Coolstrap.Framework.Dialogs.coffee +33 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/framework/_Coolstrap.Framework.Navigation.coffee +118 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/framework/_Coolstrap.Framework.Sections.coffee +60 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/lib/iscroll.js +1076 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/lib/modernizr-2.5.3.js +1265 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/lib/zepto-1.0rc1.js +1357 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/navigate/_Coolstrap.Navigate.History.coffee +164 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/navigate/_Coolstrap.Navigate.coffee +105 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/plugins/_Coolstrap.Plugins.coffee +157 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/util/_Coolstrap.Util.Core.coffee +54 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/util/_Coolstrap.Util.Platform.coffee +89 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/util/_Coolstrap.Util.UI.coffee +96 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/util/_Coolstrap.Util.coffee +41 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/view/_Coolstrap.View.Article.coffee +43 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/view/_Coolstrap.View.Aside.coffee +65 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/view/_Coolstrap.View.Dialog.coffee +129 -0
- data/lib/coolstrap-generator/templates/app/assets/javascripts/coolstrap/view/_Coolstrap.View.Scroll.coffee +191 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/.DS_Store +0 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/_structure.scss +8 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/coolstrap.css.scss +2 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/_components.scss +5 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/_layout.scss +4 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/_utilities.scss +6 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/components/_dialog.scss +122 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/components/_formelements.scss +89 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/components/_listview.scss +76 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/components/_navigations.scss +192 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/components/_tools.scss +169 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/layout/_layers.scss +57 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/layout/_layout.scss +62 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/layout/_positions.scss +38 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/layout/_transitions.scss +35 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/utilities/_animate.scss +63 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/utilities/_helpers.scss +82 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/utilities/_icons.scss +336 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/utilities/_mixins.scss +45 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/utilities/_reset.scss +367 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/structure/utilities/_variables.scss +176 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/themes/_default.scss +255 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/coolstrap/themes/coolstrap.css.scss +164 -0
- data/lib/coolstrap-generator/templates/app/assets/stylesheets/customtheme.css.scss +19 -0
- data/lib/coolstrap-generator/templates/app/components/_formelements.html.haml +130 -0
- data/lib/coolstrap-generator/templates/app/components/_tabbar.html.haml +343 -0
- data/lib/coolstrap-generator/templates/app/components/_toolbar.html.haml +463 -0
- data/lib/coolstrap-generator/templates/app/components/formelements.html.haml +196 -0
- data/lib/coolstrap-generator/templates/app/components/listview/_complexlistavatar.html.haml.erb +77 -0
- data/lib/coolstrap-generator/templates/app/components/listview/_simplelist.html.haml.erb +31 -0
- data/lib/coolstrap-generator/templates/app/components/tabbar.html.haml.erb +16 -0
- data/lib/coolstrap-generator/templates/app/components/toolbar.html.haml.erb +32 -0
- data/lib/coolstrap-generator/templates/app/index.html.haml.erb +21 -0
- data/lib/coolstrap-generator/templates/app/layout.haml.erb +79 -0
- data/lib/coolstrap-generator/templates/app/views/.DS_Store +0 -0
- data/lib/coolstrap-generator/templates/app/views/_home.haml.erb +31 -0
- data/lib/coolstrap-generator/templates/app/views/shared/_aside_onbottom.haml +2 -0
- data/lib/coolstrap-generator/templates/app/views/shared/_aside_onleft.haml +56 -0
- data/lib/coolstrap-generator/templates/app/views/shared/_aside_onright.haml +66 -0
- data/lib/coolstrap-generator/templates/app/views/shared/_aside_ontop.haml +19 -0
- data/lib/coolstrap-generator/templates/defaults/Gemfile.erb +3 -0
- data/lib/coolstrap-generator/templates/defaults/LICENSE.erb +1 -0
- data/lib/coolstrap-generator/templates/defaults/Readme.mkd.erb +1 -0
- data/lib/coolstrap-generator/templates/defaults/config.erb +42 -0
- data/lib/coolstrap-generator/templates/defaults/gitignore.erb +2 -0
- data/lib/coolstrap-generator/templates/rakefile +102 -0
- data/lib/coolstrap-generator/templates/specs/app_spec.coffee +3 -0
- data/lib/coolstrap-generator/utils.rb +82 -0
- data/lib/coolstrap-generator/version.rb +5 -0
- data/readme.md +107 -0
- data/spec/cli/command_spec.rb +88 -0
- data/spec/coolstrap-generator/generate/project_spec.rb +126 -0
- data/spec/coolstrap-generator/generate/view_spec.rb +26 -0
- data/spec/coolstrap-generator/logger_spec.rb +25 -0
- data/spec/coolstrap-generator/middleman/helpers_spec.rb +16 -0
- data/spec/coolstrap-generator/utils_spec.rb +120 -0
- data/spec/spec_helper.rb +39 -0
- metadata +321 -0
@@ -0,0 +1,38 @@
|
|
1
|
+
|
2
|
+
header {
|
3
|
+
&#{$isVertical} { @include setFixedPosition(left, $default-header-vertical-size); }
|
4
|
+
&#{$isNormal} { @include setFixedPosition(top, $default-header-size); }
|
5
|
+
}
|
6
|
+
|
7
|
+
|
8
|
+
nav {
|
9
|
+
&#{$isTabbar} { @include setFixedPosition(top, $default-tabbar-size); }
|
10
|
+
&#{$isToolbar} { @include setFixedPosition(top, $default-navbar-size); }
|
11
|
+
&#{$isNormal} { @include setFixedPosition(top, $default-navbar-size); }
|
12
|
+
}
|
13
|
+
|
14
|
+
|
15
|
+
footer {
|
16
|
+
&#{$isTabbar} { @include setFixedPosition(bottom, $default-tabbar-size); }
|
17
|
+
&#{$isToolbar} { @include setFixedPosition(bottom, $default-navbar-size); }
|
18
|
+
&#{$isNormal} { @include setFixedPosition(bottom, $default-navbar-size); }
|
19
|
+
}
|
20
|
+
|
21
|
+
// Remove footer on vertical header mode
|
22
|
+
header#{$isVertical} ~ footer { display: none; }
|
23
|
+
|
24
|
+
aside {
|
25
|
+
&#{$isOnTop} { @include setFixedPosition(top, $default-aside-top-size); }
|
26
|
+
&#{$isOnBottom} { @include setFixedPosition(bottom, $default-aside-bottom-size); }
|
27
|
+
&#{$isOnLeft} { @include setFixedPosition(left, $default-aside-left-size); }
|
28
|
+
&#{$isOnRight} { @include setFixedPosition(right, $default-aside-right-size); }
|
29
|
+
}
|
30
|
+
|
31
|
+
|
32
|
+
// Landscape smartphone optimization
|
33
|
+
@media only screen
|
34
|
+
and (min-width : 321px)
|
35
|
+
and (max-width : 480px)
|
36
|
+
and (orientation : landscape) {
|
37
|
+
header#{$isNormal} { @include setFixedPosition(top, $default-header-landscape-size); }
|
38
|
+
}
|
@@ -0,0 +1,35 @@
|
|
1
|
+
|
2
|
+
div#{$isMain} {
|
3
|
+
@include setTransition();
|
4
|
+
body.showasideonLeft & { @include setTransition(left, $default-aside-left-size); }
|
5
|
+
body.showasideonRight & { @include setTransition(right, $default-aside-right-size); }
|
6
|
+
body.showasideonTop & { @include setTransition(top, $default-aside-top-size); }
|
7
|
+
body.showasideonBottom & { @include setTransition(bottom, $default-aside-bottom-size); }
|
8
|
+
}
|
9
|
+
|
10
|
+
section {
|
11
|
+
@include setTransition();
|
12
|
+
@include setTransition(left, 100%);
|
13
|
+
|
14
|
+
&:first-of-type { @include setTransition(left, 0%); }
|
15
|
+
&.show { @include setTransition(left, 0%); }
|
16
|
+
&.hide { @include setTransition(left, -100%); }
|
17
|
+
}
|
18
|
+
|
19
|
+
div#{$isDialog} {
|
20
|
+
@include setTransition();
|
21
|
+
|
22
|
+
&#{$isAction} {
|
23
|
+
@include setTransition(top, 100%);
|
24
|
+
&.show { @include setTransition(top, 0%); }
|
25
|
+
&.hide { @include setTransition(top, 100%); }
|
26
|
+
}
|
27
|
+
|
28
|
+
&#{$isModal} {
|
29
|
+
&.show { @include setTransform(bounceIn,0ms); }
|
30
|
+
&.hide { @include setTransform(bounceOut,0ms); }
|
31
|
+
}
|
32
|
+
|
33
|
+
}
|
34
|
+
|
35
|
+
|
@@ -0,0 +1,63 @@
|
|
1
|
+
|
2
|
+
@mixin setTransition($type: $default-transition-type, $distance: $default-transform-distance) {
|
3
|
+
@if $type == false {
|
4
|
+
$default-translate-x : 0;
|
5
|
+
$default-translate-y : 0;
|
6
|
+
}
|
7
|
+
@else if $type == left {
|
8
|
+
$default-translate-x : $distance;
|
9
|
+
$default-translate-y : 0;
|
10
|
+
}
|
11
|
+
@else if $type == right {
|
12
|
+
$default-translate-x : -($distance);
|
13
|
+
$default-translate-y : 0;
|
14
|
+
}
|
15
|
+
@else if $type == top {
|
16
|
+
$default-translate-x : 0;
|
17
|
+
$default-translate-y : $distance;
|
18
|
+
}
|
19
|
+
@else if $type == bottom {
|
20
|
+
$default-translate-x : 0;
|
21
|
+
$default-translate-y : -($distance);
|
22
|
+
}
|
23
|
+
$default-translate-z : 0;
|
24
|
+
@include translate3d();
|
25
|
+
@include single-transition();
|
26
|
+
}
|
27
|
+
|
28
|
+
|
29
|
+
// FIX ME: @Cristian: optimizar setTransition mixin
|
30
|
+
@mixin setTransform($type,$duration: $default-transition-duration) {
|
31
|
+
-webkit-animation-duration: $duration;
|
32
|
+
|
33
|
+
@if $type == bounceIn {
|
34
|
+
-webkit-animation-name: bounceIn;
|
35
|
+
}
|
36
|
+
@else if $type == bounceOut {
|
37
|
+
-webkit-animation-name: bounceOut;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
@-webkit-keyframes bounceIn {
|
42
|
+
0% {
|
43
|
+
opacity: 0.3;
|
44
|
+
-webkit-transform: scale(0);
|
45
|
+
}
|
46
|
+
|
47
|
+
100% {
|
48
|
+
opacity: 1;
|
49
|
+
-webkit-transform: scale(1);
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
@-webkit-keyframes bounceOut {
|
54
|
+
0% {
|
55
|
+
-webkit-transform: scale(1);
|
56
|
+
}
|
57
|
+
|
58
|
+
100% {
|
59
|
+
opacity: 0;
|
60
|
+
-webkit-transform: scale(.3);
|
61
|
+
}
|
62
|
+
}
|
63
|
+
|
@@ -0,0 +1,82 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
// Media queries for responsive design github.com/h5bp/mobile-boilerplate/wiki/The-Style
|
4
|
+
|
5
|
+
|
6
|
+
// Styles for desktop and large screen -----------
|
7
|
+
|
8
|
+
//styles for 800px and up
|
9
|
+
@media only screen and (min-width: 800px) {
|
10
|
+
// Styles
|
11
|
+
}///mediaquer
|
12
|
+
|
13
|
+
|
14
|
+
// iPhone 4, Opera Mobile 11 and other high pixel ratio devices -----------
|
15
|
+
@media
|
16
|
+
only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
17
|
+
only screen and (-o-min-device-pixel-ratio: 3/2),
|
18
|
+
only screen and (min--moz-device-pixel-ratio: 1.5),
|
19
|
+
only screen and (min-device-pixel-ratio: 1.5) {
|
20
|
+
// Styles
|
21
|
+
}
|
22
|
+
|
23
|
+
|
24
|
+
|
25
|
+
// ==|== non-semantic helper classes ===========================================
|
26
|
+
// Please define your styles before this section.
|
27
|
+
// =============================================================================
|
28
|
+
|
29
|
+
// prevent callout
|
30
|
+
.nocallout {-webkit-touch-callout: none;}
|
31
|
+
|
32
|
+
// A hack for HTML5 contenteditable attribute on mobile
|
33
|
+
textarea[contenteditable] {-webkit-appearance: none;}
|
34
|
+
|
35
|
+
// A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none
|
36
|
+
.gifhidden {position: absolute; left: -100%;}
|
37
|
+
|
38
|
+
// For image replacement
|
39
|
+
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
|
40
|
+
.ir br { display: none; }
|
41
|
+
|
42
|
+
// Hide from both screenreaders and browsers: h5bp.com/u
|
43
|
+
.hidden { display: none !important; visibility: hidden; }
|
44
|
+
|
45
|
+
// Hide only visually, but have it available for screenreaders: h5bp.com/v
|
46
|
+
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
47
|
+
|
48
|
+
// Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p
|
49
|
+
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
|
50
|
+
|
51
|
+
// Hide visually and from screenreaders, but maintain layout
|
52
|
+
.invisible { visibility: hidden; }
|
53
|
+
|
54
|
+
// Contain floats: h5bp.com/q
|
55
|
+
.clearfix:before, .clearfix:after { content: ""; display: table; }
|
56
|
+
.clearfix:after { clear: both; }
|
57
|
+
.clearfix { *zoom: 1; }
|
58
|
+
|
59
|
+
// Ellipsis for texts larger than the content
|
60
|
+
.ellipsis { @include ellipsis;}
|
61
|
+
|
62
|
+
|
63
|
+
|
64
|
+
// ==|== print styles ==========================================================
|
65
|
+
// Print styles.
|
66
|
+
// Inlined to avoid required HTTP connection: h5bp.com/r
|
67
|
+
// =============================================================================
|
68
|
+
|
69
|
+
@media print {
|
70
|
+
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } // Black prints faster: h5bp.com/s
|
71
|
+
a, a:visited { text-decoration: underline; }
|
72
|
+
a[href]:after { content: " (" attr(href) ")"; }
|
73
|
+
abbr[title]:after { content: " (" attr(title) ")"; }
|
74
|
+
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } // Don't show links for images, or javascript/internal links
|
75
|
+
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
76
|
+
thead { display: table-header-group; } // h5bp.com/t
|
77
|
+
tr, img { page-break-inside: avoid; }
|
78
|
+
img { max-width: 100% !important; }
|
79
|
+
@page { margin: 0.5cm; }
|
80
|
+
p, h2, h3 { orphans: 3; widows: 3; }
|
81
|
+
h2, h3 { page-break-after: avoid; }
|
82
|
+
}
|
@@ -0,0 +1,336 @@
|
|
1
|
+
/* Font Awesome
|
2
|
+
the iconic font designed for use with Twitter Bootstrap
|
3
|
+
-------------------------------------------------------
|
4
|
+
The full suite of pictographic icons, examples, and documentation
|
5
|
+
can be found at: http://fortawesome.github.com/Font-Awesome/
|
6
|
+
|
7
|
+
License
|
8
|
+
-------------------------------------------------------
|
9
|
+
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
|
10
|
+
http://creativecommons.org/licenses/by/3.0/ A mention of
|
11
|
+
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
|
12
|
+
source code is considered acceptable attribution (most common on the web).
|
13
|
+
If human readable source code is not available to the end user, a mention in
|
14
|
+
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
|
15
|
+
or mobile software).
|
16
|
+
|
17
|
+
Contact
|
18
|
+
-------------------------------------------------------
|
19
|
+
Email: dave@davegandy.com
|
20
|
+
Twitter: http://twitter.com/fortaweso_me
|
21
|
+
Work: Lead Product Designer @ http://kyruus.com
|
22
|
+
|
23
|
+
*/
|
24
|
+
|
25
|
+
|
26
|
+
@font-face {
|
27
|
+
font-family: 'FontAwesome';
|
28
|
+
src: font-url('fontawesome-webfont.eot');
|
29
|
+
src: font-url('fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
|
30
|
+
font-url('fontawesome-webfont.woff') format('woff'),
|
31
|
+
font-url('fontawesome-webfont.ttf') format('truetype'),
|
32
|
+
font-url('fontawesome-webfont.svg#FontAwesome') format('svg');
|
33
|
+
font-weight: normal;
|
34
|
+
font-style: normal;
|
35
|
+
}
|
36
|
+
|
37
|
+
/* Font Awesome styles
|
38
|
+
------------------------------------------------------- */
|
39
|
+
[class^="icon-"]:before,
|
40
|
+
[class*=" icon-"]:before {
|
41
|
+
font-family: FontAwesome;
|
42
|
+
font-weight: normal;
|
43
|
+
font-style: normal;
|
44
|
+
display: inline-block;
|
45
|
+
text-decoration: inherit;
|
46
|
+
}
|
47
|
+
|
48
|
+
/*
|
49
|
+
a [class^="icon-"],
|
50
|
+
a [class*=" icon-"] {
|
51
|
+
display: inline-block;
|
52
|
+
text-decoration: inherit;
|
53
|
+
}
|
54
|
+
*/
|
55
|
+
|
56
|
+
/* makes the font 33% larger relative to the icon container */
|
57
|
+
.icon-large:before {
|
58
|
+
vertical-align: middle;
|
59
|
+
font-size: 4/3em;
|
60
|
+
}
|
61
|
+
|
62
|
+
/*
|
63
|
+
.btn, .nav-tabs {
|
64
|
+
[class^="icon-"],
|
65
|
+
[class*=" icon-"] {
|
66
|
+
// keeps button heights with and without icons the same
|
67
|
+
line-height: .9em;
|
68
|
+
}
|
69
|
+
}
|
70
|
+
*/
|
71
|
+
|
72
|
+
/*
|
73
|
+
li {
|
74
|
+
[class^="icon-"],
|
75
|
+
[class*=" icon-"] {
|
76
|
+
display: inline-block;
|
77
|
+
width: 1.25em;
|
78
|
+
text-align: center;
|
79
|
+
}
|
80
|
+
.icon-large:before,
|
81
|
+
.icon-large:before {
|
82
|
+
// 1.5 increased font size for icon-large * 1.25 width
|
83
|
+
width: 1.5*1.25em;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
*/
|
87
|
+
|
88
|
+
/*
|
89
|
+
ul.icons {
|
90
|
+
list-style-type: none;
|
91
|
+
margin-left: 2em;
|
92
|
+
text-indent: -.8em;
|
93
|
+
|
94
|
+
li {
|
95
|
+
[class^="icon-"],
|
96
|
+
[class*=" icon-"] {
|
97
|
+
width: .8em;
|
98
|
+
}
|
99
|
+
.icon-large:before,
|
100
|
+
.icon-large:before {
|
101
|
+
// 1.5 increased font size for icon-large * 1.25 width
|
102
|
+
vertical-align: initial;
|
103
|
+
width: 1.5*1.25em;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
}
|
107
|
+
*/
|
108
|
+
|
109
|
+
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
110
|
+
readers do not read off random characters that represent icons */
|
111
|
+
.icon-glass:before { content: "\f000"; }
|
112
|
+
.icon-music:before { content: "\f001"; }
|
113
|
+
.icon-search:before { content: "\f002"; }
|
114
|
+
.icon-envelope:before { content: "\f003"; }
|
115
|
+
.icon-heart:before { content: "\f004"; }
|
116
|
+
.icon-star:before { content: "\f005"; }
|
117
|
+
.icon-star-empty:before { content: "\f006"; }
|
118
|
+
.icon-user:before { content: "\f007"; }
|
119
|
+
.icon-film:before { content: "\f008"; }
|
120
|
+
.icon-th-large:before { content: "\f009"; }
|
121
|
+
.icon-th:before { content: "\f00a"; }
|
122
|
+
.icon-th-list:before { content: "\f00b"; }
|
123
|
+
.icon-ok:before { content: "\f00c"; }
|
124
|
+
.icon-remove:before { content: "\f00d"; }
|
125
|
+
.icon-zoom-in:before { content: "\f00e"; }
|
126
|
+
|
127
|
+
.icon-zoom-out:before { content: "\f010"; }
|
128
|
+
.icon-off:before { content: "\f011"; }
|
129
|
+
.icon-signal:before { content: "\f012"; }
|
130
|
+
.icon-cog:before { content: "\f013"; }
|
131
|
+
.icon-trash:before { content: "\f014"; }
|
132
|
+
.icon-home:before { content: "\f015"; }
|
133
|
+
.icon-file:before { content: "\f016"; }
|
134
|
+
.icon-time:before { content: "\f017"; }
|
135
|
+
.icon-road:before { content: "\f018"; }
|
136
|
+
.icon-download-alt:before { content: "\f019"; }
|
137
|
+
.icon-download:before { content: "\f01a"; }
|
138
|
+
.icon-upload:before { content: "\f01b"; }
|
139
|
+
.icon-inbox:before { content: "\f01c"; }
|
140
|
+
.icon-play-circle:before { content: "\f01d"; }
|
141
|
+
.icon-repeat:before { content: "\f01e"; }
|
142
|
+
|
143
|
+
/* \f020 doesn't work in Safari. all shifted one down */
|
144
|
+
.icon-refresh:before { content: "\f021"; }
|
145
|
+
.icon-list-alt:before { content: "\f022"; }
|
146
|
+
.icon-lock:before { content: "\f023"; }
|
147
|
+
.icon-flag:before { content: "\f024"; }
|
148
|
+
.icon-headphones:before { content: "\f025"; }
|
149
|
+
.icon-volume-off:before { content: "\f026"; }
|
150
|
+
.icon-volume-down:before { content: "\f027"; }
|
151
|
+
.icon-volume-up:before { content: "\f028"; }
|
152
|
+
.icon-qrcode:before { content: "\f029"; }
|
153
|
+
.icon-barcode:before { content: "\f02a"; }
|
154
|
+
.icon-tag:before { content: "\f02b"; }
|
155
|
+
.icon-tags:before { content: "\f02c"; }
|
156
|
+
.icon-book:before { content: "\f02d"; }
|
157
|
+
.icon-bookmark:before { content: "\f02e"; }
|
158
|
+
.icon-print:before { content: "\f02f"; }
|
159
|
+
|
160
|
+
.icon-camera:before { content: "\f030"; }
|
161
|
+
.icon-font:before { content: "\f031"; }
|
162
|
+
.icon-bold:before { content: "\f032"; }
|
163
|
+
.icon-italic:before { content: "\f033"; }
|
164
|
+
.icon-text-height:before { content: "\f034"; }
|
165
|
+
.icon-text-width:before { content: "\f035"; }
|
166
|
+
.icon-align-left:before { content: "\f036"; }
|
167
|
+
.icon-align-center:before { content: "\f037"; }
|
168
|
+
.icon-align-right:before { content: "\f038"; }
|
169
|
+
.icon-align-justify:before { content: "\f039"; }
|
170
|
+
.icon-list:before { content: "\f03a"; }
|
171
|
+
.icon-indent-left:before { content: "\f03b"; }
|
172
|
+
.icon-indent-right:before { content: "\f03c"; }
|
173
|
+
.icon-facetime-video:before { content: "\f03d"; }
|
174
|
+
.icon-picture:before { content: "\f03e"; }
|
175
|
+
|
176
|
+
.icon-pencil:before { content: "\f040"; }
|
177
|
+
.icon-map-marker:before { content: "\f041"; }
|
178
|
+
.icon-adjust:before { content: "\f042"; }
|
179
|
+
.icon-tint:before { content: "\f043"; }
|
180
|
+
.icon-edit:before { content: "\f044"; }
|
181
|
+
.icon-share:before { content: "\f045"; }
|
182
|
+
.icon-check:before { content: "\f046"; }
|
183
|
+
.icon-move:before { content: "\f047"; }
|
184
|
+
.icon-step-backward:before { content: "\f048"; }
|
185
|
+
.icon-fast-backward:before { content: "\f049"; }
|
186
|
+
.icon-backward:before { content: "\f04a"; }
|
187
|
+
.icon-play:before { content: "\f04b"; }
|
188
|
+
.icon-pause:before { content: "\f04c"; }
|
189
|
+
.icon-stop:before { content: "\f04d"; }
|
190
|
+
.icon-forward:before { content: "\f04e"; }
|
191
|
+
|
192
|
+
.icon-fast-forward:before { content: "\f050"; }
|
193
|
+
.icon-step-forward:before { content: "\f051"; }
|
194
|
+
.icon-eject:before { content: "\f052"; }
|
195
|
+
.icon-chevron-left:before { content: "\f053"; }
|
196
|
+
.icon-chevron-right:before { content: "\f054"; }
|
197
|
+
.icon-plus-sign:before { content: "\f055"; }
|
198
|
+
.icon-minus-sign:before { content: "\f056"; }
|
199
|
+
.icon-remove-sign:before { content: "\f057"; }
|
200
|
+
.icon-ok-sign:before { content: "\f058"; }
|
201
|
+
.icon-question-sign:before { content: "\f059"; }
|
202
|
+
.icon-info-sign:before { content: "\f05a"; }
|
203
|
+
.icon-screenshot:before { content: "\f05b"; }
|
204
|
+
.icon-remove-circle:before { content: "\f05c"; }
|
205
|
+
.icon-ok-circle:before { content: "\f05d"; }
|
206
|
+
.icon-ban-circle:before { content: "\f05e"; }
|
207
|
+
|
208
|
+
.icon-arrow-left:before { content: "\f060"; }
|
209
|
+
.icon-arrow-right:before { content: "\f061"; }
|
210
|
+
.icon-arrow-up:before { content: "\f062"; }
|
211
|
+
.icon-arrow-down:before { content: "\f063"; }
|
212
|
+
.icon-share-alt:before { content: "\f064"; }
|
213
|
+
.icon-resize-full:before { content: "\f065"; }
|
214
|
+
.icon-resize-small:before { content: "\f066"; }
|
215
|
+
.icon-plus:before { content: "\f067"; }
|
216
|
+
.icon-minus:before { content: "\f068"; }
|
217
|
+
.icon-asterisk:before { content: "\f069"; }
|
218
|
+
.icon-exclamation-sign:before { content: "\f06a"; }
|
219
|
+
.icon-gift:before { content: "\f06b"; }
|
220
|
+
.icon-leaf:before { content: "\f06c"; }
|
221
|
+
.icon-fire:before { content: "\f06d"; }
|
222
|
+
.icon-eye-open:before { content: "\f06e"; }
|
223
|
+
|
224
|
+
.icon-eye-close:before { content: "\f070"; }
|
225
|
+
.icon-warning-sign:before { content: "\f071"; }
|
226
|
+
.icon-plane:before { content: "\f072"; }
|
227
|
+
.icon-calendar:before { content: "\f073"; }
|
228
|
+
.icon-random:before { content: "\f074"; }
|
229
|
+
.icon-comment:before { content: "\f075"; }
|
230
|
+
.icon-magnet:before { content: "\f076"; }
|
231
|
+
.icon-chevron-up:before { content: "\f077"; }
|
232
|
+
.icon-chevron-down:before { content: "\f078"; }
|
233
|
+
.icon-retweet:before { content: "\f079"; }
|
234
|
+
.icon-shopping-cart:before { content: "\f07a"; }
|
235
|
+
.icon-folder-close:before { content: "\f07b"; }
|
236
|
+
.icon-folder-open:before { content: "\f07c"; }
|
237
|
+
.icon-resize-vertical:before { content: "\f07d"; }
|
238
|
+
.icon-resize-horizontal:before { content: "\f07e"; }
|
239
|
+
|
240
|
+
.icon-bar-chart:before { content: "\f080"; }
|
241
|
+
.icon-twitter-sign:before { content: "\f081"; }
|
242
|
+
.icon-facebook-sign:before { content: "\f082"; }
|
243
|
+
.icon-camera-retro:before { content: "\f083"; }
|
244
|
+
.icon-key:before { content: "\f084"; }
|
245
|
+
.icon-cogs:before { content: "\f085"; }
|
246
|
+
.icon-comments:before { content: "\f086"; }
|
247
|
+
.icon-thumbs-up:before { content: "\f087"; }
|
248
|
+
.icon-thumbs-down:before { content: "\f088"; }
|
249
|
+
.icon-star-half:before { content: "\f089"; }
|
250
|
+
.icon-heart-empty:before { content: "\f08a"; }
|
251
|
+
.icon-signout:before { content: "\f08b"; }
|
252
|
+
.icon-linkedin-sign:before { content: "\f08c"; }
|
253
|
+
.icon-pushpin:before { content: "\f08d"; }
|
254
|
+
.icon-external-link:before { content: "\f08e"; }
|
255
|
+
|
256
|
+
.icon-signin:before { content: "\f090"; }
|
257
|
+
.icon-trophy:before { content: "\f091"; }
|
258
|
+
.icon-github-sign:before { content: "\f092"; }
|
259
|
+
.icon-upload-alt:before { content: "\f093"; }
|
260
|
+
.icon-lemon:before { content: "\f094"; }
|
261
|
+
.icon-phone:before { content: "\f095"; }
|
262
|
+
.icon-check-empty:before { content: "\f096"; }
|
263
|
+
.icon-bookmark-empty:before { content: "\f097"; }
|
264
|
+
.icon-phone-sign:before { content: "\f098"; }
|
265
|
+
.icon-twitter:before { content: "\f099"; }
|
266
|
+
.icon-facebook:before { content: "\f09a"; }
|
267
|
+
.icon-github:before { content: "\f09b"; }
|
268
|
+
.icon-unlock:before { content: "\f09c"; }
|
269
|
+
.icon-credit-card:before { content: "\f09d"; }
|
270
|
+
.icon-rss:before { content: "\f09e"; }
|
271
|
+
|
272
|
+
.icon-hdd:before { content: "\f0a0"; }
|
273
|
+
.icon-bullhorn:before { content: "\f0a1"; }
|
274
|
+
.icon-bell:before { content: "\f0a2"; }
|
275
|
+
.icon-certificate:before { content: "\f0a3"; }
|
276
|
+
.icon-hand-right:before { content: "\f0a4"; }
|
277
|
+
.icon-hand-left:before { content: "\f0a5"; }
|
278
|
+
.icon-hand-up:before { content: "\f0a6"; }
|
279
|
+
.icon-hand-down:before { content: "\f0a7"; }
|
280
|
+
.icon-circle-arrow-left:before { content: "\f0a8"; }
|
281
|
+
.icon-circle-arrow-right:before { content: "\f0a9"; }
|
282
|
+
.icon-circle-arrow-up:before { content: "\f0aa"; }
|
283
|
+
.icon-circle-arrow-down:before { content: "\f0ab"; }
|
284
|
+
.icon-globe:before { content: "\f0ac"; }
|
285
|
+
.icon-wrench:before { content: "\f0ad"; }
|
286
|
+
.icon-tasks:before { content: "\f0ae"; }
|
287
|
+
|
288
|
+
.icon-filter:before { content: "\f0b0"; }
|
289
|
+
.icon-briefcase:before { content: "\f0b1"; }
|
290
|
+
.icon-fullscreen:before { content: "\f0b2"; }
|
291
|
+
|
292
|
+
.icon-group:before { content: "\f0c0"; }
|
293
|
+
.icon-link:before { content: "\f0c1"; }
|
294
|
+
.icon-cloud:before { content: "\f0c2"; }
|
295
|
+
.icon-beaker:before { content: "\f0c3"; }
|
296
|
+
.icon-cut:before { content: "\f0c4"; }
|
297
|
+
.icon-copy:before { content: "\f0c5"; }
|
298
|
+
.icon-paper-clip:before { content: "\f0c6"; }
|
299
|
+
.icon-save:before { content: "\f0c7"; }
|
300
|
+
.icon-sign-blank:before { content: "\f0c8"; }
|
301
|
+
.icon-reorder:before { content: "\f0c9"; }
|
302
|
+
.icon-list-ul:before { content: "\f0ca"; }
|
303
|
+
.icon-list-ol:before { content: "\f0cb"; }
|
304
|
+
.icon-strikethrough:before { content: "\f0cc"; }
|
305
|
+
.icon-underline:before { content: "\f0cd"; }
|
306
|
+
.icon-table:before { content: "\f0ce"; }
|
307
|
+
|
308
|
+
.icon-magic:before { content: "\f0d0"; }
|
309
|
+
.icon-truck:before { content: "\f0d1"; }
|
310
|
+
.icon-pinterest:before { content: "\f0d2"; }
|
311
|
+
.icon-pinterest-sign:before { content: "\f0d3"; }
|
312
|
+
.icon-google-plus-sign:before { content: "\f0d4"; }
|
313
|
+
.icon-google-plus:before { content: "\f0d5"; }
|
314
|
+
.icon-money:before { content: "\f0d6"; }
|
315
|
+
.icon-caret-down:before { content: "\f0d7"; }
|
316
|
+
.icon-caret-up:before { content: "\f0d8"; }
|
317
|
+
.icon-caret-left:before { content: "\f0d9"; }
|
318
|
+
.icon-caret-right:before { content: "\f0da"; }
|
319
|
+
.icon-columns:before { content: "\f0db"; }
|
320
|
+
.icon-sort:before { content: "\f0dc"; }
|
321
|
+
.icon-sort-down:before { content: "\f0dd"; }
|
322
|
+
.icon-sort-up:before { content: "\f0de"; }
|
323
|
+
|
324
|
+
.icon-envelope-alt:before { content: "\f0e0"; }
|
325
|
+
.icon-linkedin:before { content: "\f0e1"; }
|
326
|
+
.icon-undo:before { content: "\f0e2"; }
|
327
|
+
.icon-legal:before { content: "\f0e3"; }
|
328
|
+
.icon-dashboard:before { content: "\f0e4"; }
|
329
|
+
.icon-comment-alt:before { content: "\f0e5"; }
|
330
|
+
.icon-comments-alt:before { content: "\f0e6"; }
|
331
|
+
.icon-bolt:before { content: "\f0e7"; }
|
332
|
+
.icon-sitemap:before { content: "\f0e8"; }
|
333
|
+
.icon-umbrella:before { content: "\f0e9"; }
|
334
|
+
.icon-paste:before { content: "\f0ea"; }
|
335
|
+
|
336
|
+
.icon-user-md:before { content: "\f200"; }
|