titon-toolkit 0.9.4 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
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=