app/javascript/flavours/glitch/styles/monsterfork/components/status.scss


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

.status__edit-notice, .status__unpublished-notice {
  margin-bottom: 1em;

  & > span {
    color: $dark-text-color;
    line-height: normal;
    font-style: italic;
    font-size: 12px;
    padding-left: 8px;
    position: relative;
    bottom: 0.25em;
  }

  & > i {
    color: lighten($dark-text-color, 4%);
  }
}

.status, .detailed-status {
  &.unpublished {
    background: darken($ui-base-color, 4%);

    &:focus {
      background: lighten($ui-base-color, 4%);
    }
  }
}

@for $i from 0 through 15 {
  div[data-nest-level="#{$i}"] {
    border-left: #{$i * 5}px dashed darken($ui-base-color, 8%);
  }
}

div[data-nest-deep="true"] {
  border-left: 75px dashed darken($ui-base-color, 8%);
}