www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/content/card/card.css

   1 /**
   2 * @file
   3 * This file is used to style the 'Card' view mode.
   4 */
   5
   6 .view-mode-card {
   7   display: flex;
   8   flex-direction: column;
   9   width: 100%;
  10   padding: 1rem;
  11   border: 1px solid #fcece7;
  12 }
  13
  14 .view-mode-card .node__title {
  15   flex-grow: 1;
  16 }
  17
  18 .view-mode-card .field--name-title {
  19   text-decoration: none;
  20   color: #000;
  21   font-size: 1.424rem;
  22   font-weight: 400;
  23 }
  24
  25 .view-mode-card .node__link {
  26   text-decoration: none;
  27   color: #000;
  28   background-color: inherit;
  29 }
  30
  31 .view-mode-card .node__link:focus,
  32 .view-mode-card .node__link:hover {
  33   text-decoration: underline;
  34   color: #000;
  35 }
  36
  37 .view-mode-card .field--name-field-image img {
  38   display: block;
  39   width: 100%;
  40   margin-bottom: 1.2em;
  41 }
  42
  43 .view-mode-card .label-items {
  44   color: #5f635d;
  45   font-size: 0.889rem;
  46 }