File: back-to-top.scss

package info (click to toggle)
cockpit 358-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid
  • size: 317,272 kB
  • sloc: javascript: 775,788; python: 41,626; ansic: 33,970; cpp: 11,141; sh: 3,566; makefile: 581; xml: 262
file content (37 lines) | stat: -rw-r--r-- 1,632 bytes parent folder | download | duplicates (10) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
@use '../../sass-utilities' as *;

@include pf-root($back-to-top) {
  --#{$back-to-top}--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
  --#{$back-to-top}--InsetBlockEnd: var(--pf-t--global--spacer--lg);
  --#{$back-to-top}--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
  --#{$back-to-top}--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
  --#{$back-to-top}--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
  --#{$back-to-top}--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
  --#{$back-to-top}--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
  --#{$back-to-top}--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
  --#{$back-to-top}--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);

  @media (min-width: $pf-v6-global--breakpoint--md) {
    --#{$back-to-top}--InsetBlockEnd: var(--#{$back-to-top}--md--InsetBlockEnd);
  }
}

.#{$back-to-top} {
  position: absolute;
  inset-block-end: var(--#{$back-to-top}--InsetBlockEnd);
  inset-inline-end: var(--#{$back-to-top}--InsetInlineEnd);

  &.pf-m-hidden {
    display: none;
  }

  .#{$button} {
    --#{$button}--FontSize: var(--#{$back-to-top}--c-button--FontSize);
    --#{$button}--PaddingBlockStart: var(--#{$back-to-top}--c-button--PaddingBlockStart);
    --#{$button}--PaddingInlineEnd: var(--#{$back-to-top}--c-button--PaddingInlineEnd);
    --#{$button}--PaddingBlockEnd: var(--#{$back-to-top}--c-button--PaddingBlockEnd);
    --#{$button}--PaddingInlineStart: var(--#{$back-to-top}--c-button--PaddingInlineStart);

    box-shadow: var(--#{$back-to-top}--c-button--BoxShadow);
  }
}