Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 971954471f7b5fd59a509a6a0c451c009bb4bbc4 / . / app / common / styles / layout / content.scss
blob: e50f826e8d6a51b1130dc62b118c568d9955eab4 [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 {
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]7 width: 100%;
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame]8 position: relative;
9 border-bottom: 1px solid $lightbg__grey;
Michael Davis706b75b2017-08-18 16:40:03 -0500[diff] [blame]10 margin: .5em 0 2.2em;
Michael Davis51946552017-05-01 10:30:38 -0500[diff] [blame]11 padding-left: 0;
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame]12 .h4 {
Michael Davis7f89fad2017-07-31 18:36:45 -0500[diff] [blame]13 padding: .1em 0 0 0;
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]14 margin: 0 0 1em 0;
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame]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 Davis0f03ad12017-02-27 16:54:18 -0600[diff] [blame]24 padding: 1rem 2rem;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]25 }
Michael Davis706b75b2017-08-18 16:40:03 -0500[diff] [blame]26 section.row,
27 .column.row.row, .row.row.columns{
28 margin-left: 0;
29 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]30}
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]31
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame]32.content-header {
33 font-weight: 700;
34 margin-bottom: 0;
35 margin-top: 2em;
36}
37
Iftekharul Islam8947e702017-07-27 10:28:07 -0500[diff] [blame]38.content-label, label {
39 color: $darkgrey;
Michael Davis272297b2017-04-24 12:11:53 -0500[diff] [blame]40 text-transform: uppercase;
41 font-weight: 700;
42 font-size: .75em;
43 margin-bottom: 0;
44}
Iftekharul Islam8947e702017-07-27 10:28:07 -0500[diff] [blame]45
46.subhead {
Gunnar Mills97195442018-11-26 16:51:57 -0600[diff] [blame^]47 width: 100%;
Iftekharul Islam8947e702017-07-27 10:28:07 -0500[diff] [blame]48 border-bottom: 1px solid $medgrey;
49 padding-bottom: .5em;
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]50}