Skip to content

Commit

Permalink
Move variables to less file
Browse files Browse the repository at this point in the history
  • Loading branch information
@tiberiuichim
tiberiuichim committed Dec 2, 2021
1 parent ad92e2e commit 7ceb4c7
Show file tree
Hide file tree
Showing 3 changed files with 166 additions and 166 deletions.
285 changes: 143 additions & 142 deletions src/SearchBlock/less/answersbox.less
View file
Original file line number Diff line number Diff line change
@@ -1,172 +1,173 @@
div.answers-section {
margin: 0 !important;

div.answers-content {
max-width: 1055px;
padding-left: 40px !important;

.answers-list {
// margin-top: 3em;
//
.answers-bullets {
display: flex;

.bullet {
width: 1.4em;
height: 1.4em;
background-color: @secondaryColor;
border-radius: 1.4em;
margin-right: 0.8em;
cursor: pointer;

&.active {
background-color: @primaryColor;
&:hover {
background-color: @primaryColor;
}
}
&:hover {
background-color: #ccc;
}
.answers-list {
// background-color: #00888a;
background-color: @s-light-gray;
max-width: @search-result-max-width;

padding: 1em;
margin-bottom: 3em;
clear: both;
// margin-top: 3em;

.answers-bullets {
display: flex;

.bullet {
width: 1.4em;
height: 1.4em;
background-color: @secondaryColor;
border-radius: 1.4em;
margin-right: 0.8em;
cursor: pointer;

&.active {
background-color: @primaryColor;
&:hover {
background-color: @primaryColor;
}
}
&:hover {
background-color: #ccc;
}
}
}

.answers__loading {
margin-bottom: 2em !important;
.answers__loading {
margin-bottom: 2em !important;

.progress {
height: 3px;
margin-top: 1em;
.progress {
height: 3px;
margin-top: 1em;

.color {
position: relative;
width: 0px;
height: 10px;
animation: progres 4s infinite linear;
background-color: #2d9390;
border-radius: 1px;
}
}
}

.answers__directAnswer {
font-size: xx-large;
.color {
position: relative;
width: 0px;
height: 10px;
animation: progres 4s infinite linear;
background-color: #2d9390;
border-radius: 1px;
}
}
}

.answer__primary {
a {
font-weight: bold;
}
.answers__directAnswer {
font-size: xx-large;
}

.answer__primarylink {
margin: 1em 0;
font-size: 1em;

a {
i.icon {
color: @sf-dark-gray;
}

.breadcrumb {
padding: 0;
margin-bottom: 0.3em;
font-weight: 400;

.divider {
position: relative;
top: -3px;
margin: 0 0.3em;
}

.section {
min-height: 1.1em;
}
}
}
}
}
.answer__primary {
a {
font-weight: bold;
}

.answers__links {
margin-top: 0.8rem;
font-size: small;
.answer__primarylink {
margin: 1em 0;
font-size: 1em;

.primary a {
font-weight: bold;
a {
i.icon {
color: @sf-dark-gray;
}

.answer__date {
display: inline-block;
// width: 7em;
padding-right: 0.5em;
margin-right: 0.3em;
text-align: right;
}
.breadcrumb {
padding: 0;
margin-bottom: 0.3em;
font-weight: 400;

.divider {
position: relative;
top: -3px;
margin: 0 0.3em;
}

.answer__domain {
padding-left: 0.3em;
font-size: x-small;
.section {
min-height: 1.1em;
}
}
}
}
}

.ui.segment.loading {
min-height: 10em;
margin-bottom: 2em;
.answers__links {
margin-top: 0.8rem;
font-size: small;

.loading-tip {
z-index: 2;
color: black;
font-size: x-large;
}
}
.primary a {
font-weight: bold;
}

.ui.segment.answers-wrapper {
padding-right: 0px;
padding-left: 0px;
.answer__date {
display: inline-block;
// width: 7em;
padding-right: 0.5em;
margin-right: 0.3em;
text-align: right;
}

border: none;
border-top: 1px solid @sf-light-gray2;
// margin-bottom: 2em;
box-shadow: none;
// border-bottom: 1px solid #ccc;
.answer__domain {
padding-left: 0.3em;
font-size: x-small;
}
}

.answers__bottom {
display: flex;
justify-content: space-between;
margin-top: 1em;
.ui.segment.loading {
min-height: 10em;
margin-bottom: 2em;

button {
margin-right: 0px;
}
.loading-tip {
z-index: 2;
color: black;
font-size: x-large;
}
}

h5 {
margin: 0em;
color: @sf-light-gray2;
font-size: 0.7em;
text-align: right;
}
.ui.segment.answers-wrapper {
padding: 0;
// color: white;
// padding-right: 0px;
// padding-left: 0px;

border: none;
// border-top: 1px solid @sf-light-gray2;
// margin-bottom: 2em;
background: unset;
box-shadow: none;
// border-bottom: 1px solid #ccc;

.answers__bottom {
display: flex;
justify-content: space-between;
margin-top: 1em;

button {
margin-right: 0px;
}

.answers__bottom__spacer {
height: 0.5em;
flex-grow: 2;
border-bottom: 1px solid @sf-light-gray2;
margin-right: 1em;
margin-left: 1em;
}
h5 {
margin: 0em;
color: @sf-light-gray2;
font-size: 0.7em;
text-align: right;
}

.rating {
margin-left: 0em;
.answers__bottom__spacer {
height: 0.5em;
flex-grow: 2;
border-bottom: 1px solid @sf-light-gray2;
margin-right: 1em;
margin-left: 1em;
}

.icon.active {
color: #2d9390;
}
}
}
.rating {
margin-left: 0em;

// .answer__text {
// font-size: normal;
// font-weight: bold;
// }
.icon.active {
color: #2d9390;
}
}
}

// .answer__text {
// font-size: normal;
// font-weight: bold;
// }
}
}
26 changes: 2 additions & 24 deletions src/SearchBlock/less/styles.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,7 @@

@import (multiple) '~@eeacms/search-less/theme.less';

@s-dark-gray: rgba(0, 0, 0, 0.87);
@s-medium-gray2: rgba(0, 0, 0, 0.67);
@s-medium-gray: #e0e1e2;
@s-light-gray: #edf1f2;
@s-light-orange: #ffdfbb;
@s-dark-orange: #9c5a0a;
@s-light-blue: #cfe8fb;
@s-dark-blue: #184799;

@sf-light-gray: #f9f9f9;
@sf-light-gray: #f2f2f2;
@sf-light-gray2: #e0e1e2;
@sf-azure: #2d9390;
@sf-dark-azure: #267f7c;
@sf-blue: #0f4b87;
@sf-medium-gray: #cccccc;
@sf-medium-gray2: #808080;
@sf-dark-gray: #303030;
@sf-medium-blue: #1c6ca4;
@import '~./variables.less';

@media screen and (min-width: 750px) {
body.searchlib-page {
Expand Down Expand Up @@ -788,10 +770,6 @@ div#page-document {
}
}
}

div.answers-list {
clear: both;
}
}

div.cards {
Expand Down Expand Up @@ -848,7 +826,7 @@ div#page-document {
div.search-result {
overflow: auto;
width: 100%;
max-width: 1000px;
max-width: @search-result-max-width;
padding-bottom: 5px;
margin-top: 5px;
clear: both;
Expand Down
21 changes: 21 additions & 0 deletions src/SearchBlock/less/variables.less
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
@s-dark-gray: rgba(0, 0, 0, 0.87);
@s-medium-gray2: rgba(0, 0, 0, 0.67);
@s-medium-gray: #e0e1e2;
@s-light-gray: #edf1f2;
@s-light-orange: #ffdfbb;
@s-dark-orange: #9c5a0a;
@s-light-blue: #cfe8fb;
@s-dark-blue: #184799;

@sf-light-gray: #f9f9f9;
@sf-light-gray: #f2f2f2;
@sf-light-gray2: #e0e1e2;
@sf-azure: #2d9390;
@sf-dark-azure: #267f7c;
@sf-blue: #0f4b87;
@sf-medium-gray: #cccccc;
@sf-medium-gray2: #808080;
@sf-dark-gray: #303030;
@sf-medium-blue: #1c6ca4;

@search-result-max-width: 1000px;

0 comments on commit 7ceb4c7

Please sign in to comment.