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

update: etuc design + component design

Browse Source
This commit is contained in:
Marjolaine Le Bon 2020-07-09 17:51:54 +02:00
parent bfbd9f3605
commit 8da51ec9fa
3 changed files with 71 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client.sample.etuc.scss
View File

@ -144,7 +144,7 @@
#viewport .content-box { #viewport .content-box {
font-family: Facit; font-family: Facit;
} }
#viewport #circle .content-box__header sib-display div { #viewport #circle .content-box__header solid-display div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
@ -154,16 +154,13 @@
font-size: 3.2rem; font-size: 3.2rem;
color: var(--color-primary); color: var(--color-primary);
} }
#viewport #circle .content-box__header sib-display div .h1-aside { #viewport #circle .content-box__header solid-display div .h1-aside {
font-family: Facit;
margin: 10px 0; margin: 10px 0;
} }
#viewport #circle .content-box__header sib-display div .h1-aside:not(:empty)::before { #viewport #circle .content-box__header solid-display div .h1-aside:not(:empty)::before {
content: none; content: none;
} }
#viewport .with-sidebar nav > sib-router > ul > sib-route[active] { #viewport .with-sidebar nav > solid-router {
color: var(--color-right-menu-active-text);
}
#viewport .with-sidebar nav > sib-router {
color: #3C3F57; color: #3C3F57;
} }

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

@ -6,10 +6,10 @@
sib-event { sib-event {
.red-button, .red-button,
.event-type { .event-type {
background-color: $color-357-67-45; background-color: #C4262E;
} }
.black-button { .black-button {
background-color: $color-0-0-22; background-color: #3A3A3A;
margin-left: 10%; margin-left: 10%;
} }
.event-type, .event-type,
@ -18,12 +18,12 @@
} }
#listevents [name="name"], #listevents [name="name"],
solid-display-link-event .mdi::before { solid-display-link-event .mdi::before {
color: $color-357-67-45; color: #C4262E;
} }
.event-place-name, .event-place-name,
.nextevent-startdate, .nextevent-startdate,
solid-display-link-event { solid-display-link-event {
color: $color-0-0-22; color: #3A3A3A;
} }
.sib-event { .sib-event {
font-family: "Facit"; font-family: "Facit";
@ -32,7 +32,7 @@
font-family: "RefrigeratorDelxW01Bold"; font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem; font-size: 3.2rem;
line-height: 3.8rem; line-height: 3.8rem;
color: $color-203-87-19; color: #063B5C;
} }
} }
#listevents { #listevents {
@ -41,7 +41,7 @@
width: max-content; width: max-content;
height: max-content; height: max-content;
padding: 5px 20px; padding: 5px 20px;
color: $color-203-87-19; color: #063B5C;
} }
solid-form solid-form-dropdown{ solid-form solid-form-dropdown{
label div { label div {
@ -51,7 +51,7 @@
font-family: "RefrigeratorDelxW01Bold"; font-family: "RefrigeratorDelxW01Bold";
font-size: 2.4rem; font-size: 2.4rem;
line-height: 29px; line-height: 29px;
color: $color-203-87-19; color: #063B5C;
top: -40px; top: -40px;
content: "Research an event"; content: "Research an event";
} }
@ -61,7 +61,7 @@
font-size: 2.2rem; font-size: 2.2rem;
line-height: 2.6rem; line-height: 2.6rem;
letter-spacing: 0.32px; letter-spacing: 0.32px;
color: $color-203-87-19; color: #063B5C;
padding: 5px; padding: 5px;
max-width: 250px; max-width: 250px;
margin: 5px auto; margin: 5px auto;
@ -81,7 +81,7 @@
font-family: "RefrigeratorDelxW01Bold"; font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem; font-size: 3.2rem;
line-height: 3.8rem; line-height: 3.8rem;
color: $color-203-87-19; color: #063B5C;
} }
solid-display div .event-type { solid-display div .event-type {
width: max-content; width: max-content;
@ -102,4 +102,9 @@
padding: 5px 20px; padding: 5px 20px;
} }
} }
@media (max-width: 991px) {
#listevents {
margin-top: 65px;
}
}
} }

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

@ -2,5 +2,56 @@
width: 100%; width: 100%;
font-family: "Facit"; font-family: "Facit";
font-weight: 400; font-weight: 400;
color: $color-0-0-22; color: #3A3A3A;
sib-resource {
background-color: #F0F3F6;
.sib-resource {
font-family: "Facit";
.red-button {
background-color: #C4262E;
}
.black-button {
background-color: #3A3A3A;
margin-left: 10%;
}
.lnk-newresource {
margin-top: 30px;
margin-right: 70px;
}
.resources sib-form::before {
font-family: "RefrigeratorDelxW01Bold";
}
#listresources {
.lnk-newkeyword .button {
font-size: 1.2rem;
width: max-content;
height: max-content;
padding: 10px 30px;
color: #063B5C;
}
sib-display sib-display {
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
}
[name="link"] a {
padding-left: 35px;
position: relative;
&::before {
position: absolute;
left: 0;
}
}
}
}
.resource-tag {
font-family: Facilt;
font-weight: 600;
}
}
}
@media (max-width: 991px) {
.sib-resource {
margin-top: 65px;
}
}
} }