BETA Hej! Denna webbplats är under utveckling. Bidra gärna med feedback!
Stilguide
Bidra

Pagination 

<div class="rh-pagination">
    <a class="rh-pagination-link rh-pagination-link--left">Föregående sida</a>
    <a class="rh-pagination-link">1</a>
    <a class="rh-pagination-link rh-pagination-link--current">2</a>
    <a class="rh-pagination-link rh-pagination-link--right">Nästa sida</a>
</div>
 
<div class="rh-pagination">
    {{render '@pagination-elements--left'}}
    {{render '@pagination-elements'}}
    {{render '@pagination-elements--current'}}
    {{render '@pagination-elements--right'}}
</div>
 
{
  "caption": "",
  "name": ""
}
  • Content: 
    .rh-pagination {
  display: $PAGINATION--DISPLAY;
  &-link {
    float: $PAGINATION-LINK--FLOAT;
    border-right: $PAGINATION-LINK--BORDER-RIGHT;
    &:last-child{
      border-right: $PAGINATION-LINK--LAST-CHILD--BORDER-RIGHT;
    }
  }
}
  • URL: /components/raw/pagination/_pagination.scss
  • Filesystem Path: components/Molecules/pagination/_pagination.scss
  • Size: 242 Bytes
  • Content: 
    {
    "name": "regionhalland/pagination",
    "description": "Pagination",
    "type": "styleguide-molecule",
    "license": "GPL-3.0",
    "authors": [
        {
            "name": "Region Halland",
            "email": "webbplatser@regionhalland.se"
        }
    ],
    "require": {}
}
  • URL: /components/raw/pagination/composer.json
  • Filesystem Path: components/Molecules/pagination/composer.json
  • Size: 289 Bytes
  • Content: 
    /* *************************  */
/*   Molekylen "pagination"   */
/* *************************  */

$PAGINATION--DISPLAY: inline-block;
$PAGINATION-LINK--FLOAT: left;
$PAGINATION-LINK--BORDER-RIGHT: 0;
$PAGINATION-LINK--LAST-CHILD--BORDER-RIGHT: $border-thin--standard $grey-dark;
  • URL: /components/raw/pagination/pagination.settings.scss
  • Filesystem Path: components/Molecules/pagination/pagination.settings.scss
  • Size: 280 Bytes

Molekylen “Pagination”

Versionshistorik

1.0.0.20200203

  • Globala variabler används.

1.0.0.20200108

  • Settingsfil skapad

1.0.0.20191128

Brytande ändring:

  • Klassen “rh-pagination-group” är borttagen. Funktionen har tagits över av existerande “rh-pagination-link”.

Andra ändringar:

  • .hbs-filen har uppdaterats för att rendera atomerna istället för att hårdkoda dem.

1.0.0.20191122 Flyttat till gitrepo