cms/app-client/app/styles/app.scss
changeset 13 ba32dd4cf8d3
parent 5 d4b3da0dadc9
child 37 343750d4d38e
equal deleted inserted replaced
12:cb28c4bda940 13:ba32dd4cf8d3
     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 }