1// Content layout styles
2$nav__toplvlWidth: 240px;
3
4// Main element class
5.content__container {
6  margin-left: $nav__toplvlWidth;
7  padding: 1em 0.1em;
8  margin-top: 130px;
9  @include mediaQuery(x-small) {
10    padding: 1rem 2rem;
11  }
12
13  section.row,
14  .column.row.row,
15  .row.row.columns {
16    margin-left: 0;
17  }
18
19  // Must be applied to the <main> element in the app
20  // Required to create an elegant page transition
21  @include page-transition;
22  &.ng-leave-active,
23  &.ng-enter {
24    @include page-transition-visibility;
25  }
26}
27
28.content-header {
29  font-weight: 700;
30  margin-bottom: 0;
31  margin-top: 2em;
32}
33
34// TODO: Determine if label and content-label are the same - remove generic element selector
35.content-label,
36label {
37  @include label;
38}
39
40// TODO: Remove and replace with section and section-title pattern
41// Page header
42.page-header {
43  width: 100%;
44  position: relative;
45  border-bottom: 1px solid $border-color-01;
46  margin: 0.5em 0 2.2em;
47  padding-left: 0;
48}
49// TODO: Remove and replace with the .section and .section-title pattern
50.subhead {
51  width: 100%;
52  border-bottom: 1px solid $border-color-01;
53  padding-bottom: 0.5em;
54}
55