equal
deleted
inserted
replaced
4 height: 900px; |
4 height: 900px; |
5 display: block; |
5 display: block; |
6 margin-left: auto; |
6 margin-left: auto; |
7 margin-right: auto; |
7 margin-right: auto; |
8 margin-bottom: 10px; |
8 margin-bottom: 10px; |
|
9 } |
9 |
10 |
|
11 .corpus-app { |
|
12 @at-root { |
|
13 @import 'container'; |
|
14 @import 'player'; |
|
15 @import 'results'; |
|
16 |
|
17 &-container{ |
|
18 display: block; |
|
19 width: 50%; |
|
20 height: 900px; |
|
21 float: left; |
|
22 border-top: none; |
|
23 border-right: 1px solid grey; |
|
24 } |
|
25 &-wrapper{ |
|
26 height: 900px; |
|
27 display : flex; |
|
28 flex-flow: column; |
|
29 border: none; |
|
30 } |
|
31 &-player, |
|
32 &-results { |
|
33 padding: 0 10px; |
|
34 margin-bottom: 10px; |
|
35 background-color: #eeeeee; |
|
36 } |
|
37 &-player{ |
|
38 flex: 0 1 auto; |
|
39 float: left; |
|
40 border-left: none; |
|
41 border-top: none; |
|
42 } |
|
43 &-results { |
|
44 flex: 1 1 auto; |
|
45 float: left; |
|
46 overflow: auto; |
|
47 border-left: none; |
|
48 border-top: none; |
|
49 } |
|
50 } |
10 } |
51 } |