src/components/organisms/post-preview/post-preview.module.scss


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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

@use "../../../styles/abstracts/placeholders";

.wrapper {
  &:hover {
    .icon {
      :global {
        animation: pulse 1.5s ease-in-out 0.2s infinite;
      }
    }
  }
}

.heading {
  font-size: var(--font-size-2xl);
}

.excerpt {
  > *:last-child {
    margin-bottom: 0;
  }

  :global {
    a {
      @extend %link;

      &[hreflang],
      &.download,
      &.external {
        @extend %link-with-icon;
      }

      &[hreflang] {
        @extend %link-with-lang;
      }

      &[hreflang]:not(.download, .external) {
        --is-icon-hidden: "";
      }

      &.download {
        @extend %download-link;
      }

      &.external {
        @extend %external-link;
      }

      &.download,
      &.external {
        &:not([hreflang]) {
          --is-lang-hidden: "";
        }
      }

      &.external.download {
        @extend %external-download-link;
      }
    }
  }
}

:global([data-theme="light"]) {
  :local {
    .intro {
      :global {
        a {
          &.download {
            @extend %light-download-link;
          }

          &.external {
            @extend %light-external-link;
          }
        }
      }
    }
  }
}

:global([data-theme="dark"]) {
  :local {
    .intro {
      :global {
        a {
          &.download {
            @extend %dark-download-link;
          }

          &.external {
            @extend %dark-external-link;
          }
        }
      }
    }
  }
}