Card

<div class="rh-card">
    Här är text som ligger i kortet.
</div>
<div class="rh-card">
    Här är text som ligger i kortet.
</div>
/* No context defined for this component. */
  • Content:
    .rh-card {
        /* Visuellt */
        border-bottom: $border-thin--standard $grey-base;
        border-left: $border-thin--standard $grey-base;
        border-right: $border-thin--standard $grey-base;
        border-top: 8px solid $base2;
    
        @include medium {
            /* Visuellt */
            border-bottom: $border-thin--standard $grey-base;
            border-left: 8px solid $base2;
            border-right: $border-thin--standard $grey-base;
            border-top: $border-thin--standard $grey-base;
        }
    }
  • URL: /components/raw/card/_card.scss
  • Filesystem Path: components/Atoms/card/_card.scss
  • Size: 485 Bytes
  • Content:
    {
        "name": "regionhalland/card",
        "description": "Atomen card",
        "type": "styleguide-atom",
        "license": "GPL-3.0",
        "authors": [
            {
                "name": "Roland Hydén",
                "email": "Roland.Hyden@Regionhalland.se"
            }
        ],
        "require": {}
    }
    
  • URL: /components/raw/card/composer.json
  • Filesystem Path: components/Atoms/card/composer.json
  • Size: 281 Bytes

Atomen “Card”

Används som träfflistekort på driftinfo.

Planerad utveckling

Gör mer generell eller döp om.

Versionshistorik

  • 1.0.0.20200123 Globala variabler används
  • 1.0.0.20191121 Readme skapad