titon-toolkit 0.9.1 → 0.9.2

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 (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