dspace-angular/src/app/footer/footer.component.scss at 62c1edf2cbbb2e1f8c2e14b6bb5c8dd463e0b3f7 · dataquest-dev/dspace-angular · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
:host {
  footer {
    background-color: var(--ds-footer-bg);
    text-align: center;
    z-index: var(--ds-footer-z-index);
    border-top: var(--ds-footer-border);
    padding: var(--ds-footer-padding);

    p {
      margin: 0;
    }

    div > img {
      height: var(--ds-footer-logo-height);
    }


    .top-footer {
      background-color: var(--ds-top-footer-bg);
      padding: var(--ds-footer-padding);
      margin: calc(var(--ds-footer-padding) * -1);
    }

    .bottom-footer {
      .notify-enabled {
        position: relative;
        margin-top: 4px;

        .coar-notify-support-route {
          padding: 0 calc(var(--bs-spacer) / 2);
          color: inherit;
        }

        .n-coar {
          height: var(--ds-footer-n-coar-height);
          margin-bottom: 8.5px;
          filter: brightness(0) invert(1);
        }

        @media screen and (min-width: map-get($grid-breakpoints, md))  {
          position: absolute;
          bottom: 4px;
          right: 0;
        }
      }
      ul {
        li {
          display: inline-flex;

          a, .btn-link {
            padding: 0 calc(var(--bs-spacer) / 2);
            color: inherit;
            font-size: .875em;

            &:focus {
              box-shadow: none;
              text-decoration: underline;
            }

            &:focus-visible {
              box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
            }
          }

          &:not(:last-child) {
            &:after {
              content: '';
              border-right: 1px var(--bs-secondary) solid;
            }

          }
        }
      }
    }

    .btn {
      box-shadow: none;
    }
  }
}