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