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

125 lines
3.5 KiB
SCSS
Raw Normal View History

2020-02-04 11:25:58 +00:00
#events {
width: 100%;
2020-02-04 12:38:28 +00:00
font-family: "Facit";
font-weight: 400;
2020-07-02 16:03:56 +00:00
color: #7A7F85;
2020-02-04 12:38:28 +00:00
sib-event {
.red-button,
.event-type {
2020-07-09 15:51:54 +00:00
background-color: #C4262E;
2020-02-04 12:38:28 +00:00
}
2020-02-04 14:27:13 +00:00
.black-button {
2020-07-09 15:51:54 +00:00
background-color: #3A3A3A;
2020-02-04 14:27:13 +00:00
margin-left: 10%;
}
2020-02-04 12:38:28 +00:00
.event-type,
.event-place-name {
font-weight: 700;
}
#listevents [name="name"],
2020-06-18 18:02:54 +00:00
solid-display-link-event .mdi::before {
2020-07-09 15:51:54 +00:00
color: #C4262E;
2020-02-04 12:38:28 +00:00
}
.event-place-name,
.nextevent-startdate,
2020-06-18 18:02:54 +00:00
solid-display-link-event {
2020-07-09 15:51:54 +00:00
color: #3A3A3A;
2020-02-04 12:38:28 +00:00
}
.sib-event {
2020-02-04 14:27:13 +00:00
font-family: "Facit";
font-weight: 400;
.page-title {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
2020-07-09 15:51:54 +00:00
color: #063B5C;
2020-02-04 14:27:13 +00:00
}
}
#listevents {
.newtype .button{
font-size: 1.2rem;
width: max-content;
height: max-content;
padding: 5px 20px;
2020-07-09 15:51:54 +00:00
color: #063B5C;
2020-02-04 14:27:13 +00:00
}
2020-06-18 18:02:54 +00:00
solid-form solid-form-dropdown{
2020-02-04 12:38:28 +00:00
label div {
height: 2.5rem;
}
&::before {
font-family: "RefrigeratorDelxW01Bold";
2020-02-04 14:27:13 +00:00
font-size: 2.4rem;
2020-02-04 12:38:28 +00:00
line-height: 29px;
2020-07-09 15:51:54 +00:00
color: #063B5C;
2020-02-04 12:38:28 +00:00
top: -40px;
content: "Research an event";
}
}
2020-02-04 14:27:13 +00:00
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
font-size: 2.2rem;
line-height: 2.6rem;
letter-spacing: 0.32px;
2020-07-09 15:51:54 +00:00
color: #063B5C;
2020-02-04 14:27:13 +00:00
padding: 5px;
max-width: 250px;
margin: 5px auto;
}
.event-type {
font-size: 1.1rem;
padding: 5px 20px;
width: max-content;
height: max-content;
}
2020-06-18 18:02:54 +00:00
solid-display-location-events {
2020-02-04 14:27:13 +00:00
padding: 5px;
}
2020-02-04 12:38:28 +00:00
}
#eventdetail {
2020-02-04 14:27:13 +00:00
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
}
2020-08-04 10:34:17 +00:00
color: #063B5C;
2020-06-18 18:02:54 +00:00
solid-display div .event-type {
2020-02-04 12:38:28 +00:00
width: max-content;
padding: 5px 20px;
}
[name="longDescription"] p {
font-size: 1.6rem;
line-height: 2.6rem;
}
2020-06-18 18:02:54 +00:00
solid-display-link-event a {
2020-02-04 14:27:13 +00:00
font-size: 1.6rem;
}
}
#newevent input[type="submit"],
#newtype input[type="submit"],
button {
width: max-content;
padding: 5px 20px;
2020-02-04 12:38:28 +00:00
}
2020-02-04 11:25:58 +00:00
}
2020-07-09 15:51:54 +00:00
@media (max-width: 991px) {
#listevents {
margin-top: 65px;
}
}
2020-08-04 10:34:17 +00:00
}
.with-sidebar nav > solid-router > ul [name="circle-events"]{
li::before {
content: '';
height: 40px;
width: 40px;
mask: url('/images/appointment.svg') center no-repeat;
mask-size: contain;
-webkit-mask: url('/images/appointment.svg') center no-repeat;
-webkit-mask-size: contain;
background-color: var(--color-right-menu-text);
}
&[active] li::before {
background-color: var(--color-right-menu-active-text);
}
2020-02-04 11:25:58 +00:00
}