repository_push_email.scss 3.4 KB
Newer Older
1 2
@import "framework/variables";

3 4 5 6 7 8 9 10 11 12
// This file is largely copied from `highlight/white.scss`, but modified to
// avoid all descendant selectors (`table td`). This is because the CSS inlining
// we use performs dramatically worse on descendant selectors than the
// alternatives.
// <https://gitlab.com/gitlab-org/gitlab-ee/issues/490#note_12283632>
//
// DO NOT ADD ANY DESCENDANT SELECTORS TO THIS FILE. Instead, use (in order of
// preference): plain class selectors, type (element name) selectors, or
// explicit child selectors.

13
.code {
14
  background-color: #fff;
15
  font-family: monospace;
Phil Hughes's avatar
Phil Hughes committed
16
  font-size: $code_font_size;
17 18 19 20
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-width: 100%;

21
  > tr {
22
    line-height: $code_line_height;
Phil Hughes's avatar
Phil Hughes committed
23
  }
24 25
}

26 27 28 29
.diff-line-num {
  padding: 0 5px;
  text-align: right;
  width: 35px;
30
  background-color: $background-color;
31
  color: $black-transparent;
Phil Hughes's avatar
Phil Hughes committed
32
  border-right: 1px solid $table-border-gray;
33 34 35

  &.old {
    background-color: $line-number-old;
Phil Hughes's avatar
Phil Hughes committed
36
    border-right-color: $line-removed-dark;
37 38
  }

39 40
  &.new {
    background-color: $line-number-new;
Phil Hughes's avatar
Phil Hughes committed
41
    border-right-color: $line-added-dark;
42 43 44 45
  }
}

.line_content {
46 47
  padding-left: 0.5em;
  padding-right: 0.5em;
Phil Hughes's avatar
Phil Hughes committed
48

49 50 51
  &.old {
    background-color: $line-removed;

52 53
    > .line > span.idiff,
    > .line > span > span.idiff {
54 55 56 57 58 59 60
      background-color: $line-removed-dark;
    }
  }

  &.new {
    background-color: $line-added;

61 62
    > .line > span.idiff,
    > .line > span > span.idiff {
63 64 65 66 67 68 69 70 71 72
      background-color: $line-added-dark;
    }
  }

  &.match {
    color: $black-transparent;
    background-color: $match-line;
  }
}

73 74 75 76
pre {
  margin: 0;
}

77 78
span.highlight_word {
  background-color: #fafe3d !important;
79 80
}

81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143
.hll { background-color: #f8f8f8 }
.c { color: #998; font-style: italic; }
.err { color: #a61717; background-color: #e3d2d2; }
.k { font-weight: bold; }
.o { font-weight: bold; }
.cm { color: #998; font-style: italic; }
.cp { color: #999; font-weight: bold; }
.c1 { color: #998; font-style: italic; }
.cs { color: #999; font-weight: bold; font-style: italic; }
.gd { color: #000; background-color: #fdd; }
.gd .x { color: #000; background-color: #faa; }
.ge { font-style: italic; }
.gr { color: #a00; }
.gh { color: #999; }
.gi { color: #000; background-color: #dfd; }
.gi .x { color: #000; background-color: #afa; }
.go { color: #888; }
.gp { color: #555; }
.gs { font-weight: bold; }
.gu { color: #800080; font-weight: bold; }
.gt { color: #a00; }
.kc { font-weight: bold; }
.kd { font-weight: bold; }
.kn { font-weight: bold; }
.kp { font-weight: bold; }
.kr { font-weight: bold; }
.kt { color: #458; font-weight: bold; }
.m { color: #099; }
.s { color: #d14; }
.n { color: #333; }
.na { color: teal; }
.nb { color: #0086b3; }
.nc { color: #458; font-weight: bold; }
.no { color: teal; }
.ni { color: purple; }
.ne { color: #900; font-weight: bold; }
.nf { color: #900; font-weight: bold; }
.nn { color: #555; }
.nt { color: navy; }
.nv { color: teal; }
.ow { font-weight: bold; }
.w { color: #bbb; }
.mf { color: #099; }
.mh { color: #099; }
.mi { color: #099; }
.mo { color: #099; }
.sb { color: #d14; }
.sc { color: #d14; }
.sd { color: #d14; }
.s2 { color: #d14; }
.se { color: #d14; }
.sh { color: #d14; }
.si { color: #d14; }
.sx { color: #d14; }
.sr { color: #009926; }
.s1 { color: #d14; }
.ss { color: #990073; }
.bp { color: #999; }
.vc { color: teal; }
.vg { color: teal; }
.vi { color: teal; }
.il { color: #099; }
.gc { color: #999; background-color: #eaf2f5; }