diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-15 14:59:25 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-16 11:37:08 +0200 |
commit | 5b0ec7cddb1ae6dbd2057f067382866f846b882c (patch) | |
tree | 5751d96ec4ab0d49b793c4ff1c8edbc8daeab6ac /client/src/sass/include/_mixins.scss | |
parent | b13a0a48bacb53e65e665774e621326452045294 (diff) | |
download | PeerTube-5b0ec7cddb1ae6dbd2057f067382866f846b882c.tar.gz PeerTube-5b0ec7cddb1ae6dbd2057f067382866f846b882c.tar.zst PeerTube-5b0ec7cddb1ae6dbd2057f067382866f846b882c.zip |
Increase global font size
Diffstat (limited to 'client/src/sass/include/_mixins.scss')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 28 |
1 files changed, 13 insertions, 15 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 565012717..1b460b723 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -94,7 +94,8 @@ | |||
94 | background-color: pvar(--inputBackgroundColor); | 94 | background-color: pvar(--inputBackgroundColor); |
95 | border: 1px solid $input-border-color; | 95 | border: 1px solid $input-border-color; |
96 | border-radius: 3px; | 96 | border-radius: 3px; |
97 | font-size: 15px; | 97 | font-size: $form-input-font-size; |
98 | line-height: $form-input-line-height; | ||
98 | 99 | ||
99 | &::placeholder { | 100 | &::placeholder { |
100 | color: pvar(--inputPlaceholderColor); | 101 | color: pvar(--inputPlaceholderColor); |
@@ -116,7 +117,6 @@ | |||
116 | background-color: pvar(--textareaBackgroundColor) !important; | 117 | background-color: pvar(--textareaBackgroundColor) !important; |
117 | height: $height; | 118 | height: $height; |
118 | padding: 5px 15px; | 119 | padding: 5px 15px; |
119 | font-size: 15px; | ||
120 | } | 120 | } |
121 | 121 | ||
122 | @mixin orange-button { | 122 | @mixin orange-button { |
@@ -249,7 +249,6 @@ | |||
249 | 249 | ||
250 | border: 0; | 250 | border: 0; |
251 | font-weight: $font-semibold; | 251 | font-weight: $font-semibold; |
252 | font-size: 15px; | ||
253 | height: $button-height; | 252 | height: $button-height; |
254 | line-height: $button-height; | 253 | line-height: $button-height; |
255 | 254 | ||
@@ -259,6 +258,8 @@ | |||
259 | text-align: center; | 258 | text-align: center; |
260 | cursor: pointer; | 259 | cursor: pointer; |
261 | 260 | ||
261 | font-size: $button-font-size; | ||
262 | |||
262 | my-global-icon + * { | 263 | my-global-icon + * { |
263 | @include margin-right(4px); | 264 | @include margin-right(4px); |
264 | } | 265 | } |
@@ -292,10 +293,6 @@ | |||
292 | } | 293 | } |
293 | 294 | ||
294 | @mixin button-with-icon($width: 20px, $margin-right: 3px, $top: -1px) { | 295 | @mixin button-with-icon($width: 20px, $margin-right: 3px, $top: -1px) { |
295 | display: inline-flex; | ||
296 | align-items: center; | ||
297 | line-height: normal !important; | ||
298 | |||
299 | my-global-icon { | 296 | my-global-icon { |
300 | @include margin-right($margin-right); | 297 | @include margin-right($margin-right); |
301 | 298 | ||
@@ -361,7 +358,6 @@ | |||
361 | color: pvar(--inputForegroundColor); | 358 | color: pvar(--inputForegroundColor); |
362 | background: pvar(--inputBackgroundColor); | 359 | background: pvar(--inputBackgroundColor); |
363 | position: relative; | 360 | position: relative; |
364 | font-size: 15px; | ||
365 | height: min-content; | 361 | height: min-content; |
366 | 362 | ||
367 | &.disabled { | 363 | &.disabled { |
@@ -403,6 +399,8 @@ | |||
403 | height: $button-height; | 399 | height: $button-height; |
404 | text-overflow: ellipsis; | 400 | text-overflow: ellipsis; |
405 | color: pvar(--mainForegroundColor); | 401 | color: pvar(--mainForegroundColor); |
402 | font-size: $form-input-font-size; | ||
403 | line-height: $form-input-line-height; | ||
406 | 404 | ||
407 | &:focus { | 405 | &:focus { |
408 | outline: none; | 406 | outline: none; |
@@ -435,6 +433,10 @@ | |||
435 | 433 | ||
436 | // Thanks: https://codepen.io/manabox/pen/raQmpL | 434 | // Thanks: https://codepen.io/manabox/pen/raQmpL |
437 | @mixin peertube-radio-container { | 435 | @mixin peertube-radio-container { |
436 | label { | ||
437 | font-size: $form-input-font-size; | ||
438 | } | ||
439 | |||
438 | [type=radio]:checked, | 440 | [type=radio]:checked, |
439 | [type=radio]:not(:checked) { | 441 | [type=radio]:not(:checked) { |
440 | position: absolute; | 442 | position: absolute; |
@@ -448,7 +450,6 @@ | |||
448 | cursor: pointer; | 450 | cursor: pointer; |
449 | line-height: 20px; | 451 | line-height: 20px; |
450 | display: inline-block; | 452 | display: inline-block; |
451 | font-size: 15px; | ||
452 | font-weight: $font-regular; | 453 | font-weight: $font-regular; |
453 | } | 454 | } |
454 | 455 | ||
@@ -540,7 +541,6 @@ | |||
540 | + span + span { | 541 | + span + span { |
541 | @include margin-left(5px); | 542 | @include margin-left(5px); |
542 | 543 | ||
543 | font-size: 15px; | ||
544 | font-weight: $font-regular; | 544 | font-weight: $font-regular; |
545 | cursor: pointer; | 545 | cursor: pointer; |
546 | display: inline; | 546 | display: inline; |
@@ -563,7 +563,6 @@ | |||
563 | 563 | ||
564 | @mixin actor-counters ($separator-margin: 10px) { | 564 | @mixin actor-counters ($separator-margin: 10px) { |
565 | color: pvar(--greyForegroundColor); | 565 | color: pvar(--greyForegroundColor); |
566 | font-size: 16px; | ||
567 | display: flex; | 566 | display: flex; |
568 | align-items: center; | 567 | align-items: center; |
569 | 568 | ||
@@ -585,7 +584,7 @@ | |||
585 | text-transform: uppercase; | 584 | text-transform: uppercase; |
586 | color: pvar(--mainColor); | 585 | color: pvar(--mainColor); |
587 | font-weight: $font-bold; | 586 | font-weight: $font-bold; |
588 | font-size: 110%; | 587 | font-size: 1rem; |
589 | margin-bottom: 10px; | 588 | margin-bottom: 10px; |
590 | } | 589 | } |
591 | 590 | ||
@@ -675,11 +674,10 @@ | |||
675 | @mixin breadcrumb { | 674 | @mixin breadcrumb { |
676 | display: flex; | 675 | display: flex; |
677 | flex-wrap: wrap; | 676 | flex-wrap: wrap; |
678 | padding: 0.75rem 1rem; | 677 | padding: 0; |
679 | margin-bottom: 1rem; | 678 | margin-bottom: 1rem; |
680 | list-style: none; | 679 | list-style: none; |
681 | background-color: pvar(--submenuBackgroundColor); | 680 | font-weight: $font-semibold; |
682 | border-radius: 0.25rem; | ||
683 | 681 | ||
684 | .breadcrumb-item { | 682 | .breadcrumb-item { |
685 | display: flex; | 683 | display: flex; |