BigW Consortium Gitlab

layout.scss 2.31 KB
Newer Older
Dmitriy Zaporozhets committed
1 2
html {
  overflow-y: scroll;
3 4

  &.touch .tooltip { display: none !important; }
5
}
Dmitriy Zaporozhets committed
6

7
body {
8
  &.navless {
9
    background-color: $white-light !important;
10
  }
11 12 13 14 15 16 17 18 19 20 21 22 23

  &.card-content {
    background-color: $gray-darker;

    .content-wrapper {
      padding: 0;

      .container-fluid,
      .container-limited {
        background-color: $gray-darker;
      }
    }
  }
Dmitriy Zaporozhets committed
24 25
}

26 27 28 29
.content-wrapper {
  padding-bottom: 100px;
}

Dmitriy Zaporozhets committed
30 31 32 33 34 35
.container {
  padding-top: 0;
  z-index: 5;
}

.container .content {
36
  margin: 0;
Dmitriy Zaporozhets committed
37
}
38

Dmitriy Zaporozhets committed
39
.navless-container {
40 41
  margin-top: $header-height;
  padding-top: $gl-padding * 2;
Dmitriy Zaporozhets committed
42
}
43 44 45

.container-limited {
  max-width: $fixed-layout-width;
46 47 48 49

  &.limit-container-width {
    max-width: $limited-layout-width;
  }
50
}
51

52 53 54
.alert-wrapper {
  .alert {
    margin-bottom: 0;
55 56 57 58

    &:last-child {
      margin-bottom: $gl-padding;
    }
59
  }
60

61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
  .alert-link-group {
    float: right;
  }

  /* Center alert text and alert action links on smaller screens */
  @media (max-width: $screen-sm-max) {
    .alert {
      text-align: center;
    }

    .alert-link-group {
      float: none;
    }
  }

76 77 78
  /* Stripe the background colors so that adjacent alert-warnings are distinct from one another */
  .alert-warning {
    transition: background-color 0.15s, border-color 0.15s;
79 80
    background-color: $orange-500;
    border-color: $orange-500;
81 82 83
  }

  .alert-warning + .alert-warning {
84 85
    background-color: $orange-600;
    border-color: $orange-600;
86 87 88
  }

  .alert-warning + .alert-warning + .alert-warning {
89 90
    background-color: $orange-700;
    border-color: $orange-700;
91 92 93
  }

  .alert-warning + .alert-warning + .alert-warning + .alert-warning {
94 95
    background-color: $orange-800;
    border-color: $orange-800;
96 97 98
  }

  .alert-warning:only-of-type {
99 100
    background-color: $orange-500;
    border-color: $orange-500;
101
  }
102 103
}

104 105 106 107 108 109 110 111 112 113 114

/* The following prevents side effects related to iOS Safari's implementation of -webkit-overflow-scrolling: touch,
which is applied to the body by jquery.nicescroling plugin to force hardware acceleration for momentum scrolling. Side
effects are commonly related to inconsisent z-index behavior (e.g. tooltips). By applying the following to direct children
of the body element here, we negate cascading side effects but allow momentum scrolling to be applied to the body  */

.navbar,
.page-gutter,
.page-with-sidebar {
  -webkit-overflow-scrolling: auto;
}