ctl_base_ui 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (167) hide show
  1. checksums.yaml +7 -0
  2. data/Rakefile +32 -0
  3. data/app/assets/images/ctl_base_ui/ctl_labs_long_color.svg +79 -0
  4. data/app/assets/images/ctl_base_ui/ctl_labs_run_color.svg +47 -0
  5. data/app/assets/images/ctl_base_ui/ctl_logo_base.svg +48 -0
  6. data/app/assets/images/ctl_base_ui/icon_sprite.svg +161 -0
  7. data/app/assets/images/ctl_base_ui/icon_sprite_blue.svg +161 -0
  8. data/app/assets/images/ctl_base_ui/icon_sprite_green.svg +161 -0
  9. data/app/assets/images/ctl_base_ui/icon_sprite_light_blue.svg +161 -0
  10. data/app/assets/images/ctl_base_ui/icon_sprite_light_green.svg +161 -0
  11. data/app/assets/images/ctl_base_ui/icon_sprite_light_grey.svg +161 -0
  12. data/app/assets/images/ctl_base_ui/icon_sprite_red.svg +161 -0
  13. data/app/assets/images/ctl_base_ui/icon_sprite_white.svg +161 -0
  14. data/app/assets/javascripts/ctl_base_ui/kitchen_sink.js +2 -0
  15. data/app/assets/stylesheets/ctl_base_ui/_colors.scss +19 -0
  16. data/app/assets/stylesheets/ctl_base_ui/_mixins.scss +37 -0
  17. data/app/assets/stylesheets/ctl_base_ui/_variables.scss +2 -0
  18. data/app/assets/stylesheets/ctl_base_ui/application.css +21 -0
  19. data/app/assets/stylesheets/ctl_base_ui/baseline.scss +13 -0
  20. data/app/assets/stylesheets/ctl_base_ui/buttons.scss +81 -0
  21. data/app/assets/stylesheets/ctl_base_ui/forms.scss +111 -0
  22. data/app/assets/stylesheets/ctl_base_ui/icons.scss +131 -0
  23. data/app/assets/stylesheets/ctl_base_ui/modals.scss +77 -0
  24. data/app/assets/stylesheets/ctl_base_ui/notices.scss +41 -0
  25. data/app/assets/stylesheets/ctl_base_ui/reset.scss +48 -0
  26. data/app/assets/stylesheets/ctl_base_ui/styleguide.scss +437 -0
  27. data/app/assets/stylesheets/ctl_base_ui/typography.scss +92 -0
  28. data/app/controllers/ctl_base_ui/application_controller.rb +7 -0
  29. data/app/controllers/ctl_base_ui/styleguide_controller.rb +8 -0
  30. data/app/helpers/ctl_base_ui/application_helper.rb +12 -0
  31. data/app/views/ctl_base_ui/styleguide/_buttons.html.haml +10 -0
  32. data/app/views/ctl_base_ui/styleguide/_century_link_identity.html.haml +3 -0
  33. data/app/views/ctl_base_ui/styleguide/_colors.html.haml +44 -0
  34. data/app/views/ctl_base_ui/styleguide/_forms.html.haml +19 -0
  35. data/app/views/ctl_base_ui/styleguide/_icons.html.haml +11 -0
  36. data/app/views/ctl_base_ui/styleguide/_modals.html.haml +15 -0
  37. data/app/views/ctl_base_ui/styleguide/_notices.html.haml +21 -0
  38. data/app/views/ctl_base_ui/styleguide/_typography.html.haml +30 -0
  39. data/app/views/ctl_base_ui/styleguide/index.html.haml +57 -0
  40. data/app/views/layouts/ctl_base_ui/application.html.haml +12 -0
  41. data/config/routes.rb +3 -0
  42. data/lib/ctl_base_ui/configuration.rb +25 -0
  43. data/lib/ctl_base_ui/engine.rb +8 -0
  44. data/lib/ctl_base_ui/version.rb +3 -0
  45. data/lib/ctl_base_ui.rb +6 -0
  46. data/lib/tasks/ctl_base_ui_tasks.rake +4 -0
  47. data/test/ctl_base_ui_test.rb +7 -0
  48. data/test/dummy/README.rdoc +28 -0
  49. data/test/dummy/Rakefile +6 -0
  50. data/test/dummy/app/assets/javascripts/application.js +13 -0
  51. data/test/dummy/app/controllers/application_controller.rb +5 -0
  52. data/test/dummy/app/helpers/application_helper.rb +2 -0
  53. data/test/dummy/app/views/layouts/application.html.haml +14 -0
  54. data/test/dummy/bin/bundle +3 -0
  55. data/test/dummy/bin/rails +4 -0
  56. data/test/dummy/bin/rake +4 -0
  57. data/test/dummy/config/application.rb +28 -0
  58. data/test/dummy/config/boot.rb +5 -0
  59. data/test/dummy/config/environment.rb +5 -0
  60. data/test/dummy/config/environments/development.rb +27 -0
  61. data/test/dummy/config/environments/production.rb +80 -0
  62. data/test/dummy/config/environments/test.rb +36 -0
  63. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  64. data/test/dummy/config/initializers/ctl_base_ui.rb +3 -0
  65. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  66. data/test/dummy/config/initializers/inflections.rb +16 -0
  67. data/test/dummy/config/initializers/mime_types.rb +5 -0
  68. data/test/dummy/config/initializers/secret_token.rb +12 -0
  69. data/test/dummy/config/initializers/session_store.rb +3 -0
  70. data/test/dummy/config/initializers/wrap_parameters.rb +9 -0
  71. data/test/dummy/config/locales/en.yml +23 -0
  72. data/test/dummy/config/routes.rb +3 -0
  73. data/test/dummy/config.ru +4 -0
  74. data/test/dummy/log/development.log +616 -0
  75. data/test/dummy/public/404.html +58 -0
  76. data/test/dummy/public/422.html +58 -0
  77. data/test/dummy/public/500.html +57 -0
  78. data/test/dummy/public/favicon.ico +0 -0
  79. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/_colors.scssc +0 -0
  80. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/_mixins.scssc +0 -0
  81. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/_variables.scssc +0 -0
  82. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/baseline.scssc +0 -0
  83. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/buttons.scssc +0 -0
  84. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/forms.scssc +0 -0
  85. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/icons.scssc +0 -0
  86. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/modals.scssc +0 -0
  87. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/notices.scssc +0 -0
  88. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/reset.scssc +0 -0
  89. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/styleguide.scssc +0 -0
  90. data/test/dummy/tmp/cache/assets/development/sass/8abd77cf1f8106f52f12194ed1fcc1613b5c14c6/typography.scssc +0 -0
  91. data/test/dummy/tmp/cache/assets/development/sprockets/0303b432eb383e61ba34ea5078f66a48 +0 -0
  92. data/test/dummy/tmp/cache/assets/development/sprockets/0733a75c8a2b4eb73f605ea998af15b5 +0 -0
  93. data/test/dummy/tmp/cache/assets/development/sprockets/0d1b08b26685a1c2b4b97e1f671a4af3 +0 -0
  94. data/test/dummy/tmp/cache/assets/development/sprockets/179b270ea6a97e5d46ff601500a6846d +0 -0
  95. data/test/dummy/tmp/cache/assets/development/sprockets/187cf46ce796ff8dcd272c736d459e99 +0 -0
  96. data/test/dummy/tmp/cache/assets/development/sprockets/1e20264e24c10967027560b2869fb1d3 +0 -0
  97. data/test/dummy/tmp/cache/assets/development/sprockets/270aa30dc683f1dd3c2dfaa993e1321a +0 -0
  98. data/test/dummy/tmp/cache/assets/development/sprockets/2c971479f73bafa4a357b3e08e571167 +0 -0
  99. data/test/dummy/tmp/cache/assets/development/sprockets/2cabf41a81ca2c912333d520cd6902bb +0 -0
  100. data/test/dummy/tmp/cache/assets/development/sprockets/2deb642dada5251ae5b3fe9453bef203 +0 -0
  101. data/test/dummy/tmp/cache/assets/development/sprockets/34e5eaecd93f40aa15f62d46e38d0aec +0 -0
  102. data/test/dummy/tmp/cache/assets/development/sprockets/3864760eed16c23aabbd3714d39731ab +0 -0
  103. data/test/dummy/tmp/cache/assets/development/sprockets/38d0b1e7a58a1fa245500f6cf244ffbe +0 -0
  104. data/test/dummy/tmp/cache/assets/development/sprockets/3b7e3122ce02b3cc004c88ebd07f159f +0 -0
  105. data/test/dummy/tmp/cache/assets/development/sprockets/3d3580db821c9121cb1fb6bdca57973e +0 -0
  106. data/test/dummy/tmp/cache/assets/development/sprockets/49dbb80fd198f03d655ef7ea0d3d102a +0 -0
  107. data/test/dummy/tmp/cache/assets/development/sprockets/4bb25d18d10b2678b08bfcafe0c34e26 +0 -0
  108. data/test/dummy/tmp/cache/assets/development/sprockets/58e530ef4bbbc16c59c12bbc75fdf59e +0 -0
  109. data/test/dummy/tmp/cache/assets/development/sprockets/5e96a4fa7adc21893ef800cb5b4d7b1b +0 -0
  110. data/test/dummy/tmp/cache/assets/development/sprockets/60e0b9f6bc47b7dd0c638e3d9b89710c +0 -0
  111. data/test/dummy/tmp/cache/assets/development/sprockets/62b022ed57ae78bbda6088e9224e7f80 +0 -0
  112. data/test/dummy/tmp/cache/assets/development/sprockets/65d1d5c459b20f2a3e1155ffca39b322 +0 -0
  113. data/test/dummy/tmp/cache/assets/development/sprockets/68d639a7ec8b865c18b91b405f7d1e6f +0 -0
  114. data/test/dummy/tmp/cache/assets/development/sprockets/6d410574ba327d6b66b019a4564d4a3a +0 -0
  115. data/test/dummy/tmp/cache/assets/development/sprockets/713251a5497bb66ab924fea15e9b0284 +0 -0
  116. data/test/dummy/tmp/cache/assets/development/sprockets/7ce45cf5080d9abd1b0e837b4ae20b67 +0 -0
  117. data/test/dummy/tmp/cache/assets/development/sprockets/7d16eef429258a61204ec3a6ff31527a +0 -0
  118. data/test/dummy/tmp/cache/assets/development/sprockets/810fe112337898d76dbdedeb6b1ba9b8 +0 -0
  119. data/test/dummy/tmp/cache/assets/development/sprockets/864adbf04c5ab0d32fa685701ae62f38 +0 -0
  120. data/test/dummy/tmp/cache/assets/development/sprockets/89606f28c3dfd69b84b4d24946538037 +0 -0
  121. data/test/dummy/tmp/cache/assets/development/sprockets/8c7ada169200de41cc4c79475e29fe0b +0 -0
  122. data/test/dummy/tmp/cache/assets/development/sprockets/918faf7a66bb2533d7e0dc594d71debb +0 -0
  123. data/test/dummy/tmp/cache/assets/development/sprockets/9190a159a7c37dd97f3a472206575242 +0 -0
  124. data/test/dummy/tmp/cache/assets/development/sprockets/925baff581c9b50a6419c475485e942b +0 -0
  125. data/test/dummy/tmp/cache/assets/development/sprockets/95ea9c200445fe8fd20e0d6da242ddbd +0 -0
  126. data/test/dummy/tmp/cache/assets/development/sprockets/95fa285c1de558eb3c20f169b844f76c +0 -0
  127. data/test/dummy/tmp/cache/assets/development/sprockets/96b14e59638628abe7a2efb736c23f5e +0 -0
  128. data/test/dummy/tmp/cache/assets/development/sprockets/a0a731c98e68c1444457d754e9093369 +0 -0
  129. data/test/dummy/tmp/cache/assets/development/sprockets/a6bda980439e51cb092fb6d8b7920b49 +0 -0
  130. data/test/dummy/tmp/cache/assets/development/sprockets/a9df84c7eebe716cac74822f5c1db1cb +0 -0
  131. data/test/dummy/tmp/cache/assets/development/sprockets/adee1d66169ed6e8595218f2c42f5f59 +0 -0
  132. data/test/dummy/tmp/cache/assets/development/sprockets/b3396a881ee33e938a6fdb3d9c7593b1 +0 -0
  133. data/test/dummy/tmp/cache/assets/development/sprockets/b3a303ba4385b3991be89acba49ca62c +0 -0
  134. data/test/dummy/tmp/cache/assets/development/sprockets/b652de37608b55f2cb1258e1202297a9 +0 -0
  135. data/test/dummy/tmp/cache/assets/development/sprockets/b65ea5f591919e176212719cb8170eec +0 -0
  136. data/test/dummy/tmp/cache/assets/development/sprockets/b6d2153d7c97d1cf2714e14e24fa7d39 +0 -0
  137. data/test/dummy/tmp/cache/assets/development/sprockets/b7114ea3513dfa680adc1909bc20c89b +0 -0
  138. data/test/dummy/tmp/cache/assets/development/sprockets/bf7625999e0a55773e8afa91f8fa2619 +0 -0
  139. data/test/dummy/tmp/cache/assets/development/sprockets/bfe9a98f3b82d40c3b13aed73ba185c7 +0 -0
  140. data/test/dummy/tmp/cache/assets/development/sprockets/c08bc7cd26f85ce11741ee6e5efebf91 +0 -0
  141. data/test/dummy/tmp/cache/assets/development/sprockets/c0cbe5c4109d439bca0bdc67f0f13246 +0 -0
  142. data/test/dummy/tmp/cache/assets/development/sprockets/c3a0786a7c4480e9754d0b490b216eac +0 -0
  143. data/test/dummy/tmp/cache/assets/development/sprockets/c599b6ae6831d05fb0b54aa099afa193 +0 -0
  144. data/test/dummy/tmp/cache/assets/development/sprockets/c635164eabd3a3b87f718b0eb6288fa6 +0 -0
  145. data/test/dummy/tmp/cache/assets/development/sprockets/c6b006903d4bab49e7e017e830cbcc03 +0 -0
  146. data/test/dummy/tmp/cache/assets/development/sprockets/ca2920c72c4de8e2c6ca165348f1801e +0 -0
  147. data/test/dummy/tmp/cache/assets/development/sprockets/cbf1e5fb527fc7e1febc8068c0e99292 +0 -0
  148. data/test/dummy/tmp/cache/assets/development/sprockets/ceaa26a5cd606fcda7ffbb9963b86c33 +0 -0
  149. data/test/dummy/tmp/cache/assets/development/sprockets/cf05718545630da575a491be1620f58e +0 -0
  150. data/test/dummy/tmp/cache/assets/development/sprockets/d40c55a44bd87cc334c38165c1badb69 +0 -0
  151. data/test/dummy/tmp/cache/assets/development/sprockets/d5188f154ad181a5c1d97d75180144e2 +0 -0
  152. data/test/dummy/tmp/cache/assets/development/sprockets/d896be8cd59389c8d9aa62897e2539aa +0 -0
  153. data/test/dummy/tmp/cache/assets/development/sprockets/d931b88d566c4c1f7413fb6206bc70b9 +0 -0
  154. data/test/dummy/tmp/cache/assets/development/sprockets/db8d11fa2072f99f9b09158ce432cd73 +0 -0
  155. data/test/dummy/tmp/cache/assets/development/sprockets/dda0d76adf30b8d41364feb544dbc43b +0 -0
  156. data/test/dummy/tmp/cache/assets/development/sprockets/de15c0d8d02e8bf92eb8e4a476c15a13 +0 -0
  157. data/test/dummy/tmp/cache/assets/development/sprockets/df073ef92311baf471749246bc63cd9e +0 -0
  158. data/test/dummy/tmp/cache/assets/development/sprockets/dfd377efa43e490bc47ea01a8bc2db63 +0 -0
  159. data/test/dummy/tmp/cache/assets/development/sprockets/e236b528d40f4a291d03a2c07ea4dc45 +0 -0
  160. data/test/dummy/tmp/cache/assets/development/sprockets/e71d9fdfcbb630a0c49ecd9610afe42b +0 -0
  161. data/test/dummy/tmp/cache/assets/development/sprockets/e769263e01360490916801f8cd28c510 +0 -0
  162. data/test/dummy/tmp/cache/assets/development/sprockets/e971944fd6d11922fbfd51283a82fa47 +0 -0
  163. data/test/dummy/tmp/cache/assets/development/sprockets/f2f6c99c1fe4a5298c92950f556aeae1 +0 -0
  164. data/test/dummy/tmp/cache/assets/development/sprockets/f482e693e6b20f9a3d2f77ff8a130086 +0 -0
  165. data/test/integration/navigation_test.rb +9 -0
  166. data/test/test_helper.rb +15 -0
  167. metadata +398 -0
@@ -0,0 +1,81 @@
1
+ @import 'colors';
2
+ @import 'mixins';
3
+ @import 'icons';
4
+
5
+ button {
6
+ cursor: pointer;
7
+ }
8
+
9
+ .button-primary {
10
+ display: inline-block;
11
+ @include border-radius(0.3em);
12
+ border: 0;
13
+ min-width: 10em;
14
+ padding: 10px 15px 11px;
15
+ background-color: $ctl_light_green;
16
+ color: $white;
17
+ font-size: 0.9em;
18
+ font-weight: bold;
19
+ text-align: center;
20
+ cursor: pointer;
21
+
22
+ &:hover {
23
+ @include box-shadow(0, 0, 5px, rgba( $ctl_light_green, 0.6 ));
24
+ background-color: darken( $ctl_light_green, 5% );
25
+ transition: background-color 0.25s ease;
26
+ }
27
+
28
+ &:focus {
29
+ outline: none;
30
+ }
31
+
32
+ &[disabled] {
33
+ background-color: $light_grey;
34
+ color: $medium_grey;
35
+
36
+ &:hover {
37
+ @include box-shadow(0, 0, 5px, rgba( $ctl_light_green, 0.0 ));
38
+ cursor: not-allowed;
39
+ }
40
+ }
41
+ }
42
+
43
+ a.button-primary {
44
+ @extend .button-primary;
45
+ padding-top: .9em;
46
+ padding-bottom: .9em;
47
+ }
48
+
49
+ .button-secondary {
50
+ @extend .button-primary;
51
+ background-color: $dark_grey;
52
+
53
+ &:hover {
54
+ @extend .button-primary;
55
+ @include box-shadow(0, 0, 5px, rgba( $dark_grey, 0.6 ));
56
+ background-color: darken( $dark_grey, 15% );
57
+ }
58
+ }
59
+
60
+
61
+ .button-positive {
62
+ @extend .button-primary;
63
+ background-color: $orange;
64
+
65
+ &:hover {
66
+ @extend .button-primary;
67
+ @include box-shadow(0, 0, 5px, rgba( $orange, 0.6 ));
68
+ background-color: darken( $orange, 5% );
69
+ }
70
+ }
71
+
72
+ .button-negative {
73
+ @extend .button-primary;
74
+ background-color: $dark_red;
75
+
76
+ &:hover {
77
+ @extend .button-primary;
78
+ @include box-shadow(0, 0, 5px, rgba( $dark_red, 0.6 ));
79
+ background-color: darken( $dark_red, 10% );
80
+ }
81
+ }
@@ -0,0 +1,111 @@
1
+ @import 'mixins';
2
+ @import 'colors';
3
+ @import 'icons';
4
+
5
+ label {
6
+ cursor: pointer;
7
+ }
8
+
9
+ label.optional,
10
+ dt.optional {
11
+ &:after {
12
+ content: ' (Optional)';
13
+ font-weight: normal;
14
+ font-style: italic;
15
+ }
16
+ }
17
+
18
+ input[type='text'],
19
+ input[type='number'],
20
+ input[type='email'],
21
+ textarea {
22
+ @include border-radius(0.3em);
23
+ padding: 10px;
24
+ font-size: 13px;
25
+ color: $warm_grey;
26
+ border: $warm_grey 1px solid;
27
+
28
+ &:focus {
29
+ color: $dark_grey;
30
+ border-color: $dark_grey;
31
+ outline: none;
32
+ }
33
+ }
34
+
35
+ input[type='number'] {
36
+ padding-right: 5px;
37
+ }
38
+
39
+ .chosen-container {
40
+ .chosen-single {
41
+ padding: 7px 9px;
42
+ color: $warm_grey;
43
+ border: $warm_grey 1px solid;
44
+ background: $white !important;
45
+
46
+ span {
47
+ margin-right: 40px;
48
+ }
49
+
50
+ div {
51
+ @include border-box;
52
+ width: 30px;
53
+
54
+ b {
55
+ margin-top: 6px;
56
+ background: none;
57
+ height: 26px;
58
+ border-left: $warm_grey 1px solid;
59
+ position: relative;
60
+
61
+ &:after {
62
+ content: '';
63
+ position: absolute;
64
+ top: 9px;
65
+ left: 9px;
66
+ @extend .icon-thick-arrow-down;
67
+ }
68
+ }
69
+ }
70
+ }
71
+
72
+ .chosen-results {
73
+ li {
74
+ @include border-box;
75
+ @include border-radius(3px);
76
+ min-height: 35px;
77
+ padding-top: 10px;
78
+ position: relative;
79
+ padding-left: 20px;
80
+
81
+ &.highlighted {
82
+ background: $light_grey;
83
+ color: $blue_grey;
84
+ }
85
+
86
+ &.result-selected {
87
+ &:before {
88
+ position: absolute;
89
+ left: 6px;
90
+ top: 12px;
91
+ content: '';
92
+ @extend .icon-checkmark;
93
+ @include icon-green;
94
+ }
95
+ }
96
+ }
97
+ }
98
+ }
99
+
100
+ .chosen-container-active {
101
+ .chosen-single,
102
+ .chosen-drop {
103
+ border-color: $blue_grey !important;
104
+ }
105
+ }
106
+
107
+ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
108
+ .chosen-container-single .chosen-single div b {
109
+ background: none !important;
110
+ }
111
+ }
@@ -0,0 +1,131 @@
1
+ @import 'mixins';
2
+
3
+ $icons: (
4
+ plus: 0,
5
+ minus: 1,
6
+ x: 2,
7
+ sprocket: 3,
8
+ arrowloop: 4,
9
+ checkmark: 5,
10
+ document: 6,
11
+ magnifying-glass: 7,
12
+ pencil: 8,
13
+ outbox: 9,
14
+ grid: 10,
15
+ envelope: 11,
16
+ list: 12,
17
+ folder: 13,
18
+ menu: 14,
19
+ house: 15,
20
+ star: 16,
21
+ thin-arrow-right: 17,
22
+ thick-arrow-right: 18,
23
+ magnifying-glass-plus: 19,
24
+ magnifying-glass-minus: 20,
25
+ comment-box: 21,
26
+ happy-face: 22,
27
+ sad-face: 23,
28
+ copy: 24,
29
+ twitter: 25,
30
+ linked-in: 26,
31
+ facebook: 27,
32
+ link: 28,
33
+ docker-blocks: 29,
34
+ disks: 30,
35
+ speedometer: 31,
36
+ thin-arrow-down: 32,
37
+ thick-arrow-down: 33,
38
+ thin-arrow-left: 34,
39
+ thick-arrow-left: 35,
40
+ thin-arrow-up: 36,
41
+ thick-arrow-up: 37,
42
+ github: 38
43
+ );
44
+
45
+ @mixin icon-base {
46
+ background-image: asset-url('ctl_base_ui/icon_sprite.svg');
47
+ background-repeat: no-repeat;
48
+ width: 10px;
49
+ height: 10px;
50
+ @include background-size(10px, 1000px);
51
+ }
52
+
53
+ @mixin icon-blue {
54
+ background-image: asset-url('ctl_base_ui/icon_sprite_blue.svg');
55
+ }
56
+
57
+ @mixin icon-green {
58
+ background-image: asset-url('ctl_base_ui/icon_sprite_green.svg');
59
+ }
60
+
61
+ @mixin icon-light-blue {
62
+ background-image: asset-url('ctl_base_ui/icon_sprite_light_blue.svg');
63
+ }
64
+
65
+ @mixin icon-light-green {
66
+ background-image: asset-url('ctl_base_ui/icon_sprite_light_green.svg');
67
+ }
68
+
69
+ @mixin icon-grey {
70
+ background-image: asset-url('ctl_base_ui/icon_sprite.svg');
71
+ }
72
+
73
+ @mixin icon-light-grey {
74
+ background-image: asset-url('ctl_base_ui/icon_sprite_light_grey.svg');
75
+ }
76
+
77
+ @mixin icon-red {
78
+ background-image: asset-url('ctl_base_ui/icon_sprite_red.svg');
79
+ }
80
+
81
+ @mixin icon-white {
82
+ background-image: asset-url('ctl_base_ui/icon_sprite_white.svg');
83
+ }
84
+
85
+ @mixin icon-medium {
86
+ width: 15px;
87
+ height: 15px;
88
+ @include background-size(15px, 1500px);
89
+ }
90
+
91
+ @mixin icon-large {
92
+ width: 20px;
93
+ height: 20px;
94
+ @include background-size(20px, 2000px);
95
+ }
96
+
97
+ @each $icon, $position in $icons {
98
+ .icon-#{$icon} {
99
+ @include icon-base;
100
+ background-position: 0 -#{($position * 20)}px;
101
+ }
102
+
103
+ .icon-#{$icon}-medium {
104
+ @include icon-base;
105
+ @include icon-medium;
106
+ background-position: 0 -#{($position * 30)}px;
107
+ }
108
+
109
+ .icon-#{$icon}-large {
110
+ @include icon-base;
111
+ @include icon-large;
112
+ background-position: 0 -#{($position * 40)}px;
113
+ }
114
+
115
+ .icon-#{$icon}-for-button {
116
+ position: relative;
117
+
118
+ &:after {
119
+ @extend .icon-#{$icon}-medium;
120
+ @include icon-white;
121
+ content: '';
122
+ position: absolute;
123
+ left: 12px;
124
+ top: 12px;
125
+ display: block;
126
+ height: 15px;
127
+ width: 15px;
128
+ }
129
+ }
130
+ }
131
+
@@ -0,0 +1,77 @@
1
+ @import 'colors';
2
+ @import 'icons';
3
+ @import 'mixins';
4
+
5
+ .ui-dialog {
6
+ background-color: $white;
7
+ border: 1px solid #444;
8
+ max-width: 860px;
9
+ height: 570px;
10
+ @include box-shadow(0, 0, 50px, #222);
11
+ overflow: hidden;
12
+
13
+ .ui-dialog-titlebar {
14
+ @include border-box;
15
+ color: $white;
16
+ background-color: $blue_grey;
17
+ padding: 15px 10px;
18
+ font-weight: bold;
19
+ cursor: move;
20
+ height: 50px;
21
+
22
+ .ui-dialog-title {
23
+ @include border-box;
24
+ width: 90%;
25
+ margin: 0;
26
+ white-space: nowrap;
27
+ text-overflow: ellipsis;
28
+ overflow: hidden;
29
+ }
30
+ .ui-dialog-titlebar-close {
31
+ float: right;
32
+ margin-left: 4px;
33
+ background-color: transparent;
34
+ border: none;
35
+ height: 20px;
36
+ width: 20px;
37
+ cursor: pointer;
38
+ @include icon-white;
39
+ @extend .icon-x-large;
40
+ .ui-button-text{
41
+ display: none;
42
+ }
43
+ }
44
+ }
45
+
46
+ .ui-dialog-content {
47
+ border: 0;
48
+ padding: 15px 15px 0 15px;
49
+ overflow-y: scroll;
50
+ height: 410px;
51
+ }
52
+
53
+ .ui-dialog-buttonpane {
54
+ @include border-box;
55
+ width: 100%;
56
+ margin-top: 15px;
57
+ border-top: 1px solid $grey;
58
+
59
+ .ui-dialog-buttonset {
60
+ padding: 15px;
61
+ overflow: hidden;
62
+
63
+ button {
64
+ float: right;
65
+ }
66
+ }
67
+ }
68
+ }
69
+
70
+ .ui-widget-overlay.ui-front {
71
+ position: fixed;
72
+ top: 0;
73
+ left: 0;
74
+ height: 100%;
75
+ width: 100%;
76
+ background-color: rgba(0, 0, 0, .6);
77
+ }
@@ -0,0 +1,41 @@
1
+ @import 'colors';
2
+ @import 'icons';
3
+ @import 'mixins';
4
+
5
+ .notice-default {
6
+ padding: 1em;
7
+ margin: .5em;
8
+ color: $dark_grey;
9
+ background-color: $yellow;
10
+ overflow: auto;
11
+ line-height: 1.5;
12
+
13
+ a.dismiss {
14
+ @include hide-text;
15
+ margin-top: 0.25em;
16
+ float: right;
17
+ @extend .icon-x-large;
18
+ }
19
+ }
20
+
21
+ .notice-success {
22
+ @extend .notice-default;
23
+ color: $white;
24
+ background-color: $lime;
25
+
26
+ a.dismiss {
27
+ @include icon-white;
28
+ }
29
+ }
30
+
31
+ .notice-warning {
32
+ @extend .notice-success;
33
+ color: $white;
34
+ background-color: $orange;
35
+ }
36
+
37
+ .notice-danger {
38
+ @extend .notice-success;
39
+ color: $white;
40
+ background-color: $dark_red;
41
+ }
@@ -0,0 +1,48 @@
1
+ /* http://meyerweb.com/eric/tools/css/reset/
2
+ v2.0 | 20110126
3
+ License: none (public domain)
4
+ */
5
+
6
+ html, body, div, span, applet, object, iframe,
7
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8
+ a, abbr, acronym, address, big, cite, code,
9
+ del, dfn, em, img, ins, kbd, q, s, samp,
10
+ small, strike, strong, sub, sup, tt, var,
11
+ b, u, i, center,
12
+ dl, dt, dd, ol, ul, li,
13
+ fieldset, form, label, legend,
14
+ table, caption, tbody, tfoot, thead, tr, th, td,
15
+ article, aside, canvas, details, embed,
16
+ figure, figcaption, footer, header, hgroup,
17
+ menu, nav, output, ruby, section, summary,
18
+ time, mark, audio, video {
19
+ margin: 0;
20
+ padding: 0;
21
+ border: 0;
22
+ font-size: 100%;
23
+ font: inherit;
24
+ vertical-align: baseline;
25
+ }
26
+ /* HTML5 display-role reset for older browsers */
27
+ article, aside, details, figcaption, figure,
28
+ footer, header, hgroup, menu, nav, section {
29
+ display: block;
30
+ }
31
+ body {
32
+ line-height: 1;
33
+ }
34
+ ol, ul {
35
+ list-style: none;
36
+ }
37
+ blockquote, q {
38
+ quotes: none;
39
+ }
40
+ blockquote:before, blockquote:after,
41
+ q:before, q:after {
42
+ content: '';
43
+ content: none;
44
+ }
45
+ table {
46
+ border-collapse: collapse;
47
+ border-spacing: 0;
48
+ }