diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-28 11:29:54 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-28 11:29:54 +0200 |
commit | a334597283a3384fa4df7b6b25fd2a9ff9221467 (patch) | |
tree | 1125357d4486d8b9a52750f44697cae607e217da /client/src/sass/include/_mixins.scss | |
parent | 4c8a099198cd3af049847df91140735354b85a92 (diff) | |
download | PeerTube-a334597283a3384fa4df7b6b25fd2a9ff9221467.tar.gz PeerTube-a334597283a3384fa4df7b6b25fd2a9ff9221467.tar.zst PeerTube-a334597283a3384fa4df7b6b25fd2a9ff9221467.zip |
Theme fixes
Diffstat (limited to 'client/src/sass/include/_mixins.scss')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 1b460b723..6b93a5728 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -92,7 +92,7 @@ | |||
92 | max-width: $width; | 92 | max-width: $width; |
93 | color: pvar(--inputForegroundColor); | 93 | color: pvar(--inputForegroundColor); |
94 | background-color: pvar(--inputBackgroundColor); | 94 | background-color: pvar(--inputBackgroundColor); |
95 | border: 1px solid $input-border-color; | 95 | border: 1px solid pvar(--inputBorderColor); |
96 | border-radius: 3px; | 96 | border-radius: 3px; |
97 | font-size: $form-input-font-size; | 97 | font-size: $form-input-font-size; |
98 | line-height: $form-input-line-height; | 98 | line-height: $form-input-line-height; |
@@ -138,7 +138,7 @@ | |||
138 | &.disabled { | 138 | &.disabled { |
139 | cursor: default; | 139 | cursor: default; |
140 | color: #fff; | 140 | color: #fff; |
141 | background-color: $input-border-color; | 141 | background-color: pvar(--inputBorderColor); |
142 | } | 142 | } |
143 | 143 | ||
144 | my-global-icon { | 144 | my-global-icon { |
@@ -168,7 +168,7 @@ | |||
168 | &.disabled { | 168 | &.disabled { |
169 | cursor: default; | 169 | cursor: default; |
170 | color: pvar(--mainColor); | 170 | color: pvar(--mainColor); |
171 | background-color: $input-border-color; | 171 | background-color: pvar(--inputBorderColor); |
172 | } | 172 | } |
173 | 173 | ||
174 | my-global-icon { | 174 | my-global-icon { |
@@ -393,7 +393,7 @@ | |||
393 | select { | 393 | select { |
394 | padding: 0 35px 0 12px; | 394 | padding: 0 35px 0 12px; |
395 | position: relative; | 395 | position: relative; |
396 | border: 1px solid $input-border-color; | 396 | border: 1px solid pvar(--inputBorderColor); |
397 | background: transparent none; | 397 | background: transparent none; |
398 | appearance: none; | 398 | appearance: none; |
399 | height: $button-height; | 399 | height: $button-height; |
@@ -461,7 +461,7 @@ | |||
461 | top: 0; | 461 | top: 0; |
462 | width: 18px; | 462 | width: 18px; |
463 | height: 18px; | 463 | height: 18px; |
464 | border: 1px solid $input-border-color; | 464 | border: 1px solid pvar(--inputBorderColor); |
465 | border-radius: 100%; | 465 | border-radius: 100%; |
466 | background: #fff; | 466 | background: #fff; |
467 | } | 467 | } |
@@ -508,7 +508,7 @@ | |||
508 | width: 18px; | 508 | width: 18px; |
509 | min-width: 18px; | 509 | min-width: 18px; |
510 | height: 18px; | 510 | height: 18px; |
511 | border: $border-width solid $input-border-color; | 511 | border: $border-width solid pvar(--inputBorderColor); |
512 | border-radius: 3px; | 512 | border-radius: 3px; |
513 | vertical-align: middle; | 513 | vertical-align: middle; |
514 | cursor: pointer; | 514 | cursor: pointer; |
@@ -601,7 +601,7 @@ | |||
601 | margin-bottom: 20px; | 601 | margin-bottom: 20px; |
602 | 602 | ||
603 | @if $separator { | 603 | @if $separator { |
604 | border-bottom: 1px solid $input-border-color; | 604 | border-bottom: 1px solid pvar(--inputBorderColor); |
605 | } | 605 | } |
606 | 606 | ||
607 | @media screen and (max-width: $small-view) { | 607 | @media screen and (max-width: $small-view) { |