javascript30/style.css at master · virtual/javascript30 · 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
body, html {
background:
      /* top, transparent red, faked with gradient */
      linear-gradient(
        rgba(51, 40, 40, 0.151),
        rgba(95, 45, 45, 0.151)
      ),
      /* bottom, image */
      url('./images/dimitris-adalialis-26303.jpg')
      no-repeat bottom center fixed
      ;

      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;


      color:#fff;
}
.card-columns .card { margin-bottom: 1rem; }
.card a { color:#000; font-size: 1.5rem;}
.card-title { line-height: 1;}
main {flex: 1; padding-top: 1rem; padding-bottom: 1rem; color:initial; }
@media (min-width: 576px) {
  .card-columns { column-count: 2;}
}
@media (min-width: 768px) {
  .card-columns { column-count: 3;}
}
@media (min-width: 1100px) {
  .card-columns { column-count: 4;}
}