runnable-angular/client/assets/styles/scss/views/views-new-service.scss at 4d369d543338f8b0d5e6a08cbf786a17ab5a7c98 · 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
71
72
73
74
75
76
77
.view-new-service {

  .modal-form {
    padding-top: $md;
  }

  .label-tabs {
    margin-bottom: $md;

    @include media(xs) {
      flex-direction: column;
      margin-left: auto;
      margin-right: auto;
      max-width: 330px;
    }

    .btn-radio {
      border-radius: $input-border-radius-lg;
      flex: 1 1 50%;
      height: auto;
      padding-bottom: $xs;
      padding-top: $xs;
      white-space: normal;

      &.active .btn-add {
        background: rgba($purple-light,.1);
        border-color: $purple-light;
        color: $purple-light;
      }

      + .btn-radio {
        margin-left: $xxs;

        @include media(xs) {
          margin-left: 0;
          margin-top: $xxs;
        }
      }
    }

    .btn-add {
      border-radius: 50%;
      margin-right: $xs;
    }
  }

  // for branch selector
  .btn-wrapped {
    @extend %btn-md;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    padding-left: 8px;

    .icons-branch {
      top: 9px;
    }
  }

  // for the nested compose test file
  .well > .label {
    margin-bottom: 0;
    padding: $sm;

    &:first-child + .label {
      border-top: 1px solid $gray-lighter;
    }

    &:not(:first-child) + .label {
      padding-top: 0;
    }

    + .label {
      margin-top: 0;
    }
  }
}