diff options
author | Wicklow <wicklow@framasoft.org> | 2023-02-16 12:30:30 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2023-02-20 13:52:22 +0100 |
commit | 27f84cc3371aaf519c1bb5c0cca9e728a9dd3967 (patch) | |
tree | c45e780589ea69f0a9842c90af58e22fe32749f4 /client/src/sass/class-helpers/_menu.scss | |
parent | 6b13ba9b808059fec4398ee3b38c8197d8c41fb9 (diff) | |
download | PeerTube-27f84cc3371aaf519c1bb5c0cca9e728a9dd3967.tar.gz PeerTube-27f84cc3371aaf519c1bb5c0cca9e728a9dd3967.tar.zst PeerTube-27f84cc3371aaf519c1bb5c0cca9e728a9dd3967.zip |
Refactoring class helpers + add bootstrap mixins
Diffstat (limited to 'client/src/sass/class-helpers/_menu.scss')
-rw-r--r-- | client/src/sass/class-helpers/_menu.scss | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/client/src/sass/class-helpers/_menu.scss b/client/src/sass/class-helpers/_menu.scss new file mode 100644 index 000000000..1d17f9f2e --- /dev/null +++ b/client/src/sass/class-helpers/_menu.scss | |||
@@ -0,0 +1,80 @@ | |||
1 | @use '_variables' as *; | ||
2 | @use '_mixins' as *; | ||
3 | |||
4 | .sub-menu-entry { | ||
5 | @include disable-default-a-behaviour; | ||
6 | @include margin-right(55px); | ||
7 | |||
8 | opacity: 0.7; | ||
9 | color: pvar(--mainForegroundColor); | ||
10 | display: inline-block; | ||
11 | font-weight: $font-semibold; | ||
12 | border-bottom: 2px solid transparent; | ||
13 | white-space: nowrap; | ||
14 | font-size: 1rem; | ||
15 | |||
16 | &.active { | ||
17 | border-bottom-color: pvar(--mainColor); | ||
18 | } | ||
19 | |||
20 | &:hover, | ||
21 | &:active, | ||
22 | &:focus { | ||
23 | color: pvar(--mainForegroundColor); | ||
24 | } | ||
25 | |||
26 | &.active, | ||
27 | &:hover, | ||
28 | &:active, | ||
29 | &:focus { | ||
30 | opacity: 1; | ||
31 | outline: 0 hidden !important; | ||
32 | } | ||
33 | |||
34 | @media screen and (max-width: $mobile-view) { | ||
35 | @include margin-left(15px); | ||
36 | } | ||
37 | } | ||
38 | |||
39 | .title-page-v2 { | ||
40 | font-weight: normal; | ||
41 | font-size: 15px; | ||
42 | padding: 35px 25px; | ||
43 | } | ||
44 | |||
45 | .title-page { | ||
46 | @include margin-right(55px); | ||
47 | |||
48 | margin-top: 30px; | ||
49 | margin-bottom: 25px; | ||
50 | |||
51 | color: pvar(--mainForegroundColor); | ||
52 | display: inline-block; | ||
53 | font-weight: $font-semibold; | ||
54 | font-size: 1.25rem; | ||
55 | |||
56 | a { | ||
57 | @include disable-default-a-behaviour; | ||
58 | |||
59 | color: inherit; | ||
60 | |||
61 | &:hover { | ||
62 | color: inherit; | ||
63 | opacity: 0.8; | ||
64 | } | ||
65 | } | ||
66 | |||
67 | @media screen and (max-width: $mobile-view) { | ||
68 | @include margin-left(15px); | ||
69 | } | ||
70 | } | ||
71 | |||
72 | .admin-sub-header { | ||
73 | display: flex; | ||
74 | align-items: center; | ||
75 | margin-bottom: 30px; | ||
76 | |||
77 | @media screen and (max-width: $small-view) { | ||
78 | flex-direction: column; | ||
79 | } | ||
80 | } \ No newline at end of file | ||