Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 272297b873f49571afa927339ec5b354ee818ea7 / . / app / common / styles / layout / content.scss
blob: 84b613c3a67c06fc48a467075eb31102b31e4553 [file] [log] [blame]
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]1// Content layout styles
2
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame^]3// Page header
4.page-header {
5 position: relative;
6 border-bottom: 1px solid $lightbg__grey;
7 margin: 1.625em 0 1.2em 0;
8 .h4 {
9 padding: 0;
10 margin: 0 0 .5em 0;
11 font-weight: bold;
12 }
13}
14
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]15.content__container {
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]16 margin-left: $nav__toplvlWidth;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]17 padding: 1em .1em;
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]18 transition: left 1s ease;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]19 @include mediaQuery(x-small){
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame^]20 //margin-left: $nav__toplvlWidth + $nav__seclvlWidth;
Michael Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]21 padding: 1rem 2rem;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]22 }
23}
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]24
25section.row {
Iftekharul Islamcd789502017-04-19 14:37:55 -0500[diff] [blame]26 padding-left: 0;
27 padding-right: 0;
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame^]28}
29
30.content-header {
31 font-weight: 700;
32 margin-bottom: 0;
33 margin-top: 2em;
34}
35
36.content-label {
37 color: darken($lightgrey, 10%);
38 text-transform: uppercase;
39 font-weight: 700;
40 font-size: .75em;
41 margin-bottom: 0;
42}
43
44.content__container h1 {
45 margin-left: -.3em;
46}