matrix-dimension/web/style/_riot.scss

63 lines
1.4 KiB
SCSS

// The CSS for the Riot breadcrumb is specified here to ensure that it's style can be overridden.
// In it's current position (as a component), the component-level stylesheet cannot access the
// elements, so we specify it in a more generic location.
@import "themes/themes";
.main-app {
@include themify() {
.dimension-breadcrumb {
.fluid-bread {
padding: 0;
background: transparent;
}
.fluid-bread .container {
padding: 0;
margin: 0;
background: transparent;
}
.fluid-bread .container .breadcrumb {
padding: 0;
margin: 0;
background: transparent;
}
.fluid-bread .breadcrumb-item a:hover {
text-decoration: none;
}
.fluid-bread .breadcrumb-item.active {
color: themed(activeBreadcrumbColor);
}
font-size: 13px;
display: block;
padding-top: 4px;
background: transparent;
}
.header .quickAction .closeButton .scalarClose {
position: absolute;
top: 19px;
right: 15px;
}
.header .quickAction .adminButton {
position: absolute;
top: 19px;
right: 55px;
}
.header .quickAction .headerButton {
font-size: 35px;
cursor: pointer;
color: themed(quickActionColor);
}
.header .quickAction .headerButton:hover {
color: themed(quickActionHoverColor);
}
}
}