Skip to content

Commit

Permalink
CSS cleanup & use less color variables from eea design system
Browse files Browse the repository at this point in the history
  • Loading branch information
@kreafox
kreafox committed May 31, 2022
1 parent 7ad6e9d commit 0cf2bce
Show file tree
Hide file tree
Showing 9 changed files with 95 additions and 149 deletions.
4 changes: 2 additions & 2 deletions src/SearchBlock/less/answersbox.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

.buttons {
.button {
background-color: @s-pine-green !important;
background-color: @secondaryColor !important;
}

.button:first-child {
Expand Down Expand Up @@ -63,7 +63,7 @@
// width: 0px;
// height: 10px;
// animation: progres 4s infinite ease-out;
// background-color: @s-pine-green;
// background-color: @secondaryColor;
// border-radius: 1px;
// }
// }
Expand Down
32 changes: 16 additions & 16 deletions src/SearchBlock/less/facets.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ div#page-document .searchlib-block {
div.boolean-facet {
div.toggle {
label {
color: @s-dark-gray !important;
color: @deepBlue !important;

&:before {
box-shadow: 0px 0px 0px 2px @sf-medium-gray2 !important;
Expand All @@ -32,8 +32,8 @@ div#page-document .searchlib-block {
&.checked {
label {
&:before {
background-color: @s-pine-green !important;
box-shadow: 0px 0px 0px 2px @s-pine-green !important;
background-color: @secondaryColor !important;
box-shadow: 0px 0px 0px 2px @secondaryColor !important;
}
}
}
Expand Down Expand Up @@ -63,7 +63,7 @@ div#page-document .searchlib-block {
border: none;
border-top: none;
border-right: none;
border-bottom: 1px solid @s-light-gray;
border-bottom: 1px solid @midGray;
border-left: none;
margin: 0;
margin-bottom: 3px;
Expand Down Expand Up @@ -108,7 +108,7 @@ div#page-document .searchlib-block {
border-bottom: 3px solid white;
margin-right: 1.5em;
border-radius: 0px;
color: @s-dark-gray;
color: @deepBlue;
font-size: 18px;

&:hover {
Expand All @@ -120,11 +120,11 @@ div#page-document .searchlib-block {
}

&.active {
border-bottom: 3px solid @s-pine-green;
color: @s-pine-green;
border-bottom: 3px solid @secondaryColor;
color: @secondaryColor;

// .icon {
// color: @s-pine-green !important;
// color: @secondaryColor !important;
// }
}

Expand Down Expand Up @@ -332,7 +332,7 @@ div#page-document .searchlib-block {
margin-right: 0px;
background: @sf-light-gray !important;
border-radius: 2px;
color: @s-pine-green !important;
color: @secondaryColor !important;
float: right;
font-size: 12px;
}
Expand Down Expand Up @@ -370,7 +370,7 @@ div#page-document .searchlib-block {
position: absolute;
top: 10px;
right: 10px;
color: @s-pine-green;
color: @secondaryColor;
}

div.meta {
Expand Down Expand Up @@ -460,7 +460,7 @@ div#page-document .searchlib-block {
button {
padding: 3px;
background: @sf-light-gray !important;
color: @s-pine-green;
color: @secondaryColor;
float: right;
font-size: 10px;
}
Expand Down Expand Up @@ -490,7 +490,7 @@ div#page-document .searchlib-block {
div.label {
max-width: 100%;
background: @sf-light-gray !important;
color: @s-pine-green;
color: @secondaryColor;
font-weight: 600;

span.text {
Expand Down Expand Up @@ -670,7 +670,7 @@ div.ui.modal.facet {
}

&.active {
color: @s-pine-green;
color: @secondaryColor;
}
}
}
Expand Down Expand Up @@ -706,8 +706,8 @@ div.ui.modal.facet {
&.checked {
label {
&:before {
background-color: @s-pine-green !important;
box-shadow: 0px 0px 0px 2px @s-pine-green !important;
background-color: @secondaryColor !important;
box-shadow: 0px 0px 0px 2px @secondaryColor !important;
}

&:after {
Expand Down Expand Up @@ -773,7 +773,7 @@ div.ui.modal.facet {

a.clear-filters {
margin-left: auto;
color: @s-pine-green;
color: @secondaryColor;
font-size: 12px;
}
}
Expand Down
16 changes: 8 additions & 8 deletions src/SearchBlock/less/filterlist.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ div#page-document .searchlib-block {
div.filter-list-header {
padding-right: 0.5rem;
padding-left: 0.5rem;
color: @s-pine-green !important;
color: @secondaryColor !important;
font-size: 14px;

i.dropdown.icon {
Expand All @@ -74,7 +74,7 @@ div#page-document .searchlib-block {
div.filter-name {
position: relative;
top: 3px;
color: @s-dark-gray;
color: @deepBlue;
font-size: 14px;
}

Expand All @@ -88,7 +88,7 @@ div#page-document .searchlib-block {
}

.ui.inverted.accordion .title:not(.ui) {
color: @s-dark-gray;
color: @deepBlue;
}

.ui.divider {
Expand All @@ -101,7 +101,7 @@ div#page-document .searchlib-block {
}

button.reset-filters {
color: @s-pine-green !important;
color: @secondaryColor !important;
font-size: 14px;

i.icon {
Expand All @@ -121,7 +121,7 @@ div#page-document .searchlib-block {
margin-right: 0px;
background: @sf-light-gray !important;
border-radius: 2px;
color: @s-pine-green !important;
color: @secondaryColor !important;
float: right;
font-size: 12px;
}
Expand Down Expand Up @@ -154,7 +154,7 @@ div#page-document .searchlib-block {
position: absolute;
top: 10px;
right: 10px;
color: @s-pine-green;
color: @secondaryColor;
}

div.meta {
Expand Down Expand Up @@ -241,7 +241,7 @@ div#page-document .searchlib-block {
button {
padding: 3px;
background: @sf-light-gray !important;
color: @s-pine-green;
color: @secondaryColor;
float: right;
font-size: 10px;
}
Expand Down Expand Up @@ -269,7 +269,7 @@ div#page-document .searchlib-block {
&.active {
.label {
max-width: 100%;
color: @s-pine-green;
color: @secondaryColor;
font-weight: 600;

.text {
Expand Down
116 changes: 37 additions & 79 deletions src/SearchBlock/less/landingpage.less
View file
Original file line number Diff line number Diff line change
@@ -1,36 +1,13 @@
.landing-page-container {
margin-top: 5em;

.ui.secondary.pointing.menu {
.tab-item {
position: relative;
display: block;
font-size: 20px;
font-weight: 500;

// &::after {
// margin-right: 10px;
// // position: absolute;
// // bottom: 0;
// // width: 80%;
// // height: 1px;
// // background-color: red;
// // content: '';
// }
}

.active.tab-item {
font-weight: 500;
}
}

.search-tab-wrapper {
width: 100%;
overflow-x: auto;
}

.search-tab {
width: 1120px;
width: 1108px;
margin-top: 4em;

.ui.tab {
Expand All @@ -40,75 +17,56 @@

.ui.menu {
a.item {
border: none;
border-bottom: 4px solid #fff;
color: @s-dark-gray;
}

a.item.active {
border-bottom: 4px solid @s-pine-green;
color: @s-pine-green;
font-size: 20px;
}
}

.search-cards {
display: flex;
flex-wrap: wrap;
margin-top: 1em;
}

.ui.card {
max-width: 210px;
flex-direction: column;
padding: 1.3em 0.7em;
margin: 0;
color: @s-dark-gray;
cursor: pointer;
text-align: center;

.content {
flex-grow: initial;
padding: 0;
padding-bottom: 0.5em;
}

.content > .description {
color: @s-dark-gray;
font-size: 18px;
}

.content.extra {
color: @s-dark-gray;
}

&:hover {
border: none;
box-shadow: none;
}

img.facet-option-icon {
display: block;
width: auto;
height: 30px !important;
margin: 0 auto;
margin-bottom: 0.5em;
filter: grayscale(100%);
.ui.cards {
.ui.card {
margin-top: 2em;
color: @deepBlue;
cursor: pointer;

.content {
flex-grow: initial;
padding: 0;
padding-bottom: 0.5em;
}

.content > .header {
color: @deepBlue;
font-size: 18px;
font-weight: 400;
}

.content.extra {
color: @deepBlue;
}

&:hover {
border: none;
box-shadow: none;
}

img.facet-option-icon {
display: block;
width: auto;
height: 30px !important;
margin-bottom: 0.5em;
filter: grayscale(100%);
}
}
}
}

h4.browse-by {
color: @s-dark-gray;
}

div.info {
width: 100%;
margin-bottom: 1em;
color: @sf-medium-gray2;
font-size: 12px;
}

.search-cards {
display: flex;
flex-wrap: wrap;
}
}
4 changes: 2 additions & 2 deletions src/SearchBlock/less/paging.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@
display: inline-block;
margin-right: 0.5em;
margin-left: 0.4em;
color: @s-dark-gray;
color: @deepBlue;
font-size: 12px;
}

div.prev-next-paging button.next,
div.prev-next-paging button.prev,
button.download-btn {
background: @sf-light-gray !important;
color: @s-pine-green !important;
color: @secondaryColor !important;
font-size: 10px !important;
}
Loading

0 comments on commit 0cf2bce

Please sign in to comment.