autonomic-cooperative
/
hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/layout/events/events.scss
View File

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

24
src/styles/layout/polls/polls.scss
View File

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

14
src/styles/layout/resources/resources.scss
View File

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