Remove empty sass files

[github/Chocobozzz/PeerTube.git] / client / src / sass / application.scss

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 274f7b1ca15770f09f34eee8841bc0281e751044..1297855dad58e69c6f59fa09d753be9e83cde0e2 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -10,10 +10,10 @@
 @use './custom-markup';
 @use './ng-select';
 
-@import './bootstrap';
-@import './primeng-custom';
+@use './bootstrap';
+@use './primeng-custom';
 
-@import './z-index';
+@use './z-index';
 
 body {
   /*** theme ***/
@@ -43,6 +43,7 @@ body {
   --inputForegroundColor: #{$input-foreground-color};
   --inputBackgroundColor: #{$input-background-color};
   --inputPlaceholderColor: #{$input-placeholder-color};
+  --inputBorderColor: #{$input-border-color};
 
   --textareaForegroundColor: #{$textarea-foreground-color};
   --textareaBackgroundColor: #{$textarea-background-color};
@@ -64,7 +65,7 @@ body {
   font-weight: $font-regular;
   color: pvar(--mainForegroundColor);
   background-color: pvar(--mainBackgroundColor);
-  font-size: 14px;
+  font-size: 1rem;
   // On desktop browsers, make sure vertical scroll bar is always visible
   // Allow to disable the scrollbar instead of hide it when the content fit the body
   // And not move the content and header horizontally sticked to right when the content is updating
@@ -114,7 +115,6 @@ button {
 
 label {
   font-weight: $font-bold;
-  font-size: 15px;
   margin-bottom: 0.5rem;
 }
 
@@ -200,10 +200,13 @@ table {
 }
 
 my-global-icon[iconName=external-link] {
-  margin: 0 3px;
-  width: 13px;
-  vertical-align: text-bottom;
+  margin: 0 0.3em;
+  width: 0.9em;
+  height: 0.9em;
+  display: inline-block;
   color: pvar(--inputPlaceholderColor);
+  position: relative;
+  top: -0.1em;
 }
 
 @media screen and (max-width: #{breakpoint(xxl)}) {