layout.scss 1.03 KB
Newer Older
Seth A Johnson's avatar
Seth A Johnson committed
1
2
3
4
5
6
* {
  box-sizing: border-box;
}

body {
  padding-top: 4rem;
Seth A Johnson's avatar
Seth A Johnson committed
7
  padding-bottom: 4rem;
Seth A Johnson's avatar
Seth A Johnson committed
8
9
}

Seth A Johnson's avatar
Seth A Johnson committed
10
11
12
13
14
15
.navbar-brand-logo {
  width: 10rem;
  height: 2.5rem;
  vertical-align: middle;
}

Seth A Johnson's avatar
Seth A Johnson committed
16
17
// index
.index-grid {
Seth A Johnson's avatar
Seth A Johnson committed
18
  display: block;
Seth A Johnson's avatar
Seth A Johnson committed
19
20
21
}

.books-container {
Seth A Johnson's avatar
Seth A Johnson committed
22
23
  display: flex;
  background: lightskyblue;
Seth A Johnson's avatar
Seth A Johnson committed
24
25
26
}

.tagline-container {
Seth A Johnson's avatar
Seth A Johnson committed
27
28
  background: indianred;
  height: 10vh;
Seth A Johnson's avatar
tagline    
Seth A Johnson committed
29
30
31
32
33

  .tagline {
    font-weight: bold;
    font-size: 2rem;
  }
Seth A Johnson's avatar
Seth A Johnson committed
34
35
36
}

.newsletter-container {
Seth A Johnson's avatar
Seth A Johnson committed
37
  background: lightgreen;
Seth A Johnson's avatar
Seth A Johnson committed
38
39
40
}

.news-container {
Seth A Johnson's avatar
Seth A Johnson committed
41

Seth A Johnson's avatar
Seth A Johnson committed
42
43
44
}

.events-container {
Seth A Johnson's avatar
Seth A Johnson committed
45

Seth A Johnson's avatar
Seth A Johnson committed
46
47
48
}

.author-area {
Seth A Johnson's avatar
Seth A Johnson committed
49

Seth A Johnson's avatar
Seth A Johnson committed
50
51
52
}

.library-area {
Seth A Johnson's avatar
Seth A Johnson committed
53

Seth A Johnson's avatar
Seth A Johnson committed
54
55
56
}

.video-area {
Seth A Johnson's avatar
Seth A Johnson committed
57

Seth A Johnson's avatar
Seth A Johnson committed
58
59
60
}

.map-area {
Seth A Johnson's avatar
Seth A Johnson committed
61

Seth A Johnson's avatar
Seth A Johnson committed
62
63
64
65
}



Seth A Johnson's avatar
Seth A Johnson committed
66

Seth A Johnson's avatar
Seth A Johnson committed
67
// card stuff
Seth A Johnson's avatar
Seth A Johnson committed
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
.lever-card-list {
  display: flex;
  align-items: top;
  margin: 1rem;
}

.lever-card {
  min-width: 10rem;
  max-width: 20rem;
  // border: none;
}

.lever-card-img {
  width: 225px;
  margin: auto;
}

Seth A Johnson's avatar
Seth A Johnson committed
85
// footer
Seth A Johnson's avatar
Seth A Johnson committed
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
.lever-footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .lever-card-list {
    flex-direction: column;
  }
  .lever-card {
    max-width: 20rem;
  }
}