|
| 1 | +$govuk-spacing1: 5px; |
| 2 | +$govuk-spacing2: 10px; |
| 3 | +$govuk-spacing3: 15px; |
| 4 | +$govuk-spacing4: 20px; |
| 5 | + |
| 6 | + |
1 | 7 | .app-secondary-navigation { |
2 | 8 | @include nhsuk-responsive-margin(4, "bottom"); |
3 | 9 | } |
|
7 | 13 | } |
8 | 14 |
|
9 | 15 | .app-secondary-navigation__list-item--current { |
10 | | - border-bottom-width: nhsuk-spacing(1); |
| 16 | + border-bottom-width: $govuk-sacing1; |
11 | 17 | } |
12 | 18 |
|
13 | 19 | .app-secondary-navigation__link { |
14 | | - padding-left: nhsuk-spacing(3); |
15 | | - padding-right: nhsuk-spacing(3); |
| 20 | + padding-left: $govuk-spacing3; |
| 21 | + padding-right: $govuk-spacing3; |
16 | 22 | } |
17 | 23 |
|
18 | 24 | // -------- |
|
56 | 62 | box-sizing: border-box; |
57 | 63 | display: block; |
58 | 64 | float: left; |
59 | | - margin-right: nhsuk-spacing(4); |
60 | | - padding-bottom: nhsuk-spacing(2); |
61 | | - padding-top: nhsuk-spacing(2); |
| 65 | + margin-right: $govuk-spacing4; |
| 66 | + padding-bottom: $govuk-spacing2; |
| 67 | + padding-top: $govuk-spacing2; |
62 | 68 | position: relative; |
63 | 69 |
|
64 | 70 | // More generous padding beneath items on wider screens |
65 | 71 | @include mq($from: tablet) { |
66 | | - padding-bottom: nhsuk-spacing(3); |
| 72 | + padding-bottom: $govuk-spacing3; |
67 | 73 | } |
68 | 74 | } |
69 | 75 |
|
|
76 | 82 |
|
77 | 83 | .app-secondary-navigation__list-item--current { |
78 | 84 | border-bottom: $nhsuk-border-width solid $color_nhsuk-blue; |
79 | | - padding-bottom: nhsuk-spacing(1); |
| 85 | + padding-bottom: $govuk-sacing1; |
80 | 86 |
|
81 | 87 | // More generous padding beneath items on wider screens |
82 | 88 | @include mq($from: tablet) { |
83 | | - padding-bottom: nhsuk-spacing(2); |
| 89 | + padding-bottom: $govuk-spacing2; |
84 | 90 | } |
85 | 91 | } |
86 | 92 |
|
|
0 commit comments