hubl/src/styles/layout/resources/resources.scss

72 lines
2.1 KiB
SCSS

#resources{
width: 100%;
font-family: "Facit";
font-weight: 400;
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;
}
}
}
.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);
}
}