dh_demo

DreamHanks demo project
git clone git://git.lair.cx/dh_demo
Log | Files | Refs | README

Pagination.module.scss (694B)

      1 @use 'core/vars';
      2 @use 'core/colors';
      3 @use 'core/elevate';
      4 
      5 .pagination {
      6   display: flex;
      7   justify-content: center;
      8   gap: vars.$gap;
      9   margin-bottom: vars.$gap;
     10 }
     11 
     12 .item {
     13   display: block;
     14   width: 3rem;
     15   height: 3rem;
     16   line-height: 3rem;
     17   text-align: center;
     18   border-radius: 999px;
     19 
     20   @include elevate.apply-box-shadow(1);
     21 
     22   @include colors.apply-themes() using ($theme) {
     23     @include elevate.apply-background-color($theme, 1, 'on-surface');
     24   }
     25 }
     26 
     27 span.item {
     28   cursor: default;
     29 }
     30 
     31 a.item {
     32   &:hover {
     33     @include elevate.apply-box-shadow(2);
     34     @include colors.apply-themes() using ($theme) {
     35       @include elevate.apply-background-color($theme, 2, 'on-surface');
     36     }
     37   }
     38 }
     39