Cachet/app/assets/sass/partials/_content.scss
2015-01-05 02:23:59 -06:00

110 lines
2.5 KiB
SCSS

body.dashboard {
.page-content {
width: 100%;
.content-wrapper {
padding-top: 20px;
padding-left: 40px;
padding-right: 40px;
&.header-fixed {
margin-top: 60px;
}
}
.header {
position: relative;
top: 0;
left: 0;
color: #333;
background-color: #fff;
padding: 22px 40px;
width: 100%;
height: 70px;
font-size: 1.2em;
border-bottom: 1px solid #eee;
z-index: 99;
&.sub-header {
padding: 8px 2px;
height: 50px;
}
&.fixed {
position: fixed;
padding-left: 270px;
}
input, button, .btn {
position: relative;
top: -4px;
}
input {
width: 20%;
}
+ .row {
margin-top: 23px;
}
h3 {
color: #444;
margin-top: 0;
text-transform: uppercase;
}
}
.sub-header {
font-weight: 300;
text-transform: uppercase;
}
.striped-list {
.striped-list-item {
border-bottom: 1px solid #f0f0f0;
padding: 8px 0;
}
}
.user-grid {
.user {
img {
border-radius: 5px;
margin-bottom: 15px;
border: 0;
}
.name {
font-weight: 600;
}
.email {
color: #444;
margin-top: 4px;
}
}
}
}
// Header media queries
@media (max-width: $screen-xs-max) {
.page-content {
.content-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.header {
padding-left: 20px;
padding-right: 20px;
&.fixed {
padding-left: 20px;
padding-right: 20px;
}
}
}
}
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
.page-content {
.header.fixed {
padding-left: 120px;
}
}
}
}