diff options
author | Wicklow <wicklow@framasoft.org> | 2023-02-17 10:40:37 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2023-02-20 13:52:22 +0100 |
commit | 178af31cb8624567a26a1ca06cba9f3a475be330 (patch) | |
tree | b06d68f83dbf8c8d60911629be940772224f8143 /client/src/sass | |
parent | 422a11e2a4e52ec8a052a9646e1677cf284931a2 (diff) | |
download | PeerTube-178af31cb8624567a26a1ca06cba9f3a475be330.tar.gz PeerTube-178af31cb8624567a26a1ca06cba9f3a475be330.tar.zst PeerTube-178af31cb8624567a26a1ca06cba9f3a475be330.zip |
Change bootstrap helpers and variables
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/class-helpers/_common.scss | 4 | ||||
-rw-r--r-- | client/src/sass/class-helpers/_custom-bootstrap-helpers.scss | 30 | ||||
-rw-r--r-- | client/src/sass/class-helpers/index.scss | 11 | ||||
-rw-r--r-- | client/src/sass/include/_bootstrap-variables.scss | 4 | ||||
-rw-r--r-- | client/src/sass/include/_variables.scss | 3 |
5 files changed, 11 insertions, 41 deletions
diff --git a/client/src/sass/class-helpers/_common.scss b/client/src/sass/class-helpers/_common.scss index 182c51c8f..d342c2ceb 100644 --- a/client/src/sass/class-helpers/_common.scss +++ b/client/src/sass/class-helpers/_common.scss | |||
@@ -1,7 +1,7 @@ | |||
1 | @use '_variables' as *; | ||
2 | @use '_mixins' as *; | ||
3 | @use '_badges' as *; | 1 | @use '_badges' as *; |
4 | @use '_icons' as *; | 2 | @use '_icons' as *; |
3 | @use '_mixins' as *; | ||
4 | @use '_variables' as *; | ||
5 | 5 | ||
6 | .link-orange { | 6 | .link-orange { |
7 | color: pvar(--mainForegroundColor); | 7 | color: pvar(--mainForegroundColor); |
diff --git a/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss b/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss index 78c4d30df..d5606181d 100644 --- a/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss +++ b/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss | |||
@@ -3,34 +3,6 @@ | |||
3 | 3 | ||
4 | // Font sizes | 4 | // Font sizes |
5 | 5 | ||
6 | .pt-fs-1 { | 6 | .fs-5-5 { |
7 | @include font-size(2.5rem); | ||
8 | } | ||
9 | |||
10 | .pt-fs-2 { | ||
11 | @include font-size(2rem); | ||
12 | } | ||
13 | |||
14 | .pt-fs-3 { | ||
15 | @include font-size(1.75rem); | ||
16 | } | ||
17 | |||
18 | .pt-fs-4 { | ||
19 | @include font-size(1.5rem); | ||
20 | } | ||
21 | |||
22 | .pt-fs-5 { | ||
23 | @include font-size(1.25rem); | ||
24 | } | ||
25 | |||
26 | .pt-fs-5-5 { | ||
27 | @include font-size(1.125rem); | 7 | @include font-size(1.125rem); |
28 | } | ||
29 | |||
30 | .pt-fs-6 { | ||
31 | @include font-size(1rem); | ||
32 | } | ||
33 | |||
34 | .pt-fs-7 { | ||
35 | @include font-size(0.875rem); | ||
36 | } \ No newline at end of file | 8 | } \ No newline at end of file |
diff --git a/client/src/sass/class-helpers/index.scss b/client/src/sass/class-helpers/index.scss index ad5fd7838..ec0aea52e 100644 --- a/client/src/sass/class-helpers/index.scss +++ b/client/src/sass/class-helpers/index.scss | |||
@@ -1,10 +1,5 @@ | |||
1 | @use '_variables' as *; | ||
2 | @use '_mixins' as *; | ||
3 | @use '_badges' as *; | ||
4 | @use '_icons' as *; | ||
5 | @use '_fonts' as *; | ||
6 | @use '_menu' as *; | ||
7 | @use '_buttons' as *; | 1 | @use '_buttons' as *; |
8 | @use '_forms' as *; | ||
9 | @use '_common' as *; | 2 | @use '_common' as *; |
10 | @use '_custom-bootstrap-helpers' as *; \ No newline at end of file | 3 | @use '_custom-bootstrap-helpers' as *; |
4 | @use '_forms' as *; | ||
5 | @use '_menu' as *; \ No newline at end of file | ||
diff --git a/client/src/sass/include/_bootstrap-variables.scss b/client/src/sass/include/_bootstrap-variables.scss index 1c05f467a..558610893 100644 --- a/client/src/sass/include/_bootstrap-variables.scss +++ b/client/src/sass/include/_bootstrap-variables.scss | |||
@@ -8,9 +8,9 @@ $grid-breakpoints: ( | |||
8 | // Extra small screen / phone | 8 | // Extra small screen / phone |
9 | xs: 0, | 9 | xs: 0, |
10 | // Small screen / phone | 10 | // Small screen / phone |
11 | sm: 576px, | 11 | sm: $mobile-view, |
12 | // Medium screen / tablet | 12 | // Medium screen / tablet |
13 | md: 768px, | 13 | md: $small-view, |
14 | // Large screen / desktop | 14 | // Large screen / desktop |
15 | lg: 900px, | 15 | lg: 900px, |
16 | // Extra large screens / wide desktops | 16 | // Extra large screens / wide desktops |
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 8358270da..1243854ec 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss | |||
@@ -10,6 +10,9 @@ $font-semibold: 600; | |||
10 | $font-bold: 700; | 10 | $font-bold: 700; |
11 | $line-height-normal: 1.2; | 11 | $line-height-normal: 1.2; |
12 | 12 | ||
13 | $font-size-rem-13px: 0.8125rem; | ||
14 | $font-size-rem-14px: 0.875rem; | ||
15 | |||
13 | $grey-background-color: #E5E5E5; | 16 | $grey-background-color: #E5E5E5; |
14 | $grey-background-hover-color: #EFEFEF; | 17 | $grey-background-hover-color: #EFEFEF; |
15 | $grey-foreground-color: #585858; | 18 | $grey-foreground-color: #585858; |