ui : update fonts + colors

This commit is contained in:
Marjolaine Le Bon 2020-02-04 15:27:13 +01:00
parent 78637dea70
commit 815e5a69b5
2 changed files with 57 additions and 3 deletions

View File

@ -24,6 +24,6 @@
url('../fonts/FacitBold.woff2') format('woff2'), url('../fonts/FacitBold.woff2') format('woff2'),
url('../fonts/FacitBold.woff') format('woff'), url('../fonts/FacitBold.woff') format('woff'),
url('../fonts/FacitBold.ttf') format('truetype'), url('../fonts/FacitBold.ttf') format('truetype'),
url('../fonts/FacitBold.svg#FacitRegular') format('svg'); url('../fonts/FacitBold.svg#FacitBold') format('svg');
font-weight: 700; font-weight: 700;
} }

View File

@ -12,6 +12,10 @@ $color-0-0-22: hsl(0,0%,22.7%);
.event-type { .event-type {
background-color: $color-357-67-45; background-color: $color-357-67-45;
} }
.black-button {
background-color: $color-0-0-22;
margin-left: 10%;
}
.event-type, .event-type,
.event-place-name { .event-place-name {
font-weight: 700; font-weight: 700;
@ -26,22 +30,63 @@ $color-0-0-22: hsl(0,0%,22.7%);
color: $color-0-0-22; color: $color-0-0-22;
} }
.sib-event { .sib-event {
font-family: "FacitRegular"; font-family: "Facit";
font-weight: 400;
.page-title {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: $color-203-87-19;
}
}
#listevents {
.newtype .button{
font-size: 1.2rem;
width: max-content;
height: max-content;
padding: 5px 20px;
color: $color-203-87-19;
}
sib-form sib-form-dropdown{ sib-form sib-form-dropdown{
label div { label div {
height: 2.5rem; height: 2.5rem;
} }
&::before { &::before {
font-family: "RefrigeratorDelxW01Bold"; font-family: "RefrigeratorDelxW01Bold";
font-size: 24px; font-size: 2.4rem;
line-height: 29px; line-height: 29px;
color: $color-203-87-19; color: $color-203-87-19;
top: -40px; top: -40px;
content: "Research an event"; content: "Research an event";
} }
} }
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
font-size: 2.2rem;
line-height: 2.6rem;
letter-spacing: 0.32px;
color: $color-203-87-19;
padding: 5px;
max-width: 250px;
margin: 5px auto;
}
.event-type {
font-size: 1.1rem;
padding: 5px 20px;
width: max-content;
height: max-content;
}
sib-display-location-events {
padding: 5px;
}
} }
#eventdetail { #eventdetail {
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: $color-203-87-19;
}
sib-display div .event-type { sib-display div .event-type {
width: max-content; width: max-content;
padding: 5px 20px; padding: 5px 20px;
@ -50,6 +95,15 @@ $color-0-0-22: hsl(0,0%,22.7%);
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.6rem; line-height: 2.6rem;
} }
sib-display-link-event a {
font-size: 1.6rem;
}
}
#newevent input[type="submit"],
#newtype input[type="submit"],
button {
width: max-content;
padding: 5px 20px;
} }
} }
} }