resources/tools/dash/app/pal/static/less/home.less

   1 .home-template {
   2   .container {
   3     margin: 0 !important;
   4   }
   5
   6   .card {
   7     width: 800px;
   8     max-width: 93%;
   9     height: fit-content;
  10     margin: 50px auto;
  11     padding: 60px;
  12     background: white;
  13     box-shadow: 0 0 5px rgba(65, 67, 144, 0.15);
  14     text-align: center;
  15     @media (max-width: 800px) {
  16       max-width: 78%;
  17       width: unset;
  18       padding: 40px;
  19     }
  20
  21     .logo {
  22       width: 50px;
  23       margin: auto;
  24     }
  25
  26     .site-title {
  27       margin: 10px 0 3px;
  28       color: #5f6988;
  29       font-family: proxima-nova, sans-serif;
  30       font-size: 2.3em;
  31       line-height: 1;
  32       text-transform: uppercase;
  33     }
  34
  35     p {
  36       margin: 0;
  37       color: #7f92af;
  38       font-size: 1.08em;
  39     }
  40
  41     a {
  42       color: #79aec8;
  43       font-weight: 500;
  44       text-decoration: none;
  45       transition: all .2s ease;
  46     }
  47
  48     .dash-link {
  49       display: block;
  50       margin-top: 30px;
  51       font-size: 1.1em;
  52       font-weight: 600;
  53
  54       &:hover {
  55         opacity: .7;
  56       }
  57
  58       i {
  59         margin-left: 6px;
  60         font-size: .9em;
  61       }
  62     }
  63   }
  64 }