Refactoring margin and padding mixins

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

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 58e77adace1d7641e253db2d697146ccb09ff5ea..1297855dad58e69c6f59fa09d753be9e83cde0e2 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -10,14 +10,10 @@
 @use './custom-markup';
 @use './ng-select';
 
-@import './bootstrap';
-@import './primeng-custom';
+@use './bootstrap';
+@use './primeng-custom';
 
-@import './z-index';
-
-[hidden] {
-  display: none !important;
-}
+@use './z-index';
 
 body {
   /*** theme ***/
@@ -26,6 +22,7 @@ body {
   --mainColor: #{$main-color};
   --mainColorLighter: #{$main-color-lighter};
   --mainColorLightest: #{$main-color-lightest};
+  --mainColorVeryLight: #{$main-color-very-light};
 
   --mainHoverColor: #{$main-hover-color};
   --mainBackgroundHoverColor: #{$main-background-hover-color};
@@ -46,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};
@@ -67,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
@@ -117,7 +115,6 @@ button {
 
 label {
   font-weight: $font-bold;
-  font-size: 15px;
   margin-bottom: 0.5rem;
 }
 
@@ -202,20 +199,14 @@ table {
   }
 }
 
-.dropdown-item {
-  @include dropdown-with-icon-item;
-
-  my-global-icon {
-    width: 22px;
-    height: 22px;
-  }
-}
-
 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)}) {