Skip to content
This repository has been archived by the owner on Mar 16, 2020. It is now read-only.

Commit

Permalink
Delete legacy css and re organise other parts
Browse files Browse the repository at this point in the history
  • Loading branch information
dankmitchell committed Jul 26, 2018
1 parent bde5eaa commit a72a405
Show file tree
Hide file tree
Showing 10 changed files with 624 additions and 1,167 deletions.
118 changes: 118 additions & 0 deletions src/Assets/Styles/components/_map.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
.found-heading {
border-bottom: 1px solid lightgrey;
position: relative;
clear: both;
min-height: 48px;
margin-bottom: 10px;
}

.map-results-list {
margin-left: 30px;
}

.resultsmap {
position: relative;
text-align: center;
}

.mapimage::before {
content: "Loading...";
position: absolute;
z-index: 1;
top: 50%;
left: 0;
right: 0;
font-size: 18px;
margin-top: -9px;
}

.mapimage {
z-index: 2;
position: relative;
}

.mapimage img {
z-index: 2;
position: relative;
}

.mapcontrols {
z-index: 3;
position: absolute;
right: 10px;
bottom: 38px;
width: 28px;
height: 55px;
user-select: none;
-webkit-user-select: none;
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
cursor: pointer;
background-color: rgb(255, 255, 255);
width: 28px;
height: 55px;
}

.mapzoombutton {
background-color: transparent;
background-image: none;
display: block;
border: 0px;
margin: 0px;
padding: 0px;
position: relative;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
width: 27px;
height: 27px;
top: 0px;
left: 0px;
background-position: initial initial;
background-repeat: initial initial;
}

.mapzoomdivider {
position: relative;
overflow: hidden;
width: 67%;
height: 1px;
left: 16%;
background-color: rgb(230, 230, 230);
top: 0px;
}

.view-list-link,
.view-map-link {
position: relative;
background: transparent;
display: inline-block;
line-height: 35px;
margin-left: 30px;
}

.view-list-link::before {
position: absolute;
content: "";
background: transparent url("/images/maps/icon-burger.png") no-repeat 0 0;
width: 71px;
height: 56px;
background-size: 30%;
left: -30px;
top: 6px;
}

.view-map-link::before {
position: absolute;
content: "";
background: transparent url("/images/maps/icon-map.png") no-repeat 0 0;
width: 75px;
height: 56px;
background-size: 30%;
left: -30px;
top: 0
}
39 changes: 39 additions & 0 deletions src/Assets/Styles/components/_typahead.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
.twitter-typeahead {
width: 100%;
}

.tt-suggestion {
font-family: "nta", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
font-size: 16px;
padding: 7.5px;
cursor: pointer;
}

.tt-suggestion:hover,
.tt-cursor {
background-color: #d5e8f3;
}

.tt-menu {
width: 100%;
background-color: white;
border: #bfc1c3 2px solid;
box-shadow: 0 3px 2px #bfc1c3;
}

.tt-hint {
visibility: hidden !important;
}

@media screen and (min-width: 641px) {
.panel .tt-menu {
width: 50%;
}
}

.tt-highlight {
font-weight: bold;
}
121 changes: 59 additions & 62 deletions src/Assets/Styles/patterns/_course-parts.scss
Original file line number Diff line number Diff line change
Expand Up @@ -12,97 +12,94 @@ $course-parts-indent: 35px;
}

.course-parts-section {
display: table;
@include govuk-font($size: 19);
margin-bottom: 15px;
padding-bottom: (govuk-spacing(2) / 6);
display: table;
@include govuk-font($size: 19);
margin-bottom: 15px;
padding-bottom: (govuk-spacing(2) / 6);
}

.course-parts-items {
margin-bottom: govuk-spacing(2);
margin-bottom: govuk-spacing(2);

@include govuk-media-query($from: tablet) {
margin-bottom: (govuk-spacing(2) * 2);
}
@include govuk-media-query($from: tablet) {
margin-bottom: (govuk-spacing(2) * 2);
}
}

.course-parts-item {
padding-top: govuk-spacing(2);
padding-bottom: govuk-spacing(2);
@include govuk-clearfix;
padding-top: govuk-spacing(2);
padding-bottom: govuk-spacing(2);
@include govuk-clearfix;
}

.course-parts-item:first-child {
border-top: 1px solid $govuk-input-border-colour;
border-top: 1px solid $govuk-input-border-colour;
}

.course-part-task {
@include govuk-grid-column(two-thirds);
float: left;
@include govuk-font($size: 24);
margin: 0;
@include govuk-grid-column(two-thirds);
float: left;
@include govuk-font($size: 24);
margin: 0;
}

.course-part-task-action {
float: right;
margin-right: 0;
padding-top: 3px;
float: right;
margin-right: 0;
padding-top: 3px;
}

.course-part-tasks {
margin-top: 60px;
margin-top: 60px;

@include govuk-media-query($from: desktop) {
display: table;
width: 100%;
}

> * {
position: relative;

@include govuk-media-query($from: desktop) {
display: table;
width: 100%;
display: table-row;
}

> * {
position: relative;

@include govuk-media-query($from: desktop) {
display: table-row;
}

> * {
display: block;

@include govuk-media-query($from: desktop) {
display: table-cell;
padding: em(12, 19) em(20, 19) em(9, 19) 0; // copied from Elements' td padding
margin: 0;
}
}

@include govuk-media-query($from: desktop) {
&:first-child > * {
padding-top: 0;
}
}
}
display: block;

.course-part-label {
float: none;
display: block;
font-weight: bold;
padding-bottom: 5px;
// @include media(desktop) {
// width: 30%;
// }
@include govuk-media-query($from: desktop) {
display: table-cell;
padding: em(12, 19) em(20, 19) em(9, 19) 0; // copied from Elements' td padding
margin: 0;
}
}

> *:first-child .course-part-label {
margin-top: 0;
@include govuk-media-query($from: desktop) {
&:first-child > * {
padding-top: 0;
}
}
}

.course-part-label {
float: none;
display: block;
font-weight: bold;
padding-bottom: 5px;
}

> *:first-child .course-part-label {
margin-top: 0;
}

.course-part-value {
float: none;
display: block;
padding: 0;
margin-bottom: 10px;
.course-part-value {
float: none;
display: block;
padding: 0;
margin-bottom: 10px;

&--empty {
color: govuk-colour("grey-1");
}
&--empty {
color: govuk-colour("grey-1");
}
}
}
48 changes: 24 additions & 24 deletions src/Assets/Styles/patterns/_definition-list.scss
Original file line number Diff line number Diff line change
@@ -1,38 +1,38 @@
%govuk-list--description {
@include govuk-clearfix;
margin-top: 0;
@include govuk-clearfix;
margin-top: 0;
}

%govuk-list--description > dt {
@include govuk-font($size: 19, $weight: normal);
vertical-align: top;
@include govuk-font($size: 19, $weight: normal);
vertical-align: top;

@include mq ($from: desktop) {
float: left;
width: 33.33%;
}
@include mq ($from: desktop) {
float: left;
width: 33.33%;
}
}

%govuk-list--description > dd {
@include govuk-font($size: 19, $weight: normal);
vertical-align: top;
margin: 0;

@include mq ($from: desktop) {
float: left;
width: 66.66%;
}
@include govuk-font($size: 19, $weight: normal);
vertical-align: top;
margin: 0;

.govuk-details {
margin-bottom: 0;
}
@include mq ($from: desktop) {
float: left;
width: 66.66%;
}

.govuk-details {
margin-bottom: 0;
}
}

.govuk-list--description {
@extend %govuk-list--description;
@extend %govuk-list--description;

&__label:after {
content: ":";
display: inline-block;
}
&__label:after {
content: ":";
display: inline-block;
}
}
Loading

0 comments on commit a72a405

Please sign in to comment.