]> git.proxmox.com Git - ceph.git/blobdiff - ceph/src/pybind/mgr/dashboard/frontend/src/styles.scss
Import ceph 15.2.8
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / styles.scss
index bb883e43ec0126abc01e14a55f3d529062eaa62e..212d10c92f173f6c2f7422ccc443d0269903b50d 100644 (file)
@@ -9,10 +9,12 @@ $fa-font-path: '~fork-awesome/fonts';
 $font-family-icon: 'ForkAwesome';
 
 // Bootstrap
+$warning-dark: #fd7e14;
 $theme-colors: (
   'primary': $color-primary,
   'secondary': $color-accent,
-  'dark': $color-mild-gray
+  'dark': $color-mild-gray,
+  'warning-dark': $warning-dark
 );
 
 $font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
@@ -22,6 +24,16 @@ $badge-font-size: 1rem;
 $form-feedback-font-size: 100%;
 $popover-max-width: 350px;
 
+// https://getbootstrap.com/docs/4.5/layout/grid/#variables
+$grid-breakpoints: (
+  xs: 0,
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  2xl: 1450px
+);
+
 @import '~bootstrap/scss/bootstrap';
 @import '~fork-awesome/scss/fork-awesome';
 @import 'app/ceph/dashboard/info-card/info-card-popover.scss';
@@ -62,23 +74,6 @@ body {
   height: 100%;
   font-size: 12px;
 }
-h1 {
-  letter-spacing: -1px;
-  font-size: 2em;
-}
-h2 {
-  letter-spacing: -1px;
-  font-size: 1.833em;
-}
-h3 {
-  display: block;
-  font-size: 1.583em;
-  font-weight: 400;
-}
-h4 {
-  font-size: 1.5em;
-  line-height: normal;
-}
 option {
   font-weight: normal;
   font-style: normal;
@@ -264,9 +259,6 @@ uib-accordion .card-title,
 .card-header {
   font-size: 1.3em;
 }
-.card-body h2:first-child {
-  margin-top: 0;
-}
 .disabled {
   pointer-events: none;
 }