titon-toolkit 0.9.1 → 0.9.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/src/scss/normalize.scss +396 -0
  3. data/src/scss/toolkit.scss +38 -0
  4. data/src/scss/toolkit/_common.scss +16 -0
  5. data/src/scss/toolkit/_variables.scss +59 -0
  6. data/src/scss/toolkit/effects/visual.scss +75 -0
  7. data/src/scss/toolkit/layout/base.scss +93 -0
  8. data/src/scss/toolkit/layout/code.scss +61 -0
  9. data/src/scss/toolkit/layout/form.scss +158 -0
  10. data/src/scss/toolkit/layout/grid.scss +64 -0
  11. data/src/scss/toolkit/layout/input-group.scss +56 -0
  12. data/src/scss/toolkit/layout/responsive.scss +53 -0
  13. data/src/scss/toolkit/layout/table.scss +82 -0
  14. data/src/scss/toolkit/layout/typography.scss +49 -0
  15. data/src/scss/toolkit/mixins/_grid.scss +24 -0
  16. data/src/scss/toolkit/mixins/_layout.scss +90 -0
  17. data/src/scss/toolkit/mixins/_responsive.scss +111 -0
  18. data/src/scss/toolkit/mixins/_themes.scss +98 -0
  19. data/src/scss/toolkit/modules/accordion.scss +62 -0
  20. data/src/scss/toolkit/modules/blackout.scss +24 -0
  21. data/src/scss/toolkit/modules/carousel.scss +175 -0
  22. data/src/scss/toolkit/modules/flyout.scss +78 -0
  23. data/src/scss/toolkit/modules/modal.scss +243 -0
  24. data/src/scss/toolkit/modules/popover.scss +84 -0
  25. data/src/scss/toolkit/modules/showcase.scss +166 -0
  26. data/src/scss/toolkit/modules/tabs.scss +56 -0
  27. data/src/scss/toolkit/modules/tooltip.scss +130 -0
  28. data/src/scss/toolkit/modules/type-ahead.scss +67 -0
  29. data/src/scss/toolkit/themes/titon.scss +364 -0
  30. data/src/scss/toolkit/themes/tomorrow-night.scss +569 -0
  31. data/src/scss/toolkit/ui/alert.scss +48 -0
  32. data/src/scss/toolkit/ui/breadcrumbs.scss +51 -0
  33. data/src/scss/toolkit/ui/button-group.scss +204 -0
  34. data/src/scss/toolkit/ui/button.scss +48 -0
  35. data/src/scss/toolkit/ui/dropdown.scss +105 -0
  36. data/src/scss/toolkit/ui/icon.scss +22 -0
  37. data/src/scss/toolkit/ui/label-badge.scss +76 -0
  38. data/src/scss/toolkit/ui/lazy-load.scss +14 -0
  39. data/src/scss/toolkit/ui/pagination.scss +128 -0
  40. data/src/scss/toolkit/ui/pin.scss +16 -0
  41. data/src/scss/toolkit/ui/progress.scss +34 -0
  42. metadata +42 -2
data/src/scss/toolkit/ui/icon.scss ADDED
@@ -0,0 +1,22 @@
1
+ /**
2
+ * @copyright Copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
+ */
6
+
7
+ @import "../common";
8
+
9
+ /**
10
+ * <span class="icon-16-delete"></span>
11
+ */
12
+
13
+ [class*="icon-"] { @include reset-inline-block; }
14
+ [class*="icon-12"] { width: 12px; height: 12px; }
15
+ [class*="icon-16"] { width: 16px; height: 16px; }
16
+ [class*="icon-24"] { width: 24px; height: 24px; }
17
+ [class*="icon-32"] { width: 32px; height: 32px; }
18
+ [class*="icon-64"] { width: 64px; height: 64px; }
19
+
20
+ .button {
21
+ [class*="icon-"] { margin-top: -1px; }
22
+ }
data/src/scss/toolkit/ui/label-badge.scss ADDED
@@ -0,0 +1,76 @@
1
+ /**
2
+ * @copyright Copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
+ */
6
+
7
+ @import "../common";
8
+
9
+ /**
10
+ * <span class="badge is-success">15</span>
11
+ * <span class="label is-error">Required</span>
12
+ */
13
+
14
+ .badge,
15
+ .label {
16
+ @include reset-inline-block;
17
+ color: #fff;
18
+ // Shorthand doesn't work in IE
19
+ font-weight: bold;
20
+ font-size: .6rem;
21
+ line-height: 100%;
22
+ background: #282a2e;
23
+ padding: 3px 5px;
24
+ text-transform: uppercase;
25
+ border-radius: 2px;
26
+ white-space: nowrap;
27
+ top: -1px;
28
+
29
+ &:empty { display: none; }
30
+ }
31
+
32
+ .label {
33
+ letter-spacing: 1px;
34
+ }
35
+
36
+ .badge {
37
+ border-radius: 10px;
38
+ }
39
+
40
+ //-------------------- Modifiers --------------------//
41
+
42
+ .label.label--left {
43
+ border-top-left-radius: 1px;
44
+ border-bottom-left-radius: 1px;
45
+ padding-left: 2px;
46
+ margin-left: 10px;
47
+
48
+ &:after {
49
+ top: 0;
50
+ right: 100%;
51
+ content: "";
52
+ height: 0;
53
+ width: 0;
54
+ position: absolute;
55
+ border: .85em solid transparent;
56
+ border-right-color: #282a2e;
57
+ }
58
+ }
59
+
60
+ .label.label--right {
61
+ border-top-right-radius: 1px;
62
+ border-bottom-right-radius: 1px;
63
+ padding-right: 2px;
64
+ margin-right: 10px;
65
+
66
+ &:after {
67
+ top: 0;
68
+ left: 100%;
69
+ content: "";
70
+ height: 0;
71
+ width: 0;
72
+ position: absolute;
73
+ border: .85em solid transparent;
74
+ border-left-color: #282a2e;
75
+ }
76
+ }
data/src/scss/toolkit/ui/lazy-load.scss ADDED
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @copyright Copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
+ */
6
+
7
+ @import "../common";
8
+
9
+ /**
10
+ * Will hide background images and defer image loading until they are within viewport.
11
+ * Should be used in conjunction with the JavaScript Titon.LazyLoad module.
12
+ */
13
+
14
+ .lazy-load { background-image: none !important; }
data/src/scss/toolkit/ui/pagination.scss ADDED
@@ -0,0 +1,128 @@
1
+ /**
2
+ * @copyright Copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
+ */
6
+
7
+ @import "../common";
8
+
9
+ /**
10
+ * <nav class="pagination small pill">
11
+ * <ul>
12
+ * <li><a href="" class="button">Previous</a></li>
13
+ * <li><a href="" class="button">1</a></li>
14
+ * <li><a href="" class="button">2</a></li>
15
+ * <li class="active"><a href="" class="button">3</a></li>
16
+ * <li><a href="" class="button">4</a></li>
17
+ * <li><a href="" class="button">5</a></li>
18
+ * <li class="disabled"><a href="" class="button">Next</a></li>
19
+ * </ul>
20
+ * </nav>
21
+ */
22
+
23
+ .pagination {
24
+ display: block;
25
+ margin: $margin 0;
26
+
27
+ ul,
28
+ li {
29
+ @include reset-inline-block;
30
+ list-style: none;
31
+ }
32
+
33
+ li {
34
+ float: left;
35
+ margin-right: $padding / 2;
36
+
37
+ .button {
38
+ float: left;
39
+ }
40
+
41
+ &.is-active {
42
+ z-index: 1;
43
+ }
44
+ }
45
+
46
+ @include clear-fix;
47
+ }
48
+
49
+ //-------------------- Modifiers --------------------//
50
+
51
+ .pagination.pagination--grouped {
52
+ li {
53
+ margin-left: -1px;
54
+ margin-right: 0;
55
+
56
+ &:first-child { margin-left: 0; }
57
+ &:hover, .button:hover { z-index: 1; }
58
+
59
+ .button {
60
+ margin: 0;
61
+ border-radius: 0;
62
+ }
63
+ }
64
+
65
+ // Shape: round
66
+ &.round {
67
+ ul {
68
+ border-radius: $round;
69
+ }
70
+
71
+ li:first-child .button {
72
+ border-top-left-radius: $round;
73
+ border-bottom-left-radius: $round;
74
+ }
75
+
76
+ li:last-child .button {
77
+ border-top-right-radius: $round;
78
+ border-bottom-right-radius: $round;
79
+ }
80
+ }
81
+
82
+ // Shape: pill
83
+ &.pill {
84
+ ul {
85
+ border-radius: $pill;
86
+ }
87
+
88
+ li:first-child .button {
89
+ border-top-left-radius: $pill;
90
+ border-bottom-left-radius: $pill;
91
+ }
92
+
93
+ li:last-child .button {
94
+ border-top-right-radius: $pill;
95
+ border-bottom-right-radius: $pill;
96
+ }
97
+ }
98
+
99
+ // Shape: oval
100
+ &.oval {
101
+ ul {
102
+ border-radius: #{$oval-x} / #{$oval-y};
103
+ }
104
+
105
+ li:first-child .button {
106
+ border-radius: #{$oval-x} 0 0 #{$oval-x} / #{$oval-y} 0 0 #{$oval-y};
107
+ }
108
+
109
+ li:last-child .button {
110
+ border-radius: 0 #{$oval-x} #{$oval-x} 0 / 0 #{$oval-y} #{$oval-y} 0;
111
+ }
112
+ }
113
+
114
+ // Shape: skew
115
+ &.skew {
116
+ ul {
117
+ border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0;
118
+ }
119
+
120
+ li:first-child .button {
121
+ border-radius: #{$skew-x} 0 0 0 / #{$skew-y} 0 0 0;
122
+ }
123
+
124
+ li:last-child .button {
125
+ border-radius: 0 #{$skew-x} 0 0 / 0 #{$skew-y} 0 0;
126
+ }
127
+ }
128
+ }
data/src/scss/toolkit/ui/pin.scss ADDED
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @copyright Copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
+ */
6
+
7
+ @import "../common";
8
+
9
+ /**
10
+ * Adds a sliding effect to pinned elements.
11
+ * Should be used in conjunction with the JavaScript Titon.Modal module.
12
+ */
13
+
14
+ .pin {
15
+ @include transition(top 1s, right .5s, left .5s);
16
+ }
data/src/scss/toolkit/ui/progress.scss ADDED
@@ -0,0 +1,34 @@
1
+ /**
2
+ * @copyright Copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
+ */
6
+
7
+ @import "../common";
8
+
9
+ /**
10
+ * <div class="progress">
11
+ * <div class="progress-bar" style="width: 50%">50%</div>
12
+ * </div>
13
+ */
14
+
15
+ .progress {
16
+ height: 20px;
17
+ overflow: hidden;
18
+ position: relative;
19
+ background: $gray;
20
+
21
+ @include clear-fix;
22
+ }
23
+
24
+ .progress-bar {
25
+ height: 20px;
26
+ line-height: 18px;
27
+ overflow: hidden;
28
+ position: relative;
29
+ text-align: center;
30
+ font-size: .7rem;
31
+ background: $gray-darkest;
32
+ float: left;
33
+ @include transition(width .6s, background .3s);
34
+ }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: titon-toolkit
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.1
4
+ version: 0.9.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Titon
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-09-10 00:00:00.000000000 Z
12
+ date: 2013-09-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -47,6 +47,46 @@ extensions: []
47
47
  extra_rdoc_files: []
48
48
  files:
49
49
  - src/lib/titon-toolkit.rb
50
+ - src/scss/normalize.scss
51
+ - src/scss/toolkit/_common.scss
52
+ - src/scss/toolkit/_variables.scss
53
+ - src/scss/toolkit/effects/visual.scss
54
+ - src/scss/toolkit/layout/base.scss
55
+ - src/scss/toolkit/layout/code.scss
56
+ - src/scss/toolkit/layout/form.scss
57
+ - src/scss/toolkit/layout/grid.scss
58
+ - src/scss/toolkit/layout/input-group.scss
59
+ - src/scss/toolkit/layout/responsive.scss
60
+ - src/scss/toolkit/layout/table.scss
61
+ - src/scss/toolkit/layout/typography.scss
62
+ - src/scss/toolkit/mixins/_grid.scss
63
+ - src/scss/toolkit/mixins/_layout.scss
64
+ - src/scss/toolkit/mixins/_responsive.scss
65
+ - src/scss/toolkit/mixins/_themes.scss
66
+ - src/scss/toolkit/modules/accordion.scss
67
+ - src/scss/toolkit/modules/blackout.scss
68
+ - src/scss/toolkit/modules/carousel.scss
69
+ - src/scss/toolkit/modules/flyout.scss
70
+ - src/scss/toolkit/modules/modal.scss
71
+ - src/scss/toolkit/modules/popover.scss
72
+ - src/scss/toolkit/modules/showcase.scss
73
+ - src/scss/toolkit/modules/tabs.scss
74
+ - src/scss/toolkit/modules/tooltip.scss
75
+ - src/scss/toolkit/modules/type-ahead.scss
76
+ - src/scss/toolkit/themes/titon.scss
77
+ - src/scss/toolkit/themes/tomorrow-night.scss
78
+ - src/scss/toolkit/ui/alert.scss
79
+ - src/scss/toolkit/ui/breadcrumbs.scss
80
+ - src/scss/toolkit/ui/button-group.scss
81
+ - src/scss/toolkit/ui/button.scss
82
+ - src/scss/toolkit/ui/dropdown.scss
83
+ - src/scss/toolkit/ui/icon.scss
84
+ - src/scss/toolkit/ui/label-badge.scss
85
+ - src/scss/toolkit/ui/lazy-load.scss
86
+ - src/scss/toolkit/ui/pagination.scss
87
+ - src/scss/toolkit/ui/pin.scss
88
+ - src/scss/toolkit/ui/progress.scss
89
+ - src/scss/toolkit.scss
50
90
  homepage: http://titon.io
51
91
  licenses:
52
92
  - BSD-2