hubl/src/styles/layout/events/events.scss

105 lines
3.0 KiB
SCSS

#events {
width: 100%;
font-family: "Facit";
font-weight: 400;
color: $color-0-0-22;
sib-event {
.red-button,
.event-type {
background-color: $color-357-67-45;
}
.black-button {
background-color: $color-0-0-22;
margin-left: 10%;
}
.event-type,
.event-place-name {
font-weight: 700;
}
#listevents [name="name"],
solid-display-link-event .mdi::before {
color: $color-357-67-45;
}
.event-place-name,
.nextevent-startdate,
solid-display-link-event {
color: $color-0-0-22;
}
.sib-event {
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;
}
solid-form solid-form-dropdown{
label div {
height: 2.5rem;
}
&::before {
font-family: "RefrigeratorDelxW01Bold";
font-size: 2.4rem;
line-height: 29px;
color: $color-203-87-19;
top: -40px;
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;
}
solid-display-location-events {
padding: 5px;
}
}
#eventdetail {
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: $color-203-87-19;
}
solid-display div .event-type {
width: max-content;
padding: 5px 20px;
}
[name="longDescription"] p {
font-size: 1.6rem;
line-height: 2.6rem;
}
solid-display-link-event a {
font-size: 1.6rem;
}
}
#newevent input[type="submit"],
#newtype input[type="submit"],
button {
width: max-content;
padding: 5px 20px;
}
}
}