titon-toolkit 0.9.4 → 0.10.0

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 (44) hide show
  1. data/license.md +23 -0
  2. data/readme.md +93 -0
  3. data/src/lib/titon-toolkit.rb +2 -2
  4. data/src/scss/toolkit.scss +3 -3
  5. data/src/scss/toolkit/effects/visual.scss +47 -47
  6. data/src/scss/toolkit/layout/base.scss +32 -32
  7. data/src/scss/toolkit/layout/code.scss +38 -38
  8. data/src/scss/toolkit/layout/form.scss +86 -86
  9. data/src/scss/toolkit/layout/grid.scss +31 -31
  10. data/src/scss/toolkit/layout/input-group.scss +41 -41
  11. data/src/scss/toolkit/layout/responsive.scss +21 -21
  12. data/src/scss/toolkit/layout/table.scss +59 -59
  13. data/src/scss/toolkit/layout/typography.scss +18 -18
  14. data/src/scss/toolkit/mixins/_grid.scss +8 -8
  15. data/src/scss/toolkit/mixins/_layout.scss +36 -36
  16. data/src/scss/toolkit/mixins/_responsive.scss +56 -56
  17. data/src/scss/toolkit/mixins/_themes.scss +78 -78
  18. data/src/scss/toolkit/modules/accordion.scss +33 -33
  19. data/src/scss/toolkit/modules/blackout.scss +13 -13
  20. data/src/scss/toolkit/modules/carousel.scss +141 -141
  21. data/src/scss/toolkit/modules/flyout.scss +57 -57
  22. data/src/scss/toolkit/modules/modal.scss +206 -206
  23. data/src/scss/toolkit/modules/popover.scss +58 -58
  24. data/src/scss/toolkit/modules/showcase.scss +135 -135
  25. data/src/scss/toolkit/modules/tabs.scss +29 -29
  26. data/src/scss/toolkit/modules/tooltip.scss +109 -109
  27. data/src/scss/toolkit/modules/type-ahead.scss +44 -44
  28. data/src/scss/toolkit/themes/titon.scss +242 -242
  29. data/src/scss/toolkit/themes/tomorrow-night.scss +322 -322
  30. data/src/scss/toolkit/ui/alert.scss +29 -29
  31. data/src/scss/toolkit/ui/breadcrumbs.scss +41 -41
  32. data/src/scss/toolkit/ui/button-group.scss +181 -181
  33. data/src/scss/toolkit/ui/button.scss +31 -31
  34. data/src/scss/toolkit/ui/dropdown.scss +83 -83
  35. data/src/scss/toolkit/ui/icon.scss +5 -5
  36. data/src/scss/toolkit/ui/label-badge.scss +48 -48
  37. data/src/scss/toolkit/ui/lazy-load.scss +8 -5
  38. data/src/scss/toolkit/ui/matrix.scss +26 -0
  39. data/src/scss/toolkit/ui/pagination.scss +108 -108
  40. data/src/scss/toolkit/ui/pin.scss +5 -5
  41. data/src/scss/toolkit/ui/progress.scss +20 -20
  42. data/version.md +1 -0
  43. metadata +17 -5
  44. checksums.yaml +0 -15
data/src/scss/toolkit/ui/pagination.scss CHANGED
@@ -1,128 +1,128 @@
1
1
  /**
2
- * @copyright Copyright 2010-2013, The Titon Project
3
- * @license http://opensource.org/licenses/bsd-license.php
4
- * @link http://titon.io
2
+ * @copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
5
  */
6
6
 
7
7
  @import "../common";
8
8
 
9
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>
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
21
  */
22
22
 
23
23
  .pagination {
24
- display: block;
25
- margin: $margin 0;
24
+ display: block;
25
+ margin: $margin 0;
26
26
 
27
- ul,
28
- li {
29
- @include reset-inline-block;
30
- list-style: none;
31
- }
27
+ ul,
28
+ li {
29
+ @include reset-inline-block;
30
+ list-style: none;
31
+ }
32
32
 
33
- li {
34
- float: left;
35
- margin-right: $padding / 2;
33
+ li {
34
+ float: left;
35
+ margin-right: $padding / 2;
36
36
 
37
- .button {
38
- float: left;
39
- }
37
+ .button {
38
+ float: left;
39
+ }
40
40
 
41
- &.is-active {
42
- z-index: 1;
43
- }
44
- }
41
+ &.is-active {
42
+ z-index: 1;
43
+ }
44
+ }
45
45
 
46
- @include clear-fix;
46
+ @include clear-fix;
47
47
  }
48
48
 
49
49
  //-------------------- Modifiers --------------------//
50
50
 
51
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
- }
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
128
  }
data/src/scss/toolkit/ui/pin.scss CHANGED
@@ -1,16 +1,16 @@
1
1
  /**
2
- * @copyright Copyright 2010-2013, The Titon Project
3
- * @license http://opensource.org/licenses/bsd-license.php
4
- * @link http://titon.io
2
+ * @copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
5
  */
6
6
 
7
7
  @import "../common";
8
8
 
9
9
  /**
10
10
  * Adds a sliding effect to pinned elements.
11
- * Should be used in conjunction with the JavaScript Titon.Modal module.
11
+ * Should be used in conjunction with the JavaScript Titon.Pin component.
12
12
  */
13
13
 
14
14
  .pin {
15
- @include transition(top 1s, right .5s, left .5s);
15
+ @include transition(top 1s, right .5s, left .5s);
16
16
  }
data/src/scss/toolkit/ui/progress.scss CHANGED
@@ -1,34 +1,34 @@
1
1
  /**
2
- * @copyright Copyright 2010-2013, The Titon Project
3
- * @license http://opensource.org/licenses/bsd-license.php
4
- * @link http://titon.io
2
+ * @copyright 2010-2013, The Titon Project
3
+ * @license http://opensource.org/licenses/bsd-license.php
4
+ * @link http://titon.io
5
5
  */
6
6
 
7
7
  @import "../common";
8
8
 
9
9
  /**
10
- * <div class="progress">
11
- * <div class="progress-bar" style="width: 50%">50%</div>
12
- * </div>
10
+ * <div class="progress">
11
+ * <div class="progress-bar" style="width: 50%">50%</div>
12
+ * </div>
13
13
  */
14
14
 
15
15
  .progress {
16
- height: 20px;
17
- overflow: hidden;
18
- position: relative;
19
- background: $gray;
16
+ height: 20px;
17
+ overflow: hidden;
18
+ position: relative;
19
+ background: $gray;
20
20
 
21
- @include clear-fix;
21
+ @include clear-fix;
22
22
  }
23
23
 
24
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);
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
34
  }
data/version.md ADDED
@@ -0,0 +1 @@
1
+ 0.10.0
metadata CHANGED
@@ -1,7 +1,8 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: titon-toolkit
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.4
4
+ version: 0.10.0
5
+ prerelease:
5
6
  platform: ruby
6
7
  authors:
7
8
  - Titon
@@ -9,11 +10,12 @@ authors:
9
10
  autorequire:
10
11
  bindir: bin
11
12
  cert_chain: []
12
- date: 2013-09-12 00:00:00.000000000 Z
13
+ date: 2013-09-14 00:00:00.000000000 Z
13
14
  dependencies:
14
15
  - !ruby/object:Gem::Dependency
15
16
  name: sass
16
17
  requirement: !ruby/object:Gem::Requirement
18
+ none: false
17
19
  requirements:
18
20
  - - ! '>='
19
21
  - !ruby/object:Gem::Version
@@ -21,6 +23,7 @@ dependencies:
21
23
  type: :runtime
22
24
  prerelease: false
23
25
  version_requirements: !ruby/object:Gem::Requirement
26
+ none: false
24
27
  requirements:
25
28
  - - ! '>='
26
29
  - !ruby/object:Gem::Version
@@ -28,6 +31,7 @@ dependencies:
28
31
  - !ruby/object:Gem::Dependency
29
32
  name: compass
30
33
  requirement: !ruby/object:Gem::Requirement
34
+ none: false
31
35
  requirements:
32
36
  - - ! '>='
33
37
  - !ruby/object:Gem::Version
@@ -35,6 +39,7 @@ dependencies:
35
39
  type: :runtime
36
40
  prerelease: false
37
41
  version_requirements: !ruby/object:Gem::Requirement
42
+ none: false
38
43
  requirements:
39
44
  - - ! '>='
40
45
  - !ruby/object:Gem::Version
@@ -81,34 +86,41 @@ files:
81
86
  - src/scss/toolkit/ui/icon.scss
82
87
  - src/scss/toolkit/ui/label-badge.scss
83
88
  - src/scss/toolkit/ui/lazy-load.scss
89
+ - src/scss/toolkit/ui/matrix.scss
84
90
  - src/scss/toolkit/ui/pagination.scss
85
91
  - src/scss/toolkit/ui/pin.scss
86
92
  - src/scss/toolkit/ui/progress.scss
87
93
  - src/scss/toolkit/_common.scss
88
94
  - src/scss/toolkit/_variables.scss
89
95
  - src/scss/toolkit.scss
96
+ - license.md
97
+ - readme.md
98
+ - version.md
90
99
  homepage: http://titon.io
91
100
  licenses:
92
101
  - BSD-2
93
- metadata: {}
94
102
  post_install_message:
95
103
  rdoc_options: []
96
104
  require_paths:
97
105
  - lib
106
+ - src
107
+ - src/lib
98
108
  required_ruby_version: !ruby/object:Gem::Requirement
109
+ none: false
99
110
  requirements:
100
111
  - - ! '>='
101
112
  - !ruby/object:Gem::Version
102
113
  version: '0'
103
114
  required_rubygems_version: !ruby/object:Gem::Requirement
115
+ none: false
104
116
  requirements:
105
117
  - - ! '>='
106
118
  - !ruby/object:Gem::Version
107
119
  version: '0'
108
120
  requirements: []
109
121
  rubyforge_project:
110
- rubygems_version: 2.0.5
122
+ rubygems_version: 1.8.23
111
123
  signing_key:
112
- specification_version: 4
124
+ specification_version: 3
113
125
  summary: The gem provides Toolkit Sass files for use in projects.
114
126
  test_files: []
checksums.yaml DELETED
@@ -1,15 +0,0 @@
1
- ---
2
- !binary "U0hBMQ==":
3
- metadata.gz: !binary |-
4
- ZDE0NmQ1YmFiNTQ3NGVkNzBlMzhlZmVkMWExN2RlYmQ3NjA3ZTViMQ==
5
- data.tar.gz: !binary |-
6
- NTMwYjI2ZDQzNDhmOTI4YjY2MjI5NjRiOThkYzc3ZjY5NjAwZDVhMQ==
7
- !binary "U0hBNTEy":
8
- metadata.gz: !binary |-
9
- YjI1MDcwNzc5YjMyYThiNTUzMGUzMWIxNzRmNjQyNWUxMzZkOWYzZWVkYTU0
10
- NTAxZDI4MDQxODgzZTI5OWY0MDk3ZWFhMDU4Njg4MDU2NzBjMGIwYWVhYTkw
11
- ZDg3ZWU3OGQ3ZGU5MWNiYjRlNzY1MjBmNzcxNmRmYWNlMTNjNzM=
12
- data.tar.gz: !binary |-
13
- MDRjZTA4ZmMwYmExMzZiYjYxYmFkOTRmOWZkYWRhYWVmNTE0ZjRiYTg1YjQ0
14
- MTVhYjEwNmY0OTU1ZTM1ZjhlOGY0NGJiMmJiNzA1N2U5ZGMyMTk5OTJiNmJj
15
- YjcxYTcyOWRkNDgyOTEzOGU3MTVkNjBkMWNhMWY3Yzk3MGY2ZjY=