github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/blockapps-ba-master/ui/src/components/App/App.scss (about)

     1  @import '../../../node_modules/react-md/src/scss/react-md';
     2  @import '../../../node_modules/react-md/dist/react-md.indigo-pink.min.css';
     3  
     4  $md-primary-color: $md-indigo-500 !default;
     5  $md-secondary-color: $md-pink-a-200 !default;
     6  
     7  .md-avatar--color {
     8    background: $md-primary-color !important;
     9    color: #fff !important;
    10  }
    11  
    12  .user-balance {
    13    width: 240px;
    14  }
    15  
    16  .pad-left {
    17    padding-left: 10px;
    18  }
    19  
    20  @media (max-width: 840px) { 
    21    #app-title {
    22      font-size: medium !important;
    23    }
    24  }
    25  
    26  @media (max-width: 840px) { 
    27    .userbadge-desk-view {
    28      display: none !important;
    29    }
    30  
    31    .userbadge-mobile-view {
    32      display: flex !important;
    33    }
    34  }
    35  
    36  @media (min-width: 840px) { 
    37    .mobile-sidebar-menu {
    38      display: none !important;
    39    }
    40  }
    41  
    42  @media (max-width: 840px) { 
    43    .project-title {
    44      display: flex;
    45      align-items: center;
    46    }
    47  
    48    .project-title h2 {
    49      text-overflow: ellipsis;
    50      white-space: nowrap;
    51      overflow: hidden;
    52      min-width: 50px;
    53      max-width: 30%;
    54    }
    55  
    56    .project-title .state-chip {
    57      margin-left: 10px;
    58      margin-top: 0px;
    59    }
    60  }
    61  
    62  @media (max-width: 400px) { 
    63    .project-title h2 {
    64      max-width: 30%;
    65    }
    66  }
    67  
    68  @media (min-width: 840px) { 
    69    .userbadge-desk-view {
    70      display: flex !important;
    71    }
    72  
    73    .userbadge-mobile-view {
    74      display: none !important;
    75    }
    76  }
    77  
    78  @include react-md-everything;