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 {
font-family: Facit;
}
#viewport #circle .content-box__header sib-display div {
#viewport #circle .content-box__header solid-display div {
display: flex;
flex-direction: column;
text-align: center;
@ -154,16 +154,13 @@
font-size: 3.2rem;
color: var(--color-primary);
}
#viewport #circle .content-box__header sib-display div .h1-aside {
font-family: Facit;
#viewport #circle .content-box__header solid-display div .h1-aside {
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;
}
#viewport .with-sidebar nav > sib-router > ul > sib-route[active] {
color: var(--color-right-menu-active-text);
}
#viewport .with-sidebar nav > sib-router {
#viewport .with-sidebar nav > solid-router {
color: #3C3F57;
}

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

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