github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/build-blockchain-insurance-app-master/web/src/common.scss (about)

     1  @import 'normalize';
     2  .ibm-card {
     3      img {
     4          width: 100%;
     5      }
     6  }
     7  
     8  [class^="ibm-"] [class$="-form"] {
     9      input,
    10      select,
    11      textarea {
    12          width: 100%;
    13      }
    14  }
    15  
    16  .network-container {
    17      width: 100%;
    18      height: 600px;
    19      position: relative;
    20      .network-circle {
    21          width: 75%;
    22          height: 75%;
    23          border-radius: 50%;
    24          border: 10px dashed #648fff;
    25          position: absolute;
    26          top: 50%;
    27          left: 50%;
    28          transform: translate(-50%, -50%);
    29      }
    30      .ibm-card {
    31          position: absolute;
    32          &::after {
    33              background-repeat: no-repeat;
    34              background-size: 90% 90%;
    35              background-position: 350% 300%;
    36              position: absolute;
    37              content: '';
    38              opacity: .2;
    39              top: 0;
    40              left: 0;
    41              right: 0;
    42              bottom: 0;
    43              z-index: -1;
    44          }
    45          &.insurance-peer {
    46              top: 0;
    47              left: 50%;
    48              transform: translateX(-50%);
    49              &::after {
    50                  background-image: url('/img/icons/insurance company.svg');
    51              }
    52          }
    53          &.shop-peer {
    54              top: 50%;
    55              right: 0;
    56              transform: translateY(-50%);
    57              &::after {
    58                  background-image: url('/img/icons/shop.svg');
    59              }
    60          }
    61          &.police-peer {
    62              bottom: 0;
    63              left: 50%;
    64              transform: translateX(-50%);
    65              &::after {
    66                  background-image: url('/img/icons/police.svg');
    67              }
    68          }
    69          &.repair-shop-peer {
    70              left: 0;
    71              top: 50%;
    72              transform: translateY(-50%);
    73              &::after {
    74                  background-image: url('/img/icons/repair service.svg');
    75              }
    76          }
    77      }
    78  }