govuk_elements_rails 0.3.0 → 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +19 -0
  3. data/README.md +165 -46
  4. data/lib/govuk_elements_rails.rb +0 -1
  5. data/lib/govuk_elements_rails/engine.rb +0 -10
  6. data/vendor/assets/javascripts/details.polyfill.js +29 -43
  7. data/vendor/assets/stylesheets/_govuk-elements.scss +54 -0
  8. data/vendor/assets/stylesheets/elements/_base.scss +126 -0
  9. data/vendor/assets/stylesheets/elements/_breadcrumbs.scss +6 -0
  10. data/vendor/assets/stylesheets/elements/_buttons.scss +5 -5
  11. data/vendor/assets/stylesheets/elements/_components.scss +9 -0
  12. data/vendor/assets/stylesheets/elements/_details.scss +3 -9
  13. data/vendor/assets/stylesheets/elements/_elements-typography.scss +102 -9
  14. data/vendor/assets/stylesheets/elements/_forms.scss +84 -61
  15. data/vendor/assets/stylesheets/elements/_helpers.scss +6 -12
  16. data/vendor/assets/stylesheets/elements/_icons.scss +63 -207
  17. data/vendor/assets/stylesheets/elements/_layout.scss +9 -22
  18. data/vendor/assets/stylesheets/elements/_lists.scss +10 -13
  19. data/vendor/assets/stylesheets/elements/_panels.scss +24 -17
  20. data/vendor/assets/stylesheets/elements/_phase-banner.scss +10 -0
  21. data/vendor/assets/stylesheets/elements/_tables.scss +1 -5
  22. data/vendor/assets/stylesheets/elements/forms/_form-block-labels.scss +8 -7
  23. data/vendor/assets/stylesheets/elements/forms/_form-validation.scss +0 -3
  24. metadata +33 -49
  25. data/LICENCE +0 -20
  26. data/app/builders/govuk_elements_form_builder.rb +0 -77
  27. data/app/builders/labelling_form_builder.rb +0 -316
  28. data/lib/govuk_elements_rails/version.rb +0 -5
  29. data/vendor/assets/images/icons/accordian-arrow-2x.png +0 -0
  30. data/vendor/assets/images/icons/accordian-arrow.png +0 -0
  31. data/vendor/assets/images/icons/arrow-sprite.png +0 -0
  32. data/vendor/assets/images/icons/icon-calendar-2x.png +0 -0
  33. data/vendor/assets/images/icons/icon-calendar.png +0 -0
  34. data/vendor/assets/images/icons/icon-file-download-2x.png +0 -0
  35. data/vendor/assets/images/icons/icon-file-download.png +0 -0
  36. data/vendor/assets/images/icons/icon-important-2x.png +0 -0
  37. data/vendor/assets/images/icons/icon-important.png +0 -0
  38. data/vendor/assets/images/icons/icon-information-2x.png +0 -0
  39. data/vendor/assets/images/icons/icon-information.png +0 -0
  40. data/vendor/assets/images/icons/icon-locator-2x.png +0 -0
  41. data/vendor/assets/images/icons/icon-locator.png +0 -0
  42. data/vendor/assets/images/icons/icon-pointer-2x.png +0 -0
  43. data/vendor/assets/images/icons/icon-pointer-black-2x.png +0 -0
  44. data/vendor/assets/images/icons/icon-pointer-black.png +0 -0
  45. data/vendor/assets/images/icons/icon-pointer-indexed.png +0 -0
  46. data/vendor/assets/images/icons/icon-pointer.png +0 -0
  47. data/vendor/assets/images/icons/icon-search-2x.png +0 -0
  48. data/vendor/assets/images/icons/icon-search.png +0 -0
  49. data/vendor/assets/images/icons/player-icon-forward.png +0 -0
  50. data/vendor/assets/images/icons/player-icon-pause.png +0 -0
  51. data/vendor/assets/images/icons/player-icon-play.png +0 -0
  52. data/vendor/assets/images/icons/player-icon-rewind.png +0 -0
  53. data/vendor/assets/images/icons/player-icon-volume.png +0 -0
  54. data/vendor/assets/javascripts/application.js +0 -157
  55. data/vendor/assets/javascripts/bind.js +0 -40
  56. data/vendor/assets/javascripts/selection-buttons.js +0 -111
  57. data/vendor/assets/stylesheets/elements-page-ie6.scss +0 -5
  58. data/vendor/assets/stylesheets/elements-page-ie7.scss +0 -4
  59. data/vendor/assets/stylesheets/elements-page-ie8.scss +0 -4
  60. data/vendor/assets/stylesheets/elements-page.scss +0 -386
  61. data/vendor/assets/stylesheets/main-ie6.scss +0 -5
  62. data/vendor/assets/stylesheets/main-ie7.scss +0 -4
  63. data/vendor/assets/stylesheets/main-ie8.scss +0 -4
  64. data/vendor/assets/stylesheets/main.scss +0 -36
  65. data/vendor/assets/stylesheets/prism.scss +0 -144
  66. data/vendor/assets/stylesheets/service-design-manual/helpers/_breadcrumbs.scss +0 -81
  67. data/vendor/assets/stylesheets/service-design-manual/helpers/_page-header.scss +0 -28
  68. data/vendor/assets/stylesheets/service-design-manual/styleguide/_colours.scss +0 -3
@@ -1,5 +0,0 @@
1
- $is-ie: true;
2
- $ie-version: 6;
3
- $mobile-ie6: false;
4
-
5
- @import "main";
@@ -1,4 +0,0 @@
1
- $is-ie: true;
2
- $ie-version: 7;
3
-
4
- @import "main";
@@ -1,4 +0,0 @@
1
- $is-ie: true;
2
- $ie-version: 8;
3
-
4
- @import "main";
@@ -1,36 +0,0 @@
1
- // Helpers
2
- @import "elements/helpers";
3
-
4
- // Reset
5
- @import "elements/reset";
6
-
7
- // Typography
8
- @import "elements/elements-typography";
9
-
10
- // Layout
11
- @import "elements/layout";
12
-
13
- // Modules
14
- // ==========================================================================
15
-
16
- // Forms
17
- @import "elements/forms";
18
-
19
- // Tables
20
- @import "elements/tables";
21
-
22
- // Buttons
23
- @import "elements/buttons";
24
-
25
- // Details
26
- @import "elements/details";
27
-
28
- // Lists
29
- @import "elements/lists";
30
-
31
- // Panels
32
- @import "elements/panels";
33
-
34
- // Icons
35
- @import "elements/icons";
36
-
@@ -1,144 +0,0 @@
1
- // http://prismjs.com/download.html?themes=prism&languages=markup+css+scss
2
- //
3
- // prism.js default theme for JavaScript, CSS and HTML
4
- // Based on dabblet (http://dabblet.com)
5
- // @author Lea Verou
6
- //
7
-
8
- // Create extra spacing under snippets
9
- .example {
10
- margin-bottom: 20px;
11
- }
12
-
13
- code[class*="language-"],
14
- pre[class*="language-"] {
15
- color: black;
16
- text-shadow: 0 1px white;
17
- font-family: Consolas, Monaco, 'Andale Mono', monospace;
18
- direction: ltr;
19
- text-align: left;
20
- white-space: pre;
21
- word-spacing: normal;
22
- word-break: normal;
23
-
24
-
25
- -moz-tab-size: 4;
26
- -o-tab-size: 4;
27
- tab-size: 4;
28
-
29
- -webkit-hyphens: none;
30
- -moz-hyphens: none;
31
- -ms-hyphens: none;
32
- hyphens: none;
33
- }
34
-
35
- pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
36
- code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
37
- text-shadow: none;
38
- background: #b3d4fc;
39
- }
40
-
41
- pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
42
- code[class*="language-"]::selection, code[class*="language-"] ::selection {
43
- text-shadow: none;
44
- background: #b3d4fc;
45
- }
46
-
47
- @media print {
48
- code[class*="language-"],
49
- pre[class*="language-"] {
50
- text-shadow: none;
51
- }
52
- }
53
-
54
- /* Code blocks */
55
- pre[class*="language-"] {
56
- padding: 1em;
57
- margin: .5em 0;
58
- overflow: auto;
59
- }
60
-
61
- :not(pre) > code[class*="language-"],
62
- pre[class*="language-"] {
63
- background: #f5f2f0;
64
- }
65
-
66
- /* Inline code */
67
- :not(pre) > code[class*="language-"] {
68
- padding: .1em;
69
- border-radius: .3em;
70
- }
71
-
72
- // Undo GOV.UK elements styles being inherited here
73
- pre,
74
- code {
75
- font-size: 14px;
76
- border: 0;
77
- background: none;
78
- line-height: inherit;
79
- padding: 0;
80
- }
81
-
82
- .token.comment,
83
- .token.prolog,
84
- .token.doctype,
85
- .token.cdata {
86
- color: slategray;
87
- }
88
-
89
- .token.punctuation {
90
- color: #999;
91
- }
92
-
93
- .namespace {
94
- opacity: .7;
95
- }
96
-
97
- .token.property,
98
- .token.tag,
99
- .token.boolean,
100
- .token.number,
101
- .token.constant,
102
- .token.symbol {
103
- color: #905;
104
- }
105
-
106
- .token.selector,
107
- .token.attr-name,
108
- .token.string,
109
- .token.builtin {
110
- color: #690;
111
- }
112
-
113
- .token.operator,
114
- .token.entity,
115
- .token.url,
116
- .language-css .token.string,
117
- .style .token.string,
118
- .token.variable {
119
- color: #a67f59;
120
- background: hsla(0,0%,100%,.5);
121
- }
122
-
123
- .token.atrule,
124
- .token.attr-value,
125
- .token.keyword {
126
- color: #07a;
127
- }
128
-
129
- .token.function {
130
- color: #DD4A68;
131
- }
132
-
133
- .token.regex,
134
- .token.important {
135
- color: #e90;
136
- }
137
-
138
- .token.important {
139
- font-weight: bold;
140
- }
141
-
142
- .token.entity {
143
- cursor: help;
144
- }
@@ -1,81 +0,0 @@
1
- // Breadcrumbs
2
-
3
- .breadcrumb {
4
- list-style-type: none;
5
- list-style-image: none;
6
- margin: 0;
7
- padding: 0;
8
- background: white;
9
- padding: 1em 2em 0 2em;
10
-
11
- li {
12
- display: inline-block;
13
- margin: 0;
14
- padding: 0;
15
- }
16
- }
17
-
18
- #global-breadcrumb {
19
- padding: 0.75em 0;
20
- margin: 0 1em;
21
- z-index: 50;
22
-
23
- background-color: #fff;
24
- border-bottom: 1px solid $border-colour;
25
-
26
- @include media(desktop) {
27
- margin: 0 2em;
28
- }
29
-
30
- nav {
31
- max-width: 960px;
32
- margin: 0 auto;
33
- padding: 0;
34
-
35
- border: none;
36
-
37
- ol {
38
- margin: 0;
39
- padding-left: 0;
40
-
41
- li {
42
- font-family: "nta",Arial,sans-serif;
43
- font-size: 1.6rem;
44
- line-height: 1.25;
45
- font-weight: 300;
46
- text-transform: none;
47
- background-image: url(https://assets.digital.cabinet-office.gov.uk/static/separator-73822610794bc3a64871f144d93d6526.png);
48
- background-position: 100% 50%;
49
- background-repeat: no-repeat;
50
- float: left;
51
- list-style: none;
52
- margin-left: 0;
53
- margin-right: 0.5em;
54
- padding-right: 1em;
55
-
56
- @media (max-width: 640px) {
57
- font-size: 1.4rem;
58
- line-height: 1.14286;
59
- }
60
-
61
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
62
- background-image: url(https://assets.digital.cabinet-office.gov.uk/static/separator-2x-2ff66846b80b66edba8ce56d29daa935.png);
63
- background-size: 6px 11px;
64
- }
65
-
66
- a {
67
- color: #0b0c0c;
68
- }
69
-
70
- strong {
71
- font-weight: normal;
72
- }
73
-
74
- &:last-child {
75
- background-image: none;
76
- margin-right: 0;
77
- }
78
- }
79
- }
80
- }
81
- }
@@ -1,28 +0,0 @@
1
- @import "../styleguide/colours";
2
-
3
- .page-header {
4
- margin: 1em 1em 3em 1em;
5
- padding: 0 0 2em 0;
6
- border-bottom: 5px solid $main-colour;
7
-
8
- @include media(desktop) {
9
- margin: 1em 2em 3em 2em;
10
- }
11
-
12
- .hgroup {
13
- padding: 0;
14
-
15
- h1 {
16
- @include bold-48;
17
- color: $text-colour;
18
- padding-top: 0.7rem;
19
- padding-bottom: 1.3rem;
20
- }
21
-
22
- h2.subtitle{
23
- margin: 0;
24
- color: $secondary-text-colour;
25
- @include core-24;
26
- }
27
- }
28
- }
@@ -1,3 +0,0 @@
1
- // Semantic colour names
2
- $main-colour: $mellow-red;
3
- $secondary-colour: $red;