blocks.scss 4.03 KB
Newer Older
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
1 2
.centered-light-block {
  text-align: center;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
3
  color: $gl-gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
4 5 6 7 8 9
  margin: 20px;
}

.nothing-here-block {
  text-align: center;
  padding: 20px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
10
  color: $gl-gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
11 12 13
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
14

Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
15
  &.diff-collapsed {
16
    padding: 5px;
17

18 19
    .click-to-expand {
      cursor: pointer;
20
    }
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
21
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
22
}
23

Annabel Dunstone's avatar
Annabel Dunstone committed
24
.row-content-block {
25
  margin-top: 0;
26
  margin-bottom: -$gl-padding;
27
  background-color: $gray-light;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
28
  padding: $gl-padding;
29
  margin-bottom: 0;
30 31
  border-top: 1px solid $white-dark;
  border-bottom: 1px solid $white-dark;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
32 33
  color: $gl-gray;

34 35 36 37
  &.oneline-block {
    line-height: 42px;
  }

38
  &.white {
39
    background-color: $white-light;
40 41
  }

42 43 44 45
  &.top-block {
    border-top: none;
  }

46 47 48 49 50
  &.middle-block {
    margin-top: 0;
    margin-bottom: 0;
  }

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
51 52 53 54 55
  &.clear-block {
    margin-bottom: $gl-padding - 1px;
    padding-bottom: $gl-padding;
  }

56 57 58 59 60
  &.second-block {
    margin-top: -1px;
    margin-bottom: 0;
  }

61 62
  &.footer-block {
    margin-top: 0;
63
    border-bottom: none;
64 65 66
    margin-bottom: -$gl-padding;
  }

Annabel Dunstone's avatar
Annabel Dunstone committed
67 68 69 70 71
  &.content-component-block {
    padding: 11px 0;
    background-color: $white-light;
  }

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
72 73 74
  .title {
    color: $gl-text-color;
  }
75 76

  .oneline {
77
    line-height: 35px;
78
  }
79 80 81 82

  > p:last-child {
    margin-bottom: 0;
  }
83 84 85 86 87 88 89 90 91

  .block-controls {
    float: right;

    .control {
      float: left;
      margin-left: 10px;
    }
  }
Annabel Dunstone's avatar
Annabel Dunstone committed
92 93 94 95 96

  &.build-content {
    background-color: $white-light;
    border-top: none;
  }
97 98 99 100

  &.top-block .container-fluid {
    background-color: inherit;
  }
101
}
102

103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118
.sub-header-block {
  background-color: $white-light;
  border-bottom: 1px solid $white-dark;
  padding: 11px 0;
  margin-bottom: 11px;

  .oneline {
    line-height: 35px;
  }

  &.no-bottom-space {
    border-bottom: 0;
    margin-bottom: 0;
  }
}

119 120
.cover-block {
  text-align: center;
121
  background: $gray-light;
122
  padding-top: 44px;
123 124 125
  position: relative;

  .avatar-holder {
126 127
    .avatar,
    .identicon {
128 129 130 131 132
      margin: 0 auto;
      float: none;
    }

    .identicon {
Clement Ho's avatar
Clement Ho committed
133
      border-radius: 50%;
134 135 136 137 138 139
    }
  }

  .cover-title {
    color: $gl-header-color;
    font-size: 23px;
Felipe Artur's avatar
Felipe Artur committed
140 141

    h1 {
Annabel Dunstone's avatar
Annabel Dunstone committed
142
      color: $gl-gray-dark;
Felipe Artur's avatar
Felipe Artur committed
143 144 145 146 147 148 149 150 151 152 153 154 155
      margin-bottom: 6px;
      font-size: 23px;
    }

    .visibility-icon {
      display: inline-block;
      margin-left: 5px;
      font-size: 18px;
      color: $gray;
    }

    p {
      padding: 0 $gl-padding;
156
      color: $gl-text-color-dark;
Felipe Artur's avatar
Felipe Artur committed
157
    }
158 159 160 161
  }

  .cover-desc {
    color: $gl-text-color;
162 163 164 165

    &.username:last-child {
      padding-bottom: $gl-padding;
    }
166 167 168 169 170 171
  }

  .cover-controls {
    position: absolute;
    top: 10px;
    right: 10px;
172 173 174 175 176

    &.left {
      left: 10px;
      right: auto;
    }
177
  }
178 179 180 181 182 183

  &.groups-cover-block {
    background: $white-light;
    border-bottom: 1px solid $border-color;
    text-align: left;
    padding: 24px 0;
184 185

    .group-info {
186 187 188 189
      .cover-title {
        margin-top: 9px;
      }

190 191 192 193 194 195 196 197 198 199 200 201 202
      p {
        margin-bottom: 0;
      }
    }

    @media (max-width: $screen-xs-max) {
      text-align: center;

      .avatar {
        float: none;
      }
    }
  }
203

tauriedavis's avatar
tauriedavis committed
204 205 206
  &.user-cover-block {
    padding: 24px 0 0;
  }
207 208

  .group-info {
209

210 211
    h1 {
      display: inline;
212 213 214
      font-weight: normal;
      font-size: 24px;
      color: $gl-title-color;
215
    }
216
  }
217
}
218 219 220 221

.block-connector {
  margin-top: -1px;
}
222 223 224 225

.nav-block {
  .controls {
    float: right;
226 227
    margin-top: 8px;
    padding-bottom: 7px;
228
    border-bottom: 1px solid $border-color;
229 230
  }
}
231 232 233

.content-block {
  padding: $gl-padding 0;
234
  border-bottom: 1px solid $white-dark;
235 236

  &.oneline-block {
237 238 239 240 241
    line-height: 36px;
  }

  > .controls {
    float: right;
242
  }
243 244 245 246

  .new-branch {
    margin-top: 3px;
  }
247
}
Phil Hughes's avatar
Phil Hughes committed
248 249 250 251

.content-block-small {
  padding: 10px 0;
}
252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271

.empty-state {
  margin: 100px 0 0;

  .text-content {
    max-width: 460px;
    margin: 0 auto;
    padding: $gl-padding;
  }

  .svg-content {
    text-align: center;

    svg {
      max-width: 425px;
      width: 100%;
      padding: $gl-padding;
    }
  }

Annabel Dunstone Gray's avatar
Annabel Dunstone Gray committed
272 273 274 275
  .emoji-icon {
    display: inline-block;
  }

276 277 278 279 280 281 282 283 284
  @media(max-width: $screen-xs-max) {
    margin-top: 50px;
    text-align: center;

    .btn {
      width: 100%;
    }
  }
}