bugfix: getting colors from variables

This commit is contained in:
Benoit Alessandroni 2020-10-12 23:43:28 +02:00
parent fe26572716
commit c7e2d956ad
3 changed files with 29 additions and 29 deletions

View File

@ -17,10 +17,10 @@ solid-event section {
}
.red-button,
.event-type {
background-color: #C4262E;
background-color: var(--second-color);
}
.black-button {
background-color: #3A3A3A;
background-color: var(--highlight-font-color);
margin-left: 10%;
}
.event-type,
@ -31,13 +31,13 @@ solid-event section {
#circle-listevents {
[name="name"],
event-display-link-event .mdi::before {
color: #063B5C;
color: var(--main-color);
}
}
.event-place-name,
.nextevent-startdate,
event-display-link-event {
color: #3A3A3A;
color: var(--highlight-font-color);
}
.solid-event {
font-family: "Facit";
@ -46,7 +46,7 @@ solid-event section {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: #063B5C;
color: var(--main-color);
}
}
#default-listevents,
@ -56,7 +56,7 @@ solid-event section {
width: max-content;
height: max-content;
padding: 5px 20px;
color: #063B5C;
color: var(--main-color);
}
solid-form {
solid-form-dropdown-label {
@ -68,7 +68,7 @@ solid-event section {
font-family: "RefrigeratorDelxW01Bold";
font-size: 2.4rem;
line-height: 29px;
color: #063B5C;
color: var(--main-color);
top: -40px;
content: "Research an event";
}
@ -79,7 +79,7 @@ solid-event section {
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0.32px;
color: #063B5C;
color: var(--main-color);
padding: 5px;
max-width: 250px;
margin: 5px auto;
@ -108,10 +108,10 @@ solid-event section {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: #063B5C;
color: var(--main-color);
display: block;
}
color: #063B5C;
color: var(--main-color);
.event-type {
width: max-content;
padding: 5px 20px;

View File

@ -16,7 +16,7 @@ solid-poll > div {
font-family: "RefrigeratorDelxW01Bold";
font-size: 2.4rem;
line-height: 3.8rem;
color: #063B5C;
color: var(--main-color);
}
.add-poll {
solid-link {
@ -97,7 +97,7 @@ solid-poll > div {
}
[name="title"] {
font-family: "RefrigeratorDelxW01Bold";
color: #063B5C;
color: var(--main-color);
font-size: 1.8rem;
font-weight: 600;
text-transform: uppercase;
@ -107,7 +107,7 @@ solid-poll > div {
}
[name="hostingOrganisation"],
[name="endDate"] {
color: #3A3A3A;
color: var(--highlight-font-color);
font-family: Facit;
font-size: 14px;
letter-spacing: 0;
@ -117,7 +117,7 @@ solid-poll > div {
&::before {
content: '\e037';
font-family: 'simple-line-icons';
color: #C4262E;
color: var(--second-color);
height: 22px;
width: 24px;
font-size: 16px;
@ -135,7 +135,7 @@ solid-poll > div {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
content: "\F6AF";
color: #C4262E;
color: var(--second-color);
height: 22px;
width: 24px;
font-size: 20px;
@ -196,7 +196,7 @@ solid-poll > div {
}
[name="hostingOrganisation"],
[name="dateLine"] {
color: #3A3A3A;
color: var(--highlight-font-color);
font-family: Facit;
font-size: 16px;
font-weight: bold;
@ -214,7 +214,7 @@ solid-poll > div {
content: '\e037';
font-family: "simple-line-icons";
font-weight: 400;
color: #C4262E;
color: var(--second-color);
margin-right: 10px;
font-size: 16px;
}
@ -223,7 +223,7 @@ solid-poll > div {
font-family: "Material Design Icons";
font-weight: 400;
content: "\F6AF";
color: #C4262E;
color: var(--second-color);
font-size: 20px;
}
[name="shortDescription"],
@ -251,7 +251,7 @@ solid-poll > div {
font-weight: 400;
font-size: 20px;
margin-right: 10px;
color: #3A3A3A;
color: var(--highlight-font-color);
}
.vote-section > h3::before {
content:"\F004";
@ -292,7 +292,7 @@ solid-poll > div {
}
.send-share,
.back-to-list {
background-color: #3A3A3A;
background-color: var(--highlight-font-color);
padding: 5px 25px;
font-size: 1.4rem;
&::before {
@ -490,7 +490,7 @@ solid-poll > div {
margin-top: 10px;
.ss-multi-selected .ss-values .ss-value {
border-radius: 14px;
background-color: #C4262E;
background-color: var(--second-color);
padding: 5px 10px;
font-size: 11px;
}
@ -507,7 +507,7 @@ solid-poll > div {
}
.poll-footer {
.back-to-list {
background-color: #3A3A3A;
background-color: var(--highlight-font-color);
padding: 5px 25px;
font-size: 1.4rem;
margin-left: 10%;

View File

@ -17,13 +17,13 @@
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: #063B5C;
color: var(--main-color);
}
.red-button {
background-color: #C4262E;
background-color: var(--second-color);
}
.black-button {
background-color: #3A3A3A;
background-color: var(--highlight-font-color);
margin-left: 10%;
}
.lnk-newresource {
@ -45,7 +45,7 @@
&::before {
content: "Research a resource";
font-family: "RefrigeratorDelxW01Bold";
color: #063B5C;
color: var(--main-color);
font-size: 2.4rem;
line-height: 3.8rem;
top: -10px;
@ -61,12 +61,12 @@
width: max-content;
height: max-content;
padding: 10px 30px;
color: #063B5C;
color: var(--main-color);
}
solid-display solid-display {
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
color: #063B5C;
color: var(--main-color);
}
[name="link"] a, [name="document"] a {
width: 75%;
@ -86,7 +86,7 @@
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: #063B5C;
color: var(--main-color);
}
[name="infotext"] {
justify-content: flex-start;