|
64 | 64 | /// Grid widths are defined in the `$nhsuk-grid-widths` map.
|
65 | 65 | ///
|
66 | 66 | /// By default the column width changes from 100% to specified width at the
|
67 |
| -/// 'tablet' breakpoint, but other breakpoints can be specified using the `$at` |
| 67 | +/// 'desktop' breakpoint, but other breakpoints can be specified using the `$at` |
68 | 68 | /// parameter.
|
69 | 69 | ///
|
70 | 70 | /// @param {String} $width [full] name of a grid width from $nhsuk-grid-widths
|
71 | 71 | /// @param {String} $float [left] left | right
|
72 |
| -/// @param {String} $at [tablet] - mobile | tablet | desktop | any custom breakpoint |
| 72 | +/// @param {String} $at [desktop] - mobile | tablet | desktop | any custom breakpoint |
73 | 73 | /// @param {String} $class [nhsuk-grid-column] CSS class name (deprecated)
|
74 | 74 | ///
|
75 | 75 | /// @example scss - Default
|
|
78 | 78 | /// }
|
79 | 79 | ///
|
80 | 80 | /// @example scss - Customising the breakpoint where width percentage is applied
|
81 |
| -/// .nhsuk-grid-column-one-half-at-desktop { |
82 |
| -/// @include govuk-grid-column(one-half, $at: desktop); |
| 81 | +/// .nhsuk-grid-column-one-half-at-tablet { |
| 82 | +/// @include govuk-grid-column(one-half, $at: tablet); |
83 | 83 | /// }
|
84 | 84 | ///
|
85 | 85 | /// @example scss - Customising the float direction
|
|
92 | 92 | ///
|
93 | 93 | /// @access public
|
94 | 94 |
|
95 |
| -@mixin govuk-grid-column($width: full, $float: left, $at: tablet, $class: "nhsuk-grid-column") { |
| 95 | +@mixin govuk-grid-column($width: full, $float: left, $at: desktop, $class: "nhsuk-grid-column") { |
96 | 96 | @if $class {
|
97 | 97 | .#{$class}-#{$width} {
|
98 | 98 | @include govuk-grid-column($width, $float, $at, $class: false);
|
|
0 commit comments