CSS-Nesting/style.css at main · AbdallahHemdan/CSS-Nesting · 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
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

body {
  overflow: hidden;
  box-sizing: border-box;
  height: 100vh;
  color: #444;
  font-size: 1rem;
  font-family: 'Roboto', sans-serif;
}

.slider {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

  & .slider__image {
    color: #2196F3;
    font-size: 8rem;
  }

  & .slider__content {
    padding: 2rem;

    & .slider__caption {
      margin: 2rem 0 1rem;
      text-transform: uppercase;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      font-weight: 500;
    }

    & .slider__txt {
      max-width: 400px;
      color: #999;
    }
  }
}