piecss 0.2.0.0 → 0.3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. checksums.yaml +4 -4
  2. data/lib/piecss.rb +16 -5
  3. data/sass/piecss/_settings.scss +6 -3
  4. data/sass/piecss/_utilities.scss +3 -0
  5. data/sass/piecss/behavior/_anchor.scss +1 -1
  6. data/sass/piecss/settings/_base.scss +5 -25
  7. data/sass/piecss/settings/_breakpoint.scss +112 -18
  8. data/sass/piecss/settings/_button.scss +2 -2
  9. data/sass/piecss/settings/_colour.scss +152 -0
  10. data/sass/piecss/settings/_constants.scss +0 -143
  11. data/sass/piecss/settings/_font.scss +0 -21
  12. data/sass/piecss/settings/_form.scss +7 -9
  13. data/sass/piecss/settings/{_grid.scss → _layout.scss} +43 -44
  14. data/sass/piecss/settings/_list.scss +1 -1
  15. data/sass/piecss/settings/_miscellaneous.scss +5 -0
  16. data/sass/piecss/settings/_rhythm.scss +0 -0
  17. data/sass/piecss/settings/_typography.scss +13 -0
  18. data/sass/piecss/settings/fonts/_example.scss +36 -36
  19. data/sass/piecss/settings/fonts/_monospace.scss +33 -33
  20. data/sass/piecss/settings/fonts/_sans-serif.scss +33 -33
  21. data/sass/piecss/settings/fonts/_serif.scss +33 -33
  22. data/sass/piecss/settings/fonts/_verdana.scss +34 -34
  23. data/sass/piecss/utilities/_breakpoint.scss +5 -5
  24. data/sass/piecss/utilities/_cache.scss +8 -4
  25. data/sass/piecss/utilities/_colour.scss +37 -0
  26. data/sass/piecss/utilities/_element.scss +85 -88
  27. data/sass/piecss/utilities/_image.scss +20 -22
  28. data/sass/piecss/utilities/_layout.scss +382 -213
  29. data/sass/piecss/utilities/_list.scss +2 -0
  30. data/sass/piecss/utilities/_miscellaneous.scss +161 -99
  31. data/sass/piecss/utilities/_rhythm.scss +27 -59
  32. data/sass/piecss/utilities/_side.scss +155 -154
  33. data/sass/piecss/utilities/_string.scss +68 -0
  34. data/sass/piecss/utilities/_svg.scss +47 -0
  35. data/sass/piecss/utilities/_typography.scss +96 -107
  36. data/sass/piecss/utilities/_unit.scss +85 -50
  37. data/templates/project/_sets/_button.scss +1 -1
  38. data/templates/project/_sets/_form.scss +1 -1
  39. data/templates/project/_sets.scss +1 -1
  40. data/templates/project/_settings.scss +1 -1
  41. metadata +13 -40
  42. data/sass/piecss/settings/fonts/_asap.scss +0 -44
  43. data/sass/piecss/settings/fonts/_bree-serif.scss +0 -23
  44. data/sass/piecss/settings/fonts/_lato.scss +0 -32
  45. data/sass/piecss/settings/fonts/_pt-sans.scss +0 -40
  46. data/sass/piecss/settings/fonts/_raleway.scss +0 -31
  47. data/sass/piecss/settings/fonts/_righteous.scss +0 -23
  48. data/sass/piecss/settings/fonts/_roboto-slab.scss +0 -37
  49. data/sass/piecss/settings/fonts/_roboto.scss +0 -35
  50. data/sass/piecss/settings/fonts/_sofia-pro.scss +0 -40
  51. data/sass/piecss/settings/fonts/_varela-round.scss +0 -24
  52. data/sass/piecss/settings/fonts/icon-fonts/_fontawesome.scss +0 -33
  53. data/sass/piecss/settings/fonts/icon-fonts/_foundation-accessability.scss +0 -75
  54. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_bootstrap.scss +0 -84
  55. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_core.scss +0 -129
  56. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_extras.scss +0 -93
  57. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_icons.scss +0 -381
  58. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_mixins.scss +0 -48
  59. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_path.scss +0 -14
  60. data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_variables.scss +0 -734
  61. data/sass/piecss/settings/fonts/icon-fonts/foundation-accessability/_settings.scss +0 -28
@@ -1,44 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Use this file as a template for creating additional font files
5
- // Replace the variable names accordingly
6
-
7
- // Weight reference:
8
- // 100 ultra-light
9
- // 200 light
10
- // 300 book
11
- // 400 regular, or normal
12
- // 500 medium
13
- // 600 semi-bold
14
- // 700 bold
15
- // 800 extra-bold
16
- // 900 heavy, or ultra-bold
17
-
18
-
19
- // Example
20
- // Available styles on Google Fonts: 400,700,400italic,700italic
21
-
22
- $asap-fontface : "Asap";
23
- $asap-fallback : sans-serif;
24
- $asap-family : ($asap-fontface, $asap-fallback);
25
-
26
- // style, variant, weight, family
27
- $asap-ultra-light : normal normal 400 $asap-family;
28
- $asap-light : normal normal 400 $asap-family;
29
- $asap-book : normal normal 400 $asap-family;
30
- $asap-regular : normal normal 400 $asap-family;
31
- $asap-medium : normal normal 500 $asap-family;
32
- $asap-semi-bold : normal normal 700 $asap-family;
33
- $asap-bold : normal normal 700 $asap-family;
34
- $asap-extra-bold : normal normal 700 $asap-family;
35
- $asap-heavy : normal normal 700 $asap-family;
36
- $asap-ultra-light-italic : italic normal 400 $asap-family;
37
- $asap-light-italic : italic normal 400 $asap-family;
38
- $asap-book-italic : italic normal 400 $asap-family;
39
- $asap-regular-italic : italic normal 400 $asap-family;
40
- $asap-medium-italic : italic normal 700 $asap-family;
41
- $asap-semi-bold-italic : italic normal 700 $asap-family;
42
- $asap-bold-italic : italic normal 700 $asap-family;
43
- $asap-extra-bold-italic : italic normal 700 $asap-family;
44
- $asap-heavy-italic : italic normal 700 $asap-family;
@@ -1,23 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Bree Serif
17
- // Available styles on Google Fonts: 400
18
- $bree-serif-fontface : "Bree Serif";
19
- $bree-serif-fallback : "serif";
20
- $bree-serif-family : ($bree-serif-fontface, $bree-serif-fallback);
21
-
22
- // style, variant, weight, family
23
- $bree-serif-regular : normal normal 400 $bree-serif-family;
@@ -1,32 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
- // Weight reference:
4
- // 100 ultra-light
5
- // 200 light
6
- // 300 book
7
- // 400 regular, or normal
8
- // 500 medium
9
- // 600 semi-bold
10
- // 700 bold
11
- // 800 extra-bold
12
- // 900 heavy, or ultra-bold
13
-
14
-
15
- // Lato
16
- // Available styles on Google Fonts: 100,300,400,700,900,100italic,300italic,400italic,700italic,900italic
17
-
18
- $lato-fontface : "Lato";
19
- $lato-fallback : sans-serif;
20
- $lato-family : ($lato-fontface, $lato-fallback);
21
-
22
- // style, variant, weight, family
23
- $lato-ultra-light : normal normal 100 $lato-family;
24
- $lato-book : normal normal 300 $lato-family;
25
- $lato-regular : normal normal 400 $lato-family;
26
- $lato-bold : normal normal 700 $lato-family;
27
- $lato-heavy : normal normal 900 $lato-family;
28
- $lato-ultra-light-italic : italic normal 100 $lato-family;
29
- $lato-book-italic : italic normal 300 $lato-family;
30
- $lato-regular-italic : italic normal 400 $lato-family;
31
- $lato-bold-italic : italic normal 700 $lato-family;
32
- $lato-heavy-italic : italic normal 900 $lato-family;
@@ -1,40 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Example
17
- // Available styles on Google Fonts: 400,700,400italic,700italic
18
- $pt-sans-fontface : "PT Sans";
19
- $pt-sans-fallback : sans-serif;
20
- $pt-sans-family : $pt-sans-fontface, $pt-sans-fallback;
21
-
22
- // style, variant, weight, family
23
- $pt-sans-ultra-light : normal normal 400 $pt-sans-family;
24
- $pt-sans-light : normal normal 400 $pt-sans-family;
25
- $pt-sans-book : normal normal 400 $pt-sans-family;
26
- $pt-sans-regular : normal normal 400 $pt-sans-family;
27
- $pt-sans-medium : normal normal 400 $pt-sans-family;
28
- $pt-sans-semi-bold : normal normal 700 $pt-sans-family;
29
- $pt-sans-bold : normal normal 700 $pt-sans-family;
30
- $pt-sans-extra-bold : normal normal 700 $pt-sans-family;
31
- $pt-sans-heavy : normal normal 700 $pt-sans-family;
32
- $pt-sans-ultra-light-italic : italic normal 400 $pt-sans-family;
33
- $pt-sans-light-italic : italic normal 400 $pt-sans-family;
34
- $pt-sans-book-italic : italic normal 400 $pt-sans-family;
35
- $pt-sans-regular-italic : italic normal 400 $pt-sans-family;
36
- $pt-sans-medium-italic : italic normal 400 $pt-sans-family;
37
- $pt-sans-semi-bold-italic : italic normal 700 $pt-sans-family;
38
- $pt-sans-bold-italic : italic normal 700 $pt-sans-family;
39
- $pt-sans-extra-bold-italic : italic normal 700 $pt-sans-family;
40
- $pt-sans-heavy-italic : italic normal 700 $pt-sans-family;
@@ -1,31 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Raleway
17
- // Available styles on Google Fonts: 100,200,300,400,500,600,700,800,900
18
- $raleway-fontface : "Raleway";
19
- $raleway-fallback : sans-serif;
20
- $raleway-family : ($raleway-fontface, $raleway-fallback);
21
-
22
- // style, variant, weight, family
23
- $raleway-ultra-light : normal normal 100 $raleway-family;
24
- $raleway-light : normal normal 200 $raleway-family;
25
- $raleway-book : normal normal 300 $raleway-family;
26
- $raleway-regular : normal normal 400 $raleway-family;
27
- $raleway-medium : normal normal 500 $raleway-family;
28
- $raleway-semi-bold : normal normal 600 $raleway-family;
29
- $raleway-bold : normal normal 700 $raleway-family;
30
- $raleway-extra-bold : normal normal 800 $raleway-family;
31
- $raleway-heavy : normal normal 900 $raleway-family;
@@ -1,23 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Righteous
17
- // Available styles on Google Fonts: 400
18
- $righteous-fontface : "Righteous";
19
- $righteous-fallback : "serif";
20
- $righteous-family : ($righteous-fontface, $righteous-fallback);
21
-
22
- // style, variant, weight, family
23
- $righteous-regular : normal normal 400 $righteous-family;
@@ -1,37 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Roboto
17
- // Available styles on Google Fonts: 100,300,400,700
18
- $roboto-slab-fontface: "Roboto Slab";
19
- $roboto-slab-fallback: sans-serif;
20
- $roboto-slab-family: ($roboto-slab-fontface, $roboto-slab-fallback);
21
-
22
- // style, variant, weight, family
23
- $roboto-slab-ultra-light: normal normal 100 $roboto-slab-family;
24
- $roboto-slab-ultra-light-italic: normal normal 100 $roboto-slab-family;
25
- $roboto-slab-book: normal normal 300 $roboto-slab-family;
26
- $roboto-slab-book-italic: normal normal 300 $roboto-slab-family;
27
- $roboto-slab-regular: normal normal 400 $roboto-slab-family;
28
- $roboto-slab-regular-italic: normal normal 400 $roboto-slab-family;
29
- $roboto-slab-medium: normal normal 400 $roboto-slab-family;
30
- $roboto-slab-medium-italic: normal normal 400 $roboto-slab-family;
31
- $roboto-slab-bold: normal normal 700 $roboto-slab-family;
32
- $roboto-slab-bold-italic: normal normal 700 $roboto-slab-family;
33
- $roboto-slab-heavy: normal normal 700 $roboto-slab-family;
34
- $roboto-slab-heavy-italic: normal normal 700 $roboto-slab-family;
35
-
36
- $roboto-slab-thin: $roboto-slab-ultra-light;
37
- $roboto-slab-light: $roboto-slab-book;
@@ -1,35 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Roboto
17
- // Available styles on Google Fonts: 100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic
18
- $roboto-fontface : "Roboto";
19
- $roboto-fallback : sans-serif;
20
- $roboto-family : ($roboto-fontface, $roboto-fallback);
21
-
22
- // style, variant, weight, family
23
- $roboto-ultra-light : normal normal 100 $roboto-family;
24
- $roboto-ultra-light-italic : italic normal 100 $roboto-family;
25
- $roboto-book : normal normal 300 $roboto-family;
26
- $roboto-book-italic : italic normal 300 $roboto-family;
27
- $roboto-regular : normal normal 400 $roboto-family;
28
- $roboto-regular-italic : italic normal 400 $roboto-family;
29
- $roboto-medium : normal normal 500 $roboto-family;
30
- $roboto-medium-italic : italic normal 500 $roboto-family;
31
- $roboto-bold : normal normal 700 $roboto-family;
32
- $roboto-bold-italic : italic normal 700 $roboto-family;
33
- $roboto-heavy : normal normal 900 $roboto-family;
34
- $roboto-heavy-italic : italic normal 900 $roboto-family;
35
-
@@ -1,40 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Example
17
- // Available styles on Google Fonts: 100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic
18
- $sofia-pro-fontface : 'sofia_pro_lightregular';
19
- $sofia-pro-fallback : sans-serif;
20
- $sofia-pro-family : $sofia-pro-fontface, $sofia-pro-fallback;
21
-
22
- // style, variant, weight, family
23
- $sofia-pro-ultra-light : normal normal 200 $sofia-pro-family;
24
- $sofia-pro-light : normal normal 200 $sofia-pro-family;
25
- $sofia-pro-book : normal normal 200 $sofia-pro-family;
26
- $sofia-pro-regular : normal normal 200 $sofia-pro-family;
27
- $sofia-pro-medium : normal normal 200 $sofia-pro-family;
28
- $sofia-pro-semi-bold : normal normal 200 $sofia-pro-family;
29
- $sofia-pro-bold : normal normal 200 $sofia-pro-family;
30
- $sofia-pro-extra-bold : normal normal 200 $sofia-pro-family;
31
- $sofia-pro-heavy : normal normal 200 $sofia-pro-family;
32
- $sofia-pro-ultra-light-italic : normal normal 200 $sofia-pro-family;
33
- $sofia-pro-light-italic : normal normal 200 $sofia-pro-family;
34
- $sofia-pro-book-italic : normal normal 200 $sofia-pro-family;
35
- $sofia-pro-regular-italic : normal normal 200 $sofia-pro-family;
36
- $sofia-pro-medium-italic : normal normal 200 $sofia-pro-family;
37
- $sofia-pro-semi-bold-italic : normal normal 200 $sofia-pro-family;
38
- $sofia-pro-bold-italic : normal normal 200 $sofia-pro-family;
39
- $sofia-pro-extra-bold-italic : normal normal 200 $sofia-pro-family;
40
- $sofia-pro-heavy-italic : normal normal 200 $sofia-pro-family;
@@ -1,24 +0,0 @@
1
- // Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
2
-
3
-
4
- // Weight reference:
5
- // 100 ultra-light
6
- // 200 light
7
- // 300 book
8
- // 400 regular, or normal
9
- // 500 medium
10
- // 600 semi-bold
11
- // 700 bold
12
- // 800 extra-bold
13
- // 900 heavy, or ultra-bold
14
-
15
-
16
- // Raleway
17
- // Available styles on Google Fonts: 400
18
- $varela-round-fontface : "Varela Round";
19
- $varela-round-fallback : sans-serif;
20
- $varela-round-family : ($varela-round-fontface, $varela-round-fallback);
21
-
22
- // style, variant, weight, family
23
- $varela-round-regular : normal normal 400 $varela-round-family;
24
- $varela-round: $varela-round-regular;
@@ -1,33 +0,0 @@
1
- // /*!
2
- // * Font Awesome 3.2.1
3
- // * the iconic font designed for Bootstrap
4
- // * ------------------------------------------------------------------------------
5
- // * The full suite of pictographic icons, examples, and documentation can be
6
- // * found at http://fontawesome.io. Stay up to date on Twitter at
7
- // * http://twitter.com/fontawesome.
8
- // *
9
- // * License
10
- // * ------------------------------------------------------------------------------
11
- // * - The Font Awesome font is licensed under SIL OFL 1.1 -
12
- // * http://scripts.sil.org/OFL
13
- // * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
14
- // * http://opensource.org/licenses/mit-license.html
15
- // * - Font Awesome documentation licensed under CC BY 3.0 -
16
- // * http://creativecommons.org/licenses/by/3.0/
17
- // * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
18
- // * "Font Awesome by Dave Gandy - http://fontawesome.io"
19
- // *
20
- // * Author - Dave Gandy
21
- // * ------------------------------------------------------------------------------
22
- // * Email: dave@fontawesome.io
23
- // * Twitter: http://twitter.com/davegandy
24
- // * Work: Lead Product Designer @ Kyruus - http://kyruus.com
25
- // */
26
-
27
- @import "fontawesome/variables";
28
- @import "fontawesome/mixins";
29
- @import "fontawesome/path";
30
- @import "fontawesome/core";
31
- @import "fontawesome/bootstrap";
32
- @import "fontawesome/extras";
33
- @import "fontawesome/icons";
@@ -1,75 +0,0 @@
1
- // /*!
2
- // * Font Awesome 3.2.1
3
- // * the iconic font designed for Bootstrap
4
- // * ------------------------------------------------------------------------------
5
- // * The full suite of pictographic icons, examples, and documentation can be
6
- // * found at http://fontawesome.io. Stay up to date on Twitter at
7
- // * http://twitter.com/fontawesome.
8
- // *
9
- // * License
10
- // * ------------------------------------------------------------------------------
11
- // * - The Font Awesome font is licensed under SIL OFL 1.1 -
12
- // * http://scripts.sil.org/OFL
13
- // * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
14
- // * http://opensource.org/licenses/mit-license.html
15
- // * - Font Awesome documentation licensed under CC BY 3.0 -
16
- // * http://creativecommons.org/licenses/by/3.0/
17
- // * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
18
- // * "Font Awesome by Dave Gandy - http://fontawesome.io"
19
- // *
20
- // * Author - Dave Gandy
21
- // * ------------------------------------------------------------------------------
22
- // * Email: dave@fontawesome.io
23
- // * Twitter: http://twitter.com/davegandy
24
- // * Work: Lead Product Designer @ Kyruus - http://kyruus.com
25
- // */
26
-
27
- @import "foundation-accessability/settings";
28
-
29
- @include face();
30
-
31
- /* global foundicon styles */
32
- [class*="#{$classPrefix}"] {
33
- display: inline;
34
- width: auto;
35
- height: auto;
36
- line-height: inherit;
37
- vertical-align: baseline;
38
- background-image: none;
39
- background-position: 0 0;
40
- background-repeat: repeat;
41
- }
42
- [class*="#{$classPrefix}"]:before {
43
- font-family: $fontName;
44
- font-weight: normal;
45
- font-style: normal;
46
- text-decoration: inherit;
47
- }
48
-
49
- /* icons */
50
- @include i-class(wheelchair,"000");
51
- @include i-class(speaker,"001");
52
- @include i-class(fontsize,"002");
53
- @include i-class(eject,"003");
54
- @include i-class(view-mode,"004");
55
- @include i-class(eyeball,"005");
56
- @include i-class(asl,"006");
57
- @include i-class(person,"007");
58
- @include i-class(question,"008");
59
- @include i-class(adult,"009");
60
- @include i-class(child,"00a");
61
- @include i-class(glasses,"00b");
62
- @include i-class(cc,"00c");
63
- @include i-class(blind,"00d");
64
- @include i-class(braille,"00e");
65
- @include i-class(iphone-home,"00f");
66
- @include i-class(w3c,"010");
67
- @include i-class(css,"011");
68
- @include i-class(key,"012");
69
- @include i-class(hearing-impaired,"013");
70
- @include i-class(male,"014");
71
- @include i-class(female,"015");
72
- @include i-class(network,"016");
73
- @include i-class(guidedog,"017");
74
- @include i-class(universal-access,"018");
75
- @include i-class(elevator,"019");
@@ -1,84 +0,0 @@
1
- /* BOOTSTRAP SPECIFIC CLASSES
2
- /// -------------------------- */
3
-
4
- /* Bootstrap 2.0 sprites.less reset */
5
- [class^="icon-"],
6
- [class*=" icon-"] {
7
- display: inline;
8
- width: auto;
9
- height: auto;
10
- line-height: normal;
11
- vertical-align: baseline;
12
- background-image: none;
13
- background-position: 0% 0%;
14
- background-repeat: repeat;
15
- margin-top: 0;
16
- }
17
-
18
- /* more sprites.less reset */
19
- .icon-white,
20
- .nav-pills > .active > a > [class^="icon-"],
21
- .nav-pills > .active > a > [class*=" icon-"],
22
- .nav-list > .active > a > [class^="icon-"],
23
- .nav-list > .active > a > [class*=" icon-"],
24
- .navbar-inverse .nav > .active > a > [class^="icon-"],
25
- .navbar-inverse .nav > .active > a > [class*=" icon-"],
26
- .dropdown-menu > li > a:hover > [class^="icon-"],
27
- .dropdown-menu > li > a:hover > [class*=" icon-"],
28
- .dropdown-menu > .active > a > [class^="icon-"],
29
- .dropdown-menu > .active > a > [class*=" icon-"],
30
- .dropdown-submenu:hover > a > [class^="icon-"],
31
- .dropdown-submenu:hover > a > [class*=" icon-"] {
32
- background-image: none;
33
- }
34
-
35
-
36
- /* keeps Bootstrap styles with and without icons the same */
37
- .btn, .nav {
38
- [class^="icon-"],
39
- [class*=" icon-"] {
40
- // display: inline;
41
- &.icon-large { line-height: .9em; }
42
- &.icon-spin { display: inline-block; }
43
- }
44
- }
45
- .nav-tabs, .nav-pills {
46
- [class^="icon-"],
47
- [class*=" icon-"] {
48
- &, &.icon-large { line-height: .9em; }
49
- }
50
- }
51
- .btn {
52
- [class^="icon-"],
53
- [class*=" icon-"] {
54
- &.pull-left, &.pull-right {
55
- &.icon-2x { margin-top: .18em; }
56
- }
57
- &.icon-spin.icon-large { line-height: .8em; }
58
- }
59
- }
60
- .btn.btn-small {
61
- [class^="icon-"],
62
- [class*=" icon-"] {
63
- &.pull-left, &.pull-right {
64
- &.icon-2x { margin-top: .25em; }
65
- }
66
- }
67
- }
68
- .btn.btn-large {
69
- [class^="icon-"],
70
- [class*=" icon-"] {
71
- margin-top: 0; // overrides bootstrap default
72
- &.pull-left, &.pull-right {
73
- &.icon-2x { margin-top: .05em; }
74
- }
75
- &.pull-left.icon-2x { margin-right: .2em; }
76
- &.pull-right.icon-2x { margin-left: .2em; }
77
- }
78
- }
79
-
80
- /* Fixes alignment in nav lists */
81
- .nav-list [class^="icon-"],
82
- .nav-list [class*=" icon-"] {
83
- line-height: inherit;
84
- }
@@ -1,129 +0,0 @@
1
- /* FONT AWESOME CORE
2
- /// -------------------------- */
3
-
4
- [class^="icon-"],
5
- [class*=" icon-"] {
6
- @include icon-FontAwesome();
7
- }
8
-
9
- [class^="icon-"]:before,
10
- [class*=" icon-"]:before {
11
- text-decoration: inherit;
12
- display: inline-block;
13
- speak: none;
14
- }
15
-
16
- /* makes the font 33% larger relative to the icon container */
17
- .icon-large:before {
18
- vertical-align: -10%;
19
- font-size: (4em/3);
20
- }
21
-
22
- /* makes sure icons active on rollover in links */
23
- a {
24
- [class^="icon-"],
25
- [class*=" icon-"] {
26
- display: inline;
27
- }
28
- }
29
-
30
- /* increased font size for icon-large */
31
- [class^="icon-"],
32
- [class*=" icon-"] {
33
- &.icon-fixed-width {
34
- display: inline-block;
35
- width: (16em/14);
36
- text-align: right;
37
- padding-right: (4em/14);
38
- &.icon-large {
39
- width: (20em/14);
40
- }
41
- }
42
- }
43
-
44
- .icons-ul {
45
- margin-left: $icons-li-width;
46
- list-style-type: none;
47
-
48
- > li { position: relative; }
49
-
50
- .icon-li {
51
- position: absolute;
52
- left: -$icons-li-width;
53
- width: $icons-li-width;
54
- text-align: center;
55
- line-height: inherit;
56
- }
57
- }
58
-
59
- // allows usage of the hide class directly on font awesome icons
60
- [class^="icon-"],
61
- [class*=" icon-"] {
62
- &.hide {
63
- display: none;
64
- }
65
- }
66
-
67
- .icon-muted { color: $iconMuted; }
68
- .icon-light { color: $iconLight; }
69
- .icon-dark { color: $iconDark; }
70
-
71
- // Icon Borders
72
- // -------------------------
73
-
74
- .icon-border {
75
- border: solid 1px $borderColor;
76
- padding: .2em .25em .15em;
77
- @include border-radius(3px);
78
- }
79
-
80
- // Icon Sizes
81
- // -------------------------
82
-
83
- .icon-2x {
84
- font-size: 2em;
85
- &.icon-border {
86
- border-width: 2px;
87
- @include border-radius(4px);
88
- }
89
- }
90
- .icon-3x {
91
- font-size: 3em;
92
- &.icon-border {
93
- border-width: 3px;
94
- @include border-radius(5px);
95
- }
96
- }
97
- .icon-4x {
98
- font-size: 4em;
99
- &.icon-border {
100
- border-width: 4px;
101
- @include border-radius(6px);
102
- }
103
- }
104
-
105
- .icon-5x {
106
- font-size: 5em;
107
- &.icon-border {
108
- border-width: 5px;
109
- @include border-radius(7px);
110
- }
111
- }
112
-
113
-
114
- // Floats & Margins
115
- // -------------------------
116
-
117
- // Quick floats
118
- .pull-right { float: right; }
119
- .pull-left { float: left; }
120
-
121
- [class^="icon-"],
122
- [class*=" icon-"] {
123
- &.pull-left {
124
- margin-right: .3em;
125
- }
126
- &.pull-right {
127
- margin-left: .3em;
128
- }
129
- }