matrix-dimension/web/app/page-header/page-header.component.scss

40 lines
893 B
SCSS
Raw Normal View History

// component styles are encapsulated and only applied to their components
@import "../../style/themes/themes";
@include themifyComponent() {
.wrapper {
width: 100%;
padding-top: 10px;
background: linear-gradient(to right, themed(headerGradientStartColor), themed(headerGradientEndColor));
}
.header {
width: 100%;
border-top: 1px solid themed(headerBorderColor);
border-bottom: 1px solid themed(headerBorderColor);
background-color: themed(headerBgColor);
}
.header .title {
margin: 0;
width: 83.333333%; // col-sm-10
padding: 15px;
display: inline-block;
}
.header .title .pageName {
font-weight: 100;
padding: 0;
margin: 0;
}
.header .quickAction {
padding: 0;
margin: 0;
float: right;
text-align: right;
display: inline-block;
width: 15.666667%; // col-sm-2
position: relative;
}
}