oocss3-shapes 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (87) hide show
  1. data/stylesheets/_oocss3-shapes.scss +14 -0
  2. data/stylesheets/oocss3-shapes/_arrows.scss +12 -0
  3. data/stylesheets/oocss3-shapes/_base.scss +117 -0
  4. data/stylesheets/oocss3-shapes/_chains.scss +3 -0
  5. data/stylesheets/oocss3-shapes/_figures.scss +24 -0
  6. data/stylesheets/oocss3-shapes/_mediacontrols.scss +11 -0
  7. data/stylesheets/oocss3-shapes/_miscellaneous.scss +21 -0
  8. data/stylesheets/oocss3-shapes/_objects.scss +7 -0
  9. data/stylesheets/oocss3-shapes/_ribbons.scss +9 -0
  10. data/stylesheets/oocss3-shapes/_vectors.scss +17 -0
  11. data/stylesheets/oocss3-shapes/arrows/_backALt.scss +15 -0
  12. data/stylesheets/oocss3-shapes/arrows/_down.scss +15 -0
  13. data/stylesheets/oocss3-shapes/arrows/_forward.scss +14 -0
  14. data/stylesheets/oocss3-shapes/arrows/_forwardAlt.scss +17 -0
  15. data/stylesheets/oocss3-shapes/arrows/_up.scss +11 -0
  16. data/stylesheets/oocss3-shapes/arrows/back.scss +14 -0
  17. data/stylesheets/oocss3-shapes/chains/_permaLink.scss +12 -0
  18. data/stylesheets/oocss3-shapes/example/index.haml +61 -0
  19. data/stylesheets/oocss3-shapes/example/index.html +61 -0
  20. data/stylesheets/oocss3-shapes/figures/_oval.scss +6 -0
  21. data/stylesheets/oocss3-shapes/figures/_rectangle.scss +6 -0
  22. data/stylesheets/oocss3-shapes/figures/_square.scss +5 -0
  23. data/stylesheets/oocss3-shapes/figures/_trianguleBottomLeft.scss +10 -0
  24. data/stylesheets/oocss3-shapes/figures/_trianguleBottomRight.scss +10 -0
  25. data/stylesheets/oocss3-shapes/figures/_trianguleDown.scss +9 -0
  26. data/stylesheets/oocss3-shapes/figures/_trianguleLeft.scss +10 -0
  27. data/stylesheets/oocss3-shapes/figures/_trianguleRight.scss +10 -0
  28. data/stylesheets/oocss3-shapes/figures/_trianguleTopLeft.scss +10 -0
  29. data/stylesheets/oocss3-shapes/figures/_trianguleTopRight.scss +10 -0
  30. data/stylesheets/oocss3-shapes/figures/_trianguleUp.scss +9 -0
  31. data/stylesheets/oocss3-shapes/figures/circle.scss +6 -0
  32. data/stylesheets/oocss3-shapes/mediacontrols/_base.scss +13 -0
  33. data/stylesheets/oocss3-shapes/mediacontrols/_enlarge.scss +15 -0
  34. data/stylesheets/oocss3-shapes/mediacontrols/_expand.scss +26 -0
  35. data/stylesheets/oocss3-shapes/mediacontrols/_fastFoward.scss +13 -0
  36. data/stylesheets/oocss3-shapes/mediacontrols/_pause.scss +13 -0
  37. data/stylesheets/oocss3-shapes/mediacontrols/_pauseAlt.scss +10 -0
  38. data/stylesheets/oocss3-shapes/mediacontrols/_play.scss +13 -0
  39. data/stylesheets/oocss3-shapes/mediacontrols/_popOut.scss +19 -0
  40. data/stylesheets/oocss3-shapes/mediacontrols/_stop.scss +13 -0
  41. data/stylesheets/oocss3-shapes/miscellaneous/_denied.scss +19 -0
  42. data/stylesheets/oocss3-shapes/miscellaneous/_help.scss +13 -0
  43. data/stylesheets/oocss3-shapes/miscellaneous/_history.scss +22 -0
  44. data/stylesheets/oocss3-shapes/miscellaneous/_info.scss +13 -0
  45. data/stylesheets/oocss3-shapes/miscellaneous/_pieChart.scss +19 -0
  46. data/stylesheets/oocss3-shapes/miscellaneous/_power.scss +18 -0
  47. data/stylesheets/oocss3-shapes/miscellaneous/_success.scss +14 -0
  48. data/stylesheets/oocss3-shapes/miscellaneous/_successAlt.scss +14 -0
  49. data/stylesheets/oocss3-shapes/miscellaneous/_views.scss +13 -0
  50. data/stylesheets/oocss3-shapes/miscellaneous/_warning.scss +13 -0
  51. data/stylesheets/oocss3-shapes/objects/_headPhone.scss +23 -0
  52. data/stylesheets/oocss3-shapes/objects/_ipod.scss +19 -0
  53. data/stylesheets/oocss3-shapes/objects/_tool.scss +26 -0
  54. data/stylesheets/oocss3-shapes/ribbons/_downRibbon.scss +8 -0
  55. data/stylesheets/oocss3-shapes/ribbons/_leftRibbon.scss +8 -0
  56. data/stylesheets/oocss3-shapes/ribbons/_rightRIbbon.scss +8 -0
  57. data/stylesheets/oocss3-shapes/ribbons/_upRibbon.scss +8 -0
  58. data/stylesheets/oocss3-shapes/ribbons/minifest.rb +4 -0
  59. data/stylesheets/oocss3-shapes/vectors/_minor.scss +9 -0
  60. data/stylesheets/oocss3-shapes/vectors/_minorRounded.scss +7 -0
  61. data/stylesheets/oocss3-shapes/vectors/_more.scss +8 -0
  62. data/stylesheets/oocss3-shapes/vectors/_plus.scss +12 -0
  63. data/stylesheets/oocss3-shapes/vectors/_plusRounded.scss +7 -0
  64. data/stylesheets/oocss3-shapes/vectors/_remove.scss +7 -0
  65. data/stylesheets/oocss3-shapes/vectors/_roundedRemove.scss +7 -0
  66. data/stylesheets/oocss3-shapes/vectors/less.scss +8 -0
  67. data/templates/oocss3-shapes/arrows/arrows.scss +1 -0
  68. data/templates/oocss3-shapes/arrows/minifest.rb +11 -0
  69. data/templates/oocss3-shapes/chains/chains.scss +1 -0
  70. data/templates/oocss3-shapes/chains/minifest.rb +11 -0
  71. data/templates/oocss3-shapes/figures/figures.scss +1 -0
  72. data/templates/oocss3-shapes/figures/manifest.rb +11 -0
  73. data/templates/oocss3-shapes/mediacontrols/manifest.rb +11 -0
  74. data/templates/oocss3-shapes/mediacontrols/mediacontrols.scss +1 -0
  75. data/templates/oocss3-shapes/miscellaneous/minifest.rb +11 -0
  76. data/templates/oocss3-shapes/miscellaneous/miscellaneous.scss +1 -0
  77. data/templates/oocss3-shapes/objects/minifest.rb +11 -0
  78. data/templates/oocss3-shapes/objects/objects.scss +1 -0
  79. data/templates/oocss3-shapes/ribbons/minifest.rb +11 -0
  80. data/templates/oocss3-shapes/ribbons/ribbons.scss +1 -0
  81. data/templates/oocss3-shapes/vectors/minifest.rb +11 -0
  82. data/templates/oocss3-shapes/vectors/vectors.scss +1 -0
  83. metadata +84 -6
  84. data/stylesheets/_oocss3-shapes.sass +0 -1
  85. data/stylesheets/oocss3-shapes/_module_one.scss +0 -1
  86. data/stylesheets/oocss3-shapes/_module_two.scss +0 -0
  87. data/templates/project/manifest.rb +0 -13
@@ -0,0 +1,23 @@
1
+ @mixin headPhoneIcon {
2
+ .headPhoneIcon {
3
+ @extend .base;
4
+ @include border-radius(1em 1em 0 0);
5
+ border-color: #C55500;
6
+ border-radius: 1em 1em 0 0;
7
+ border-style: solid;
8
+ border-width: 0.09em 0.09em 0;
9
+ height: 0.7em;
10
+ top: -0.16em;
11
+ width: 0.8em;
12
+ &:before {
13
+ @extend .pseudoElement;
14
+ border-color: #C55500;
15
+ border-style: solid;
16
+ border-width: 0 0.17em;
17
+ bottom: -0.12em;
18
+ height: 0.35em;
19
+ left: 0.03em;
20
+ width: 0.4em;
21
+ }
22
+ }
23
+ }
@@ -0,0 +1,19 @@
1
+ @mixin ipodIcon {
2
+ .ipodIcon {
3
+ @extend .base;
4
+ @include border-radius(2px);
5
+ height: 0.3em;
6
+ width: 0.5em;
7
+ border: {
8
+ style: solid;
9
+ color: #C55500;
10
+ width: 0.125em 0.125em 0.6em 0.125em;
11
+ }
12
+ &:before {
13
+ @extend .disk;
14
+ @extend .horizontalAlighment;
15
+ font-size: 0.5em;
16
+ bottom: -0.95em;
17
+ }
18
+ }
19
+ }
@@ -0,0 +1,26 @@
1
+ @mixin toolIcon {
2
+ .toolIcon {
3
+ @extend .base;
4
+ //@extend .rotate45;
5
+ height: 1em;
6
+ width: 0.2em;
7
+ background: #C55500;
8
+ &:before, &:after {
9
+ @extend .pseudoElement;
10
+ }
11
+ &:before{
12
+ @extend .circle;
13
+ font-size: 0.5em;
14
+ background: #C55500;
15
+ left: -0.3em;
16
+ top: -0.1em;
17
+ }
18
+ &:after {
19
+ @extend .square;
20
+ background: #FFFFFF;
21
+ font-size: 0.25em;
22
+ left: -0.05em;
23
+ top: -0.2em;
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,8 @@
1
+ @mixin downRibbonIcon {
2
+ .downRibbonIcon {
3
+ @extend .ribbon;
4
+ border: {
5
+ color: #C55500 #C55500 transparent;
6
+ }
7
+ }
8
+ }
@@ -0,0 +1,8 @@
1
+ @mixin leftRibbonIcon {
2
+ .leftRibbonIcon {
3
+ @extend .ribbon;
4
+ border: {
5
+ color: #C55500 #C55500 #C55500 transparent;
6
+ }
7
+ }
8
+ }
@@ -0,0 +1,8 @@
1
+ @mixin rightRibbonIcon {
2
+ .rightRibbonIcon {
3
+ @extend .ribbon;
4
+ border: {
5
+ color: #C55500 transparent #C55500 #C55500;
6
+ }
7
+ }
8
+ }
@@ -0,0 +1,8 @@
1
+ @mixin upRibbonIcon {
2
+ .upRibbonIcon {
3
+ @extend .ribbon;
4
+ border: {
5
+ color: transparent #C55500 #C55500;
6
+ }
7
+ }
8
+ }
@@ -0,0 +1,4 @@
1
+ stylesheet '_downRibbon.scss'
2
+ stylesheet '_leftRibbon.scss'
3
+ stylesheet '_rightRibbon.scss'
4
+ stylesheet '_upRibbon.scss'
@@ -0,0 +1,9 @@
1
+ @mixin minorIcon {
2
+ .minorIcon {
3
+ @extend .shape;
4
+ background: none;
5
+ &:before {
6
+ @extend .horizontalLine;
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,7 @@
1
+ @mixin minorRoundedIcon {
2
+ .minorRoundedIcon {
3
+ @extend .minorIcon;
4
+ background: #C55500;
5
+ @extend .rounded;
6
+ }
7
+ }
@@ -0,0 +1,8 @@
1
+ @mixin moreIcon {
2
+ .moreIcon {
3
+ @extend .square;
4
+ @extend .plusIcon;
5
+ background: #fff;
6
+ border: 1px solid #000;
7
+ }
8
+ }
@@ -0,0 +1,12 @@
1
+ @mixin plusIcon {
2
+ .plusIcon {
3
+ @extend .shape;
4
+ background: none;
5
+ &:before {
6
+ @extend .horizontalLine;
7
+ }
8
+ &:after {
9
+ @extend .verticalLine;
10
+ }
11
+ }
12
+ }
@@ -0,0 +1,7 @@
1
+ @mixin plusRoundedIcon {
2
+ .plusRoundedIcon {
3
+ @extend .plusIcon;
4
+ background: #C55500;
5
+ @extend .rounded;
6
+ }
7
+ }
@@ -0,0 +1,7 @@
1
+ @mixin removeIcon {
2
+ .removeIcon {
3
+ @extend .shape;
4
+ @extend .plusIcon;
5
+ @include rotate(45deg);
6
+ }
7
+ }
@@ -0,0 +1,7 @@
1
+ @mixin roundedRemoveIcon {
2
+ .roundedRemoveIcon {
3
+ @extend .removeIcon;
4
+ background: #C55500;
5
+ @extend .rounded;
6
+ }
7
+ }
@@ -0,0 +1,8 @@
1
+ @mixin lessIcon {
2
+ .lessIcon {
3
+ @extend .square;
4
+ @extend .minorIcon;
5
+ background: #fff;
6
+ border: 1px solid #000;
7
+ }
8
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/arrows.scss";
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "arrows.scss", :within => "sass/oocss3"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/chains";
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "chains.scss"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/figures.scss";
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "figures.scss"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "mediacontrols.scss"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/mediacontrols.scss";
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "micellaneous.scss"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/miscellaneous.scss";
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "objects.scss"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/objects.scss";
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "ribbons.scss"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/ribbons.scss";
@@ -0,0 +1,11 @@
1
+ description "media control pattern"
2
+
3
+ stylesheets "vectors.scss"
4
+
5
+ help %Q{
6
+ media control help message
7
+ }
8
+
9
+ welcome_message %Q{
10
+ media control pattern welcome message
11
+ }
@@ -0,0 +1 @@
1
+ @import "oocss3-shapes/vectors.scss";
metadata CHANGED
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
5
5
  segments:
6
6
  - 0
7
7
  - 0
8
- - 1
9
- version: 0.0.1
8
+ - 2
9
+ version: 0.0.2
10
10
  platform: ruby
11
11
  authors:
12
12
  - Joel Maria
@@ -41,10 +41,88 @@ extra_rdoc_files: []
41
41
  files:
42
42
  - lib/oocss3-shapes/sass_extensions.rb
43
43
  - lib/oocss3-shapes.rb
44
- - stylesheets/_oocss3-shapes.sass
45
- - stylesheets/oocss3-shapes/_module_one.scss
46
- - stylesheets/oocss3-shapes/_module_two.scss
47
- - templates/project/manifest.rb
44
+ - stylesheets/_oocss3-shapes.scss
45
+ - stylesheets/oocss3-shapes/_arrows.scss
46
+ - stylesheets/oocss3-shapes/_base.scss
47
+ - stylesheets/oocss3-shapes/_chains.scss
48
+ - stylesheets/oocss3-shapes/_figures.scss
49
+ - stylesheets/oocss3-shapes/_mediacontrols.scss
50
+ - stylesheets/oocss3-shapes/_miscellaneous.scss
51
+ - stylesheets/oocss3-shapes/_objects.scss
52
+ - stylesheets/oocss3-shapes/_ribbons.scss
53
+ - stylesheets/oocss3-shapes/_vectors.scss
54
+ - stylesheets/oocss3-shapes/arrows/_backALt.scss
55
+ - stylesheets/oocss3-shapes/arrows/_down.scss
56
+ - stylesheets/oocss3-shapes/arrows/_forward.scss
57
+ - stylesheets/oocss3-shapes/arrows/_forwardAlt.scss
58
+ - stylesheets/oocss3-shapes/arrows/_up.scss
59
+ - stylesheets/oocss3-shapes/arrows/back.scss
60
+ - stylesheets/oocss3-shapes/chains/_permaLink.scss
61
+ - stylesheets/oocss3-shapes/example/index.haml
62
+ - stylesheets/oocss3-shapes/example/index.html
63
+ - stylesheets/oocss3-shapes/figures/_oval.scss
64
+ - stylesheets/oocss3-shapes/figures/_rectangle.scss
65
+ - stylesheets/oocss3-shapes/figures/_square.scss
66
+ - stylesheets/oocss3-shapes/figures/_trianguleBottomLeft.scss
67
+ - stylesheets/oocss3-shapes/figures/_trianguleBottomRight.scss
68
+ - stylesheets/oocss3-shapes/figures/_trianguleDown.scss
69
+ - stylesheets/oocss3-shapes/figures/_trianguleLeft.scss
70
+ - stylesheets/oocss3-shapes/figures/_trianguleRight.scss
71
+ - stylesheets/oocss3-shapes/figures/_trianguleTopLeft.scss
72
+ - stylesheets/oocss3-shapes/figures/_trianguleTopRight.scss
73
+ - stylesheets/oocss3-shapes/figures/_trianguleUp.scss
74
+ - stylesheets/oocss3-shapes/figures/circle.scss
75
+ - stylesheets/oocss3-shapes/mediacontrols/_base.scss
76
+ - stylesheets/oocss3-shapes/mediacontrols/_enlarge.scss
77
+ - stylesheets/oocss3-shapes/mediacontrols/_expand.scss
78
+ - stylesheets/oocss3-shapes/mediacontrols/_fastFoward.scss
79
+ - stylesheets/oocss3-shapes/mediacontrols/_pause.scss
80
+ - stylesheets/oocss3-shapes/mediacontrols/_pauseAlt.scss
81
+ - stylesheets/oocss3-shapes/mediacontrols/_play.scss
82
+ - stylesheets/oocss3-shapes/mediacontrols/_popOut.scss
83
+ - stylesheets/oocss3-shapes/mediacontrols/_stop.scss
84
+ - stylesheets/oocss3-shapes/miscellaneous/_denied.scss
85
+ - stylesheets/oocss3-shapes/miscellaneous/_help.scss
86
+ - stylesheets/oocss3-shapes/miscellaneous/_history.scss
87
+ - stylesheets/oocss3-shapes/miscellaneous/_info.scss
88
+ - stylesheets/oocss3-shapes/miscellaneous/_pieChart.scss
89
+ - stylesheets/oocss3-shapes/miscellaneous/_power.scss
90
+ - stylesheets/oocss3-shapes/miscellaneous/_success.scss
91
+ - stylesheets/oocss3-shapes/miscellaneous/_successAlt.scss
92
+ - stylesheets/oocss3-shapes/miscellaneous/_views.scss
93
+ - stylesheets/oocss3-shapes/miscellaneous/_warning.scss
94
+ - stylesheets/oocss3-shapes/objects/_headPhone.scss
95
+ - stylesheets/oocss3-shapes/objects/_ipod.scss
96
+ - stylesheets/oocss3-shapes/objects/_tool.scss
97
+ - stylesheets/oocss3-shapes/ribbons/_downRibbon.scss
98
+ - stylesheets/oocss3-shapes/ribbons/_leftRibbon.scss
99
+ - stylesheets/oocss3-shapes/ribbons/_rightRIbbon.scss
100
+ - stylesheets/oocss3-shapes/ribbons/_upRibbon.scss
101
+ - stylesheets/oocss3-shapes/ribbons/minifest.rb
102
+ - stylesheets/oocss3-shapes/vectors/_minor.scss
103
+ - stylesheets/oocss3-shapes/vectors/_minorRounded.scss
104
+ - stylesheets/oocss3-shapes/vectors/_more.scss
105
+ - stylesheets/oocss3-shapes/vectors/_plus.scss
106
+ - stylesheets/oocss3-shapes/vectors/_plusRounded.scss
107
+ - stylesheets/oocss3-shapes/vectors/_remove.scss
108
+ - stylesheets/oocss3-shapes/vectors/_roundedRemove.scss
109
+ - stylesheets/oocss3-shapes/vectors/less.scss
110
+ - templates/oocss3-shapes/arrows/arrows.scss
111
+ - templates/oocss3-shapes/arrows/minifest.rb
112
+ - templates/oocss3-shapes/chains/chains.scss
113
+ - templates/oocss3-shapes/chains/minifest.rb
114
+ - templates/oocss3-shapes/figures/figures.scss
115
+ - templates/oocss3-shapes/figures/manifest.rb
116
+ - templates/oocss3-shapes/mediacontrols/manifest.rb
117
+ - templates/oocss3-shapes/mediacontrols/mediacontrols.scss
118
+ - templates/oocss3-shapes/miscellaneous/minifest.rb
119
+ - templates/oocss3-shapes/miscellaneous/miscellaneous.scss
120
+ - templates/oocss3-shapes/objects/minifest.rb
121
+ - templates/oocss3-shapes/objects/objects.scss
122
+ - templates/oocss3-shapes/ribbons/minifest.rb
123
+ - templates/oocss3-shapes/ribbons/ribbons.scss
124
+ - templates/oocss3-shapes/vectors/minifest.rb
125
+ - templates/oocss3-shapes/vectors/vectors.scss
48
126
  has_rdoc: true
49
127
  homepage: https://github.com/joelmsanto/css3-pure-icons/wiki
50
128
  licenses: []
@@ -1 +0,0 @@
1
- // This is your framework's main stylesheet. Use it to import all default modules.
@@ -1,13 +0,0 @@
1
- description "css-only lightboxes with optional javascript bootstrapping."
2
-
3
- help %Q{
4
- Installs some html, a stylesheet partial, and javascript bootstrapping that
5
- you can use directly or refer to as an example.
6
- }
7
-
8
- welcome_message %Q{
9
- Please refer to the lightbox.html file to see how the markup should be
10
- structured, the lightbox stylesheet partial to see how to use the library and
11
- apply it to your markup, and the lightbox.js script to see how
12
- bootstrapping works.
13
- }