matrix-dimension/web/app/page-header/page-header.component.scss
2021-12-03 00:33:53 -07:00

46 lines
813 B
SCSS

// component styles are encapsulated and only applied to their components
@import "../../style/themes/themes";
@include themifyComponent() {
.header {
width: 100%;
padding: 32px;
background-color: themed(headerBgColor);
}
.header .title {
margin: 0;
width: 83.333333%; // col-sm-10
display: inline-block;
}
.header .title .pageName {
font-weight: 600;
padding: 0;
margin: 0;
font-size: 1.5em;
}
.header .quickAction {
padding: 0;
margin: 0;
float: right;
text-align: right;
display: inline-block;
width: 15.666667%; // col-sm-2
position: relative;
}
.back-btn {
cursor: pointer;
margin-bottom: 16px;
}
.back-btn > span:not(.dim-icon) {
margin-left: 4px;
line-height: 1em;
font-size: 0.9em;
}
}