annotate default/assets/scss/components/_counter.scss @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
1 // main: ../style.scss
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
2 /********************************
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
3 *********************************
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
4 Counters
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
5 *********************************
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
6 *********************************/
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
7 .counter-gradient {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
8 text-align: center;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
9 padding: em(30) em(20);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
10
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
11 .counter {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
12 color: $color-scheme;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
13 background: -webkit-linear-gradient($color-scheme, #{darken($color-scheme-dark, 10%)});
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
14 background-size: cover;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
15 -webkit-background-clip: text;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
16 -webkit-text-fill-color: transparent;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
17 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
18 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
19
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
20 .counter-w-info {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
21 margin-bottom: 10px;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
22 .counter {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
23 font-size: $h1-font-size;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
24 margin: 0 0.15em;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
25 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
26 .counter-title {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
27 font-size: $h4-font-size;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
28 font-family: $headings-font-family;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
29 text-align: center;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
30 //font-weight: 300;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
31 line-height: 1.2;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
32 letter-spacing: $headings-letter-spacing;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
33 color: $headings-color;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
34 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
35 .counter-info {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
36 text-align: center;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
37 font-family: $headings-font-family;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
38 letter-spacing: -0.06em;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
39 font-size: em(13);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
40 font-weight: 600;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
41 margin-top: em(5,13);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
42 color: $text-muted;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
43 .badge { font-size: inherit }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
44 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
45 }