govuk_tech_docs 1.9.0.pre.rc2 → 2.0.0.pre.test.pre.release.pre.524

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 (66) hide show
  1. checksums.yaml +5 -5
  2. data/.ruby-version +1 -1
  3. data/.travis.yml +4 -1
  4. data/CHANGELOG.md +7 -2
  5. data/example/.ruby-version +1 -1
  6. data/govuk_tech_docs.gemspec +23 -4
  7. data/lib/assets/javascripts/govuk_tech_docs.js +2 -0
  8. data/lib/assets/stylesheets/_core.scss +0 -48
  9. data/lib/assets/stylesheets/_govuk_tech_docs.scss +4 -8
  10. data/lib/assets/stylesheets/modules/_anchored-heading.scss +6 -6
  11. data/lib/assets/stylesheets/modules/_app-pane.scss +46 -47
  12. data/lib/assets/stylesheets/modules/_collapsible.scss +7 -3
  13. data/lib/assets/stylesheets/modules/_contribution-banner.scss +9 -7
  14. data/lib/assets/stylesheets/modules/_footer.scss +6 -127
  15. data/lib/assets/stylesheets/modules/_page-review.scss +15 -14
  16. data/lib/assets/stylesheets/modules/_search.scss +53 -42
  17. data/lib/assets/stylesheets/modules/_technical-documentation.scss +65 -95
  18. data/lib/assets/stylesheets/modules/_toc.scss +76 -47
  19. data/lib/assets/stylesheets/palette/_syntax-highlighting.scss +5 -5
  20. data/lib/govuk_tech_docs.rb +13 -11
  21. data/lib/govuk_tech_docs/api_reference/api_reference_extension.rb +1 -1
  22. data/lib/govuk_tech_docs/api_reference/api_reference_renderer.rb +1 -0
  23. data/lib/govuk_tech_docs/api_reference/templates/api_reference_full.html.erb +1 -1
  24. data/lib/govuk_tech_docs/page_review.rb +1 -0
  25. data/lib/govuk_tech_docs/pages.rb +1 -1
  26. data/lib/govuk_tech_docs/redirects.rb +1 -1
  27. data/lib/govuk_tech_docs/table_of_contents/heading_tree_renderer.rb +1 -1
  28. data/lib/govuk_tech_docs/table_of_contents/headings_builder.rb +1 -1
  29. data/lib/govuk_tech_docs/table_of_contents/helpers.rb +1 -0
  30. data/lib/govuk_tech_docs/version.rb +1 -1
  31. data/lib/source/layouts/_footer.erb +32 -7
  32. data/lib/source/layouts/_header.erb +41 -27
  33. data/lib/source/layouts/_search.erb +4 -2
  34. data/lib/source/layouts/core.erb +7 -8
  35. data/lib/source/stylesheets/manifest.css +3 -0
  36. data/package-lock.json +3 -3
  37. data/package.json +3 -2
  38. metadata +38 -33
  39. data/lib/assets/stylesheets/_accessibility.scss +0 -9
  40. data/lib/assets/stylesheets/govuk_frontend_toolkit/_colours.scss +0 -2
  41. data/lib/assets/stylesheets/govuk_frontend_toolkit/_conditionals.scss +0 -81
  42. data/lib/assets/stylesheets/govuk_frontend_toolkit/_css3.scss +0 -90
  43. data/lib/assets/stylesheets/govuk_frontend_toolkit/_device-pixels.scss +0 -10
  44. data/lib/assets/stylesheets/govuk_frontend_toolkit/_font_stack.scss +0 -19
  45. data/lib/assets/stylesheets/govuk_frontend_toolkit/_grid_layout.scss +0 -136
  46. data/lib/assets/stylesheets/govuk_frontend_toolkit/_helpers.scss +0 -16
  47. data/lib/assets/stylesheets/govuk_frontend_toolkit/_measurements.scss +0 -14
  48. data/lib/assets/stylesheets/govuk_frontend_toolkit/_shims.scss +0 -55
  49. data/lib/assets/stylesheets/govuk_frontend_toolkit/_typography.scss +0 -249
  50. data/lib/assets/stylesheets/govuk_frontend_toolkit/_url-helpers.scss +0 -16
  51. data/lib/assets/stylesheets/govuk_frontend_toolkit/colours/_organisation.scss +0 -103
  52. data/lib/assets/stylesheets/govuk_frontend_toolkit/colours/_palette.scss +0 -77
  53. data/lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_alpha-beta.scss +0 -66
  54. data/lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_breadcrumbs.scss +0 -53
  55. data/lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_buttons.scss +0 -141
  56. data/lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_media-player.scss +0 -242
  57. data/lib/assets/stylesheets/modules/_govuk-logo.scss +0 -47
  58. data/lib/assets/stylesheets/modules/_header.scss +0 -289
  59. data/lib/assets/stylesheets/modules/_skip-link.scss +0 -31
  60. data/lib/source/images/gov.uk_logotype_crown-2x.png +0 -0
  61. data/lib/source/images/gov.uk_logotype_crown.png +0 -0
  62. data/lib/source/images/gov.uk_logotype_crown_invert_trans.png +0 -0
  63. data/lib/source/images/govuk-crest-2x.png +0 -0
  64. data/lib/source/images/govuk-crest.png +0 -0
  65. data/lib/source/images/open-government-licence.png +0 -0
  66. data/lib/source/images/open-government-licence_2x.png +0 -0
@@ -2,8 +2,10 @@
2
2
  <div class="search" data-module="search">
3
3
  <form action="https://www.google.co.uk/search" method="get" role="search">
4
4
  <input type="hidden" name="as_sitesearch" value="<%= config[:tech_docs][:host] %>"/>
5
- <label for="search" class="search__label">Search (via Google)</label>
6
- <input type="text" id="search" name="q" placeholder="Search" aria-controls="search-results" class="form-control" />
5
+ <label class="govuk-label search__label" for="search">
6
+ Search (via Google)
7
+ </label>
8
+ <input class="govuk-input govuk-!-margin-bottom-4" id="search" name="q" type="text" aria-controls="search-results" placeholder="Search">
7
9
  </form>
8
10
  <div id="search-results" class="search-results" aria-hidden="true" role="dialog" aria-labelledby="search-results-title">
9
11
  <div class="search-results__inner">
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en" class="no-js">
2
+ <html lang="en" class="govuk-template no-js">
3
3
  <head>
4
4
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
5
5
  <meta charset="utf-8">
@@ -10,8 +10,7 @@
10
10
 
11
11
  <title><%= meta_tags.browser_title %></title>
12
12
 
13
- <!--[if gt IE 8]><!--><%= stylesheet_link_tag :screen, media: 'screen' %><!--<![endif]-->
14
- <!--[if lte IE 8]><%= stylesheet_link_tag 'screen-old-ie', media: 'screen' %><![endif]-->
13
+ <%= stylesheet_link_tag :manifest %>
15
14
 
16
15
  <link rel="canonical" href="<%= meta_tags.canonical_url %>">
17
16
 
@@ -19,9 +18,6 @@
19
18
  <meta name="google-site-verification" content="<%= config[:tech_docs][:google_site_verification] %>" />
20
19
  <% end %>
21
20
 
22
- <%= stylesheet_link_tag :print, media: 'print' %>
23
- <%= javascript_include_tag :application %>
24
-
25
21
  <% meta_tags.tags.each do |property, content| %>
26
22
  <%= tag :meta, property: property, content: content %>
27
23
  <% end %>
@@ -29,10 +25,12 @@
29
25
  <%= yield_content :head %>
30
26
  </head>
31
27
 
32
- <body>
28
+ <body class="govuk-template__body">
29
+ <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
30
+
33
31
  <div class="app-pane">
34
32
  <div class="app-pane__header toc-open-disabled">
35
- <a href="#content" class="skip-link">Skip to main content</a>
33
+ <a href="#content" class="govuk-skip-link">Skip to main content</a>
36
34
 
37
35
  <%= partial 'layouts/header' %>
38
36
  </div>
@@ -78,5 +76,6 @@
78
76
  </div>
79
77
 
80
78
  <%= partial 'layouts/analytics' %>
79
+ <%= javascript_include_tag :application %>
81
80
  </body>
82
81
  </html>
@@ -0,0 +1,3 @@
1
+ //= link_tree ../../../node_modules/govuk-frontend/govuk/assets
2
+
3
+ //= require screen
data/package-lock.json CHANGED
@@ -745,9 +745,9 @@
745
745
  "dev": true
746
746
  },
747
747
  "govuk-frontend": {
748
- "version": "3.0.0",
749
- "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.0.0.tgz",
750
- "integrity": "sha512-GCrEeaQZEnsthNtfmOUFlgsieNjHOeoamSWMdD4Gdq0RPxCA9uzfrT2i3jVnlBORekKjOL0C8eFZQBSNnjtz2A=="
748
+ "version": "3.1.0",
749
+ "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.1.0.tgz",
750
+ "integrity": "sha512-ozyG6ulmawzg3rsf9Efxcgj81mk4yzea3tfl0hgmXWILGC0/uEGj6A+g9pJ2ETgk78rgNlRLXDv0WvlaHd/LnA=="
751
751
  },
752
752
  "graceful-fs": {
753
753
  "version": "4.2.0",
data/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "lint": "standard"
7
7
  },
8
8
  "dependencies": {
9
- "govuk-frontend": "3.0.0"
9
+ "govuk-frontend": "^3.1.0"
10
10
  },
11
11
  "devDependencies": {
12
12
  "standard": "^13.0.2"
@@ -28,7 +28,8 @@
28
28
  "_",
29
29
  "Modernizr",
30
30
  "history",
31
- "ga"
31
+ "ga",
32
+ "GOVUKFrontend"
32
33
  ],
33
34
  "ignore": [
34
35
  "lib/assets/javascripts/_vendor/**"
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: govuk_tech_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.9.0.pre.rc2
4
+ version: 2.0.0.pre.test.pre.release.pre.524
5
5
  platform: ruby
6
6
  authors:
7
7
  - Government Digital Service
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2019-07-31 00:00:00.000000000 Z
11
+ date: 2019-09-04 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: activesupport
@@ -108,6 +108,34 @@ dependencies:
108
108
  - - "~>"
109
109
  - !ruby/object:Gem::Version
110
110
  version: 4.0.0
111
+ - !ruby/object:Gem::Dependency
112
+ name: sprockets
113
+ requirement: !ruby/object:Gem::Requirement
114
+ requirements:
115
+ - - '='
116
+ - !ruby/object:Gem::Version
117
+ version: 4.0.0.beta10
118
+ type: :runtime
119
+ prerelease: false
120
+ version_requirements: !ruby/object:Gem::Requirement
121
+ requirements:
122
+ - - '='
123
+ - !ruby/object:Gem::Version
124
+ version: 4.0.0.beta10
125
+ - !ruby/object:Gem::Dependency
126
+ name: sass
127
+ requirement: !ruby/object:Gem::Requirement
128
+ requirements:
129
+ - - ">="
130
+ - !ruby/object:Gem::Version
131
+ version: '0'
132
+ type: :runtime
133
+ prerelease: false
134
+ version_requirements: !ruby/object:Gem::Requirement
135
+ requirements:
136
+ - - ">="
137
+ - !ruby/object:Gem::Version
138
+ version: '0'
111
139
  - !ruby/object:Gem::Dependency
112
140
  name: middleman-syntax
113
141
  requirement: !ruby/object:Gem::Requirement
@@ -240,14 +268,14 @@ dependencies:
240
268
  requirements:
241
269
  - - "~>"
242
270
  - !ruby/object:Gem::Version
243
- version: 3.7.0
271
+ version: 3.11.5
244
272
  type: :development
245
273
  prerelease: false
246
274
  version_requirements: !ruby/object:Gem::Requirement
247
275
  requirements:
248
276
  - - "~>"
249
277
  - !ruby/object:Gem::Version
250
- version: 3.7.0
278
+ version: 3.11.5
251
279
  - !ruby/object:Gem::Dependency
252
280
  name: jasmine
253
281
  requirement: !ruby/object:Gem::Requirement
@@ -359,38 +387,17 @@ files:
359
387
  - lib/assets/javascripts/_vendor/lodash.js
360
388
  - lib/assets/javascripts/_vendor/modernizr.js
361
389
  - lib/assets/javascripts/govuk_tech_docs.js
362
- - lib/assets/stylesheets/_accessibility.scss
363
390
  - lib/assets/stylesheets/_core.scss
364
391
  - lib/assets/stylesheets/_fonts.scss
365
392
  - lib/assets/stylesheets/_govuk_tech_docs.scss
366
393
  - lib/assets/stylesheets/_syntax-highlighting.scss
367
- - lib/assets/stylesheets/govuk_frontend_toolkit/_colours.scss
368
- - lib/assets/stylesheets/govuk_frontend_toolkit/_conditionals.scss
369
- - lib/assets/stylesheets/govuk_frontend_toolkit/_css3.scss
370
- - lib/assets/stylesheets/govuk_frontend_toolkit/_device-pixels.scss
371
- - lib/assets/stylesheets/govuk_frontend_toolkit/_font_stack.scss
372
- - lib/assets/stylesheets/govuk_frontend_toolkit/_grid_layout.scss
373
- - lib/assets/stylesheets/govuk_frontend_toolkit/_helpers.scss
374
- - lib/assets/stylesheets/govuk_frontend_toolkit/_measurements.scss
375
- - lib/assets/stylesheets/govuk_frontend_toolkit/_shims.scss
376
- - lib/assets/stylesheets/govuk_frontend_toolkit/_typography.scss
377
- - lib/assets/stylesheets/govuk_frontend_toolkit/_url-helpers.scss
378
- - lib/assets/stylesheets/govuk_frontend_toolkit/colours/_organisation.scss
379
- - lib/assets/stylesheets/govuk_frontend_toolkit/colours/_palette.scss
380
- - lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_alpha-beta.scss
381
- - lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_breadcrumbs.scss
382
- - lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_buttons.scss
383
- - lib/assets/stylesheets/govuk_frontend_toolkit/design-patterns/_media-player.scss
384
394
  - lib/assets/stylesheets/modules/_anchored-heading.scss
385
395
  - lib/assets/stylesheets/modules/_app-pane.scss
386
396
  - lib/assets/stylesheets/modules/_collapsible.scss
387
397
  - lib/assets/stylesheets/modules/_contribution-banner.scss
388
398
  - lib/assets/stylesheets/modules/_footer.scss
389
- - lib/assets/stylesheets/modules/_govuk-logo.scss
390
- - lib/assets/stylesheets/modules/_header.scss
391
399
  - lib/assets/stylesheets/modules/_page-review.scss
392
400
  - lib/assets/stylesheets/modules/_search.scss
393
- - lib/assets/stylesheets/modules/_skip-link.scss
394
401
  - lib/assets/stylesheets/modules/_technical-documentation.scss
395
402
  - lib/assets/stylesheets/modules/_toc.scss
396
403
  - lib/assets/stylesheets/palette/_syntax-highlighting.scss
@@ -426,17 +433,10 @@ files:
426
433
  - lib/source/favicon.ico
427
434
  - lib/source/images/anchored-heading-icon-2x.png
428
435
  - lib/source/images/anchored-heading-icon.png
429
- - lib/source/images/gov.uk_logotype_crown-2x.png
430
- - lib/source/images/gov.uk_logotype_crown.png
431
- - lib/source/images/gov.uk_logotype_crown_invert_trans.png
432
- - lib/source/images/govuk-crest-2x.png
433
- - lib/source/images/govuk-crest.png
434
436
  - lib/source/images/govuk-icn-close.png
435
437
  - lib/source/images/govuk-icn-close@2x.png
436
438
  - lib/source/images/govuk-icn-numbered-list.png
437
439
  - lib/source/images/govuk-icn-numbered-list@2x.png
438
- - lib/source/images/open-government-licence.png
439
- - lib/source/images/open-government-licence_2x.png
440
440
  - lib/source/images/search-result-caret.svg
441
441
  - lib/source/layouts/_analytics.erb
442
442
  - lib/source/layouts/_footer.erb
@@ -445,9 +445,14 @@ files:
445
445
  - lib/source/layouts/_search.erb
446
446
  - lib/source/layouts/core.erb
447
447
  - lib/source/layouts/layout.erb
448
+ - lib/source/stylesheets/manifest.css
448
449
  - node_modules/govuk-frontend/govuk/all-ie8.scss
449
450
  - node_modules/govuk-frontend/govuk/all.js
450
451
  - node_modules/govuk-frontend/govuk/all.scss
452
+ - node_modules/govuk-frontend/govuk/assets/fonts/bold-affa96571d-v2.woff
453
+ - node_modules/govuk-frontend/govuk/assets/fonts/bold-b542beb274-v2.woff2
454
+ - node_modules/govuk-frontend/govuk/assets/fonts/light-94a07e06a1-v2.woff2
455
+ - node_modules/govuk-frontend/govuk/assets/fonts/light-f591b13f7d-v2.woff
451
456
  - node_modules/govuk-frontend/govuk/common.js
452
457
  - node_modules/govuk-frontend/govuk/components/_all.scss
453
458
  - node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss
@@ -579,7 +584,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
579
584
  version: 1.3.1
580
585
  requirements: []
581
586
  rubyforge_project:
582
- rubygems_version: 2.6.13
587
+ rubygems_version: 2.7.7
583
588
  signing_key:
584
589
  specification_version: 4
585
590
  summary: Gem to distribute the GOV.UK Tech Docs Template
@@ -1,9 +0,0 @@
1
- /* Give a strong clear visual idea as to what is currently in focus */
2
- a {
3
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
4
- }
5
-
6
- a:focus {
7
- background-color: $focus-colour;
8
- outline: 3px solid $focus-colour;
9
- }
@@ -1,2 +0,0 @@
1
- @import "colours/palette";
2
- @import "colours/organisation";
@@ -1,81 +0,0 @@
1
- // Media query helpers. These make producing IE layouts
2
- // super easy.
3
-
4
- // The base css you write should be for mobile. You can
5
- // then add desktop styles on top.
6
- //
7
- // Usage:
8
- //
9
- // div.columns {
10
- // border: 1px solid;
11
- //
12
- // @include media(desktop){
13
- // width: 30%;
14
- // float: left;
15
- // }
16
- // @include ie-lte(8) {
17
- // something to fix visual bugs in old IE
18
- // }
19
- // @include ie(6) {
20
- // padding: 0;
21
- // }
22
- // }
23
-
24
-
25
- $is-ie: false !default;
26
- $mobile-ie6: true !default;
27
-
28
- $tablet-breakpoint: 641px !default;
29
- $desktop-breakpoint: 769px !default;
30
-
31
- @mixin media($size: false, $max-width: false, $min-width: false, $ignore-for-ie: false) {
32
- @if $is-ie and ($ignore-for-ie == false) {
33
- @if $size != mobile {
34
- @if ($ie-version == 6 and $mobile-ie6 == false) or $ie-version > 6 {
35
- @content;
36
- }
37
- }
38
- } @else {
39
- @if $size == desktop {
40
- @media (min-width: $desktop-breakpoint){
41
- @content;
42
- }
43
- } @else if $size == tablet {
44
- @media (min-width: $tablet-breakpoint){
45
- @content;
46
- }
47
- } @else if $size == mobile {
48
- @media (max-width: $tablet-breakpoint - 1px){
49
- @content;
50
- }
51
- } @else if $max-width != false {
52
- @media (max-width: $max-width){
53
- @content;
54
- }
55
- } @else if $min-width != false {
56
- @media (min-width: $min-width){
57
- @content;
58
- }
59
- } @else {
60
- @media (min-width: $size){
61
- @content
62
- }
63
- }
64
- }
65
- }
66
-
67
- @mixin ie-lte($version) {
68
- @if $is-ie {
69
- @if $ie-version <= $version {
70
- @content;
71
- }
72
- }
73
- }
74
-
75
- @mixin ie($version) {
76
- @if $is-ie {
77
- @if $ie-version == $version {
78
- @content;
79
- }
80
- }
81
- }
@@ -1,90 +0,0 @@
1
- // CSS 3 mixins
2
-
3
- // This file includes mixins for CSS properties that require vendor prefixes.
4
-
5
- // Please add more mixins here as you need them, rather than adding them to
6
- // your application - this lets us manage them in one place.
7
-
8
- // You can use the @warn directive to deprecate a mixin where the property
9
- // no longer needs prefixes.
10
-
11
- // This style of indentation is preferred as it is easier to scan
12
- // Allow more than two spaces per indentation level and don't require a space after a colon
13
- // scss-lint:disable Indentation SpaceAfterPropertyColon
14
-
15
- @mixin border-radius($radius) {
16
- -webkit-border-radius: $radius; // Chrome 4.0, Safari 3.1 to 4.0, Mobile Safari 3.2, Android Browser 2.1
17
- -moz-border-radius: $radius; // Firefox 2.0 to 3.6
18
- border-radius: $radius;
19
- }
20
-
21
- @mixin box-shadow($shadow) {
22
- -webkit-box-shadow: $shadow; // Chrome 4.0 to 9.0, Safari 3.1 to 5.0, Mobile Safari 3.2 to 4.3, Android Browser 2.1 to 3.0
23
- -moz-box-shadow: $shadow; // Firefox 3.5 to 3.6
24
- box-shadow: $shadow;
25
- }
26
-
27
- @mixin scale($x, $y, $transform-origin: 50% 50% 0) {
28
- // $x and $y should be numeric values without units
29
- -webkit-transform: scale($x, $y); // Still in use now, started at: Chrome 4.0, Safari 3.1, Mobile Safari 3.2, Android 2.1
30
- -moz-transform: scale($x, $y); // Firefox 3.5 to 15.0
31
- -ms-transform: scale($x, $y); // IE9 only
32
- transform: scale($x, $y);
33
-
34
- -webkit-transform-origin: $transform-origin; // Chrome, Safari 3.1
35
- -moz-transform-origin: $transform-origin; // Firefox 10 to 15.0
36
- -ms-transform-origin: $transform-origin; // IE9
37
- transform-origin: $transform-origin;
38
- }
39
-
40
- @mixin translate($x, $y) {
41
- -webkit-transform: translate($x, $y); // Still in use now, started at: Chrome 4.0, Safari 3.1, Mobile Safari 3.2, Android 2.1
42
- -moz-transform: translate($x, $y); // Firefox 3.5 to 15.0
43
- -ms-transform: translate($x, $y); // IE9 only
44
- -o-transform: translate($x, $y); // Opera 10.5 to 12.0
45
- transform: translate($x, $y);
46
- }
47
-
48
- @mixin gradient($from, $to) {
49
- // Creates a vertical gradient where $from is the colour at the top of the element
50
- // and $to is the colour at the bottom. The top colour is used as a background-color
51
- // for browsers that don't support gradients.
52
- background-color: $from;
53
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to)); // Safari 4.0 to 5.1, Chrome 1.0 to 10.0, old deprecated syntax
54
- background-image: -webkit-linear-gradient($from, $to); // Chrome 10.0 to 25.0, Safari 5.1 to 6.0, Mobile Safari 5.0 to 6.1, Android Browser 4.0 to 4.3
55
- background-image: -moz-linear-gradient($from, $to); // Firefox 3.6 to 15.0
56
- background-image: -o-linear-gradient($from, $to); // Opera 11.1 to 12.0
57
- background-image: linear-gradient($from, $to);
58
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$from}', endColorstr='#{$to}',GradientType=0 ); // IE6 to IE9
59
- }
60
-
61
- @mixin transition($property, $duration, $function, $delay: 0s) {
62
- -webkit-transition: ($property $duration $function $delay); // Chrome 4.0 to 25.0, Safari 3.1 to 6.0, Mobile Safari 3.2 to 6.1, Android Browser 2.1 to 4.3
63
- -moz-transition: ($property $duration $function $delay); // Firefox 4.0 to 15.0
64
- -o-transition: ($property $duration $function $delay); // Opera 10.5 to 12.0
65
- transition: ($property $duration $function $delay);
66
- }
67
-
68
- @mixin box-sizing($type) {
69
- // http://www.w3.org/TR/css3-ui/#box-sizing
70
- // $type can be one of: content-box | padding-box | border-box | inherit
71
- -webkit-box-sizing: $type; // Chrome 4.0 to 9.0, Safari 3.1 to 5.0, Mobile Safari 3.2 to 4.3, Android Browser 2.1 to 3.0
72
- -moz-box-sizing: $type; // Firefox 2.0 to 28.0, Firefox for Android 26.0 onwards
73
- box-sizing: $type;
74
- }
75
-
76
- @mixin appearance($appearance) {
77
- -webkit-appearance: $appearance;
78
- -moz-appearance: $appearance;
79
- }
80
-
81
- @mixin calc($property, $calc) {
82
- #{$property}: -webkit-calc(#{$calc}); // Chrome 19.0 to 25.0, Safari 6.0, Mobile Safari 6.0 to 6.1
83
- #{$property}: calc(#{$calc});
84
- }
85
-
86
- @mixin opacity($trans) {
87
- zoom: 1;
88
- filter: unquote('alpha(opacity=' + ($trans * 100) + ')'); // IE6 to IE8
89
- opacity: $trans;
90
- }
@@ -1,10 +0,0 @@
1
- @mixin device-pixel-ratio($ratio: 2) {
2
- @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
3
- only screen and (min--moz-device-pixel-ratio: $ratio),
4
- only screen and ( -o-min-device-pixel-ratio: #{($ratio*10)}/10),
5
- only screen and ( min-device-pixel-ratio: $ratio),
6
- only screen and ( min-resolution: #{($ratio*96)}dpi),
7
- only screen and ( min-resolution: #{$ratio}dppx) {
8
- @content;
9
- }
10
- }