runnable-angular/client/assets/styles/scss/modals/modals-empty.scss at 9e6f7f3fd7939b3ee98cc7b80c166e93d2b684ab · CodeNow/runnable-angular · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
// empty typography
.h2.empty {
  font-size: 24px;
}

.h3.empty {
  font-size: 18px;
}

.p.empty {
  color: $gray;
  font-weight: $weight-normal;
  margin: 60px 0 30px;
  text-align: center;

  &:only-child {
    margin-bottom: 60px;
  }
}

.small.empty {
  display: block;
}

// .modal-form.empty
.modal-form.empty {
  padding: 30px;

  &.well {
    background: $gray-lightest;
    border-color: $gray-lighter;
  }

  // images + spacing between text and images
  .img {
    margin: 0 auto;

    + .empty {
      margin-top: 15px;
    }
  }

  // spacing between text
  .empty + .empty {
    margin-top: 6px;
  }

  // spacing between text/inputs and submit buttons
  .empty + .green,
  .empty + .input-spinner,
  .empty + .input,
  .input-spinner + .green,
  .input + .green,
  .invalid-message + .green {
    margin-top: 15px;
  }

  // inputs (like api token)
  .input-spinner {
    margin: 0 auto;
    max-width: 360px;
    width: 100%;
  }

  // submit buttons (like for api token)
  .green {
    margin-left: auto;
    margin-right: auto;
  }
}