Browse Source

Lint SCSS styles

pull/498/head
Paul Robert Lloyd 3 years ago
parent
commit
96b197e456
  1. 35
      app/frontend/styles/_document-list.scss
  2. 4
      app/frontend/styles/_filter-layout.scss
  3. 4
      app/frontend/styles/_filter.scss
  4. 3
      app/frontend/styles/_pagination.scss
  5. 4
      app/frontend/styles/_panel.scss
  6. 30
      app/frontend/styles/_primary-navigation.scss
  7. 1
      app/frontend/styles/application.scss

35
app/frontend/styles/_document-list.scss

@ -18,11 +18,6 @@
margin: 0 0 govuk-spacing(1); margin: 0 0 govuk-spacing(1);
} }
.app-document-list__item-metadata {
padding: 0;
margin: 0;
}
.app-document-list__item-description { .app-document-list__item-description {
@include govuk-font($size: 16); @include govuk-font($size: 16);
margin: govuk-spacing(1) 0; margin: govuk-spacing(1) 0;
@ -32,35 +27,5 @@
@include govuk-font($size: 16); @include govuk-font($size: 16);
color: $govuk-secondary-text-colour; color: $govuk-secondary-text-colour;
margin: 0; margin: 0;
}
.app-document-list {
list-style: none;
padding: 0; padding: 0;
} }
.app-document-list__item {
margin-bottom: govuk-spacing(4);
&:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}
.app-document-list__item-title {
@include govuk-font($size: 16, $weight: "bold");
margin: 0 0 govuk-spacing(1);
}
.app-document-list__item-description {
@include govuk-font($size: 16);
margin: govuk-spacing(1) 0;
}
.app-document-list__item-metadata {
@include govuk-font($size: 16);
color: $govuk-secondary-text-colour;
padding: 0;
margin: 0;
}

4
app/frontend/styles/_filter-layout.scss

@ -34,9 +34,7 @@
.app-filter-layout__content { .app-filter-layout__content {
@include govuk-media-query(desktop) { @include govuk-media-query(desktop) {
float: right; float: right;
max-width: calc( max-width: calc(#{govuk-grid-width("three-quarters")} - #{govuk-spacing(6)});
#{govuk-grid-width("three-quarters")} - #{govuk-spacing(6)}
);
width: 100%; width: 100%;
} }
} }

4
app/frontend/styles/_filter.scss

@ -50,7 +50,7 @@
border: 0; border: 0;
} }
&::before { &:before {
background-image: url("../assets/images/icon-cross.svg"); background-image: url("../assets/images/icon-cross.svg");
content: ""; content: "";
display: inline-block; display: inline-block;
@ -94,7 +94,7 @@
.govuk-radios__label { .govuk-radios__label {
@include govuk-font(16); @include govuk-font(16);
&::before { &:before {
background-color: govuk-colour("white"); background-color: govuk-colour("white");
} }
} }

3
app/frontend/styles/_pagination.scss

@ -1,4 +1,3 @@
// https://github.com/alphagov/govuk-frontend/blob/add-pagination-prototype/src/govuk/components/pagination/_index.scss // https://github.com/alphagov/govuk-frontend/blob/add-pagination-prototype/src/govuk/components/pagination/_index.scss
.app-pagination { .app-pagination {
border-top: 1px solid $govuk-border-colour; border-top: 1px solid $govuk-border-colour;
@ -117,7 +116,7 @@
} }
.app-pagination__icon { .app-pagination__icon {
fill: currentColor; fill: currentcolor;
} }
.app-pagination__item--prev .app-pagination__link, .app-pagination__item--prev .app-pagination__link,

4
app/frontend/styles/_panel.scss

@ -19,8 +19,8 @@
margin-bottom: 0; margin-bottom: 0;
} }
.govuk-radios__label::before, .govuk-radios__label:before,
& ::after { & :after {
color: govuk-colour("black"); color: govuk-colour("black");
border-color: govuk-colour("black"); border-color: govuk-colour("black");
background-color: govuk-colour("white"); background-color: govuk-colour("white");

30
app/frontend/styles/_primary-navigation.scss

@ -2,13 +2,13 @@
@include govuk-font(19, $weight: bold); @include govuk-font(19, $weight: bold);
background-color: govuk-colour("light-grey"); background-color: govuk-colour("light-grey");
border-bottom: 1px solid $govuk-border-colour; border-bottom: 1px solid $govuk-border-colour;
} }
.govuk-phase-banner + .app-primary-navigation { .govuk-phase-banner + .app-primary-navigation {
margin-top: -1px; margin-top: -1px;
} }
.app-primary-navigation__list { .app-primary-navigation__list {
@include govuk-clearfix; @include govuk-clearfix;
left: govuk-spacing(-3); left: govuk-spacing(-3);
list-style: none; list-style: none;
@ -17,9 +17,9 @@
position: relative; position: relative;
right: govuk-spacing(-3); right: govuk-spacing(-3);
width: calc(100% + #{govuk-spacing(6)}); width: calc(100% + #{govuk-spacing(6)});
} }
.app-primary-navigation__item { .app-primary-navigation__item {
box-sizing: border-box; box-sizing: border-box;
display: block; display: block;
float: left; float: left;
@ -27,9 +27,9 @@
height: 50px; height: 50px;
padding: 0 govuk-spacing(3); padding: 0 govuk-spacing(3);
position: relative; position: relative;
} }
.app-primary-navigation__item--current { .app-primary-navigation__item--current {
border-bottom: $govuk-border-width-narrow solid $govuk-link-colour; border-bottom: $govuk-border-width-narrow solid $govuk-link-colour;
&:hover { &:hover {
@ -39,15 +39,15 @@
&:active { &:active {
border-bottom-color: $govuk-link-active-colour; border-bottom-color: $govuk-link-active-colour;
} }
} }
.app-primary-navigation__item--align-right { .app-primary-navigation__item--align-right {
@include govuk-media-query($from: tablet) { @include govuk-media-query($from: tablet) {
float: right; float: right;
} }
} }
.app-primary-navigation__link { .app-primary-navigation__link {
@include govuk-link-common; @include govuk-link-common;
@include govuk-link-style-no-visited-state; @include govuk-link-style-no-visited-state;
@include govuk-link-style-no-underline; @include govuk-link-style-no-underline;
@ -62,8 +62,8 @@
right: 0; right: 0;
top: 0; top: 0;
} }
} }
.app-primary-navigation__item--current .app-primary-navigation__link:hover { .app-primary-navigation__item--current .app-primary-navigation__link:hover {
text-decoration: none; text-decoration: none;
} }

1
app/frontend/styles/application.scss

@ -34,6 +34,7 @@ $govuk-new-link-styles: true;
// App utilities // App utilities
.app-\!-colour-muted { .app-\!-colour-muted {
// stylelint-disable declaration-no-important
color: $govuk-secondary-text-colour !important; color: $govuk-secondary-text-colour !important;
} }

Loading…
Cancel
Save