Experimental book page layout.
[wolnelektury.git] / src / wolnelektury / static / 2021 / css / layout / _author.scss
1 .l-author {
2   display: flex;
3   padding: 60px;
4   margin-top: 100px;
5   justify-content: space-between;
6   border: 8px solid $color-light-gray;
7 }
8
9 .l-author__info {
10   max-width: 755px;
11
12   h3 {
13     margin: 0;
14     @include font-size(32px);
15     letter-spacing: -0.02em;
16     color: $color-primary;
17     font-weight: $bold;
18     line-height: 100%;
19   }
20   p, dl, ul {
21     font-weight: $regular;
22     @include font-size(18px);
23     letter-spacing: -0.005em;
24     color: $color-gray;
25     line-height: 166%;
26     font-size: 18px;
27   }
28
29   ul.meta {
30       list-style: none;
31       margin: 1em 0 0 0;
32       padding: 0;
33       text-align: right;
34       
35   }
36   dt {
37       float: left;
38   }
39   
40 }
41
42 .l-author__photo {
43   margin: 0;
44   img {}
45   figcaption {
46     font-weight: 500;
47     @include font-size(14px);
48     line-height: 140%;
49     letter-spacing: 0.0015em;
50     color: $color-gray;
51   }
52 }