react-native-website/website/src/css/_shared.scss at 5dac688b15c4e608d29c159e956724287c1b0cb8 · Simek/react-native-website · 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
/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

%link-style {
  display: initial;
  line-height: calc(var(--ifm-font-size-base) + 4px);
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s;

  &:hover {
    border-bottom-color: var(--ifm-color-primary-75);
  }
}

%link-style-dark {
  color: var(--brand);

  &:hover {
    border-bottom-color: var(--ifm-color-primary-75);
  }
}

%hash-link-style {
  &,
  &::before {
    color: var(--subtle);
    border-bottom: 0 !important;
  }
}

%button-link-style {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid var(--ifm-color-emphasis-300);
  border-radius: 32px;
  color: var(--ifm-color-content-secondary);

  &:hover {
    background: var(--ifm-menu-color-background-hover);
    color: var(--ifm-link-color);
  }
}

%scrollbar-style {
  &::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }

  &::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
  }

  &::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
}

%scrollbar-style-dark {
  &::-webkit-scrollbar-track {
    background: #141414;
  }

  &::-webkit-scrollbar-thumb {
    background: var(--ifm-color-emphasis-200);
  }
}