update: right menu circles

This commit is contained in:
Marjolaine Le Bon
2020-08-04 12:34:17 +02:00
parent 443298e074
commit 415f06c36e
8 changed files with 115 additions and 9 deletions

View File

@ -81,8 +81,8 @@
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: #063B5C;
}
color: #063B5C;
solid-display div .event-type {
width: max-content;
padding: 5px 20px;
@ -107,4 +107,19 @@
margin-top: 65px;
}
}
}
.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);
}
}

View File

@ -54,4 +54,19 @@
margin-top: 65px;
}
}
}
.with-sidebar nav > solid-router > ul [name="circle-resources"]{
li::before {
content: '';
height: 40px;
width: 40px;
mask: url('/images/file.svg') center no-repeat;
mask-size: contain;
-webkit-mask: url('/images/file.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);
}
}