@materializecss/materialize 1.2.0 → 1.2.2

package/dist/css/materialize.css

@@ -1,8 +1,8 @@
-/*!
- * Materialize v1.2.0 (https://materializecss.github.io/materialize)
- * Copyright 2014-2021 Materialize
- * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
- */
+/*!
+ * Materialize v1.2.2 (https://materializecss.github.io/materialize)
+ * Copyright 2014-2023 Materialize
+ * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
+ */
 @charset "UTF-8";
 .materialize-red {
   background-color: #e51c23 !important;
@@ -2149,12 +2149,9 @@
  *    IE on Windows Phone and in iOS.
  */
 html {
-  line-height: 1.15;
-  /* 1 */
-  -ms-text-size-adjust: 100%;
-  /* 2 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */
+  line-height: 1.15; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
 }
 
 /* Sections
@@ -2195,8 +2192,7 @@ h1 {
  */
 figcaption,
 figure,
-main {
-  /* 1 */
+main { /* 1 */
   display: block;
 }
 
@@ -2213,12 +2209,9 @@ figure {
  */
 hr {
   -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  /* 1 */
-  height: 0;
-  /* 1 */
-  overflow: visible;
-  /* 2 */
+          box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
 }
 
 /**
@@ -2226,10 +2219,8 @@ hr {
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 pre {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
 }
 
 /* Text-level semantics
@@ -2239,10 +2230,8 @@ pre {
  * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  */
 a {
-  background-color: transparent;
-  /* 1 */
-  -webkit-text-decoration-skip: objects;
-  /* 2 */
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
 }
 
 /**
@@ -2250,14 +2239,11 @@ a {
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
 abbr[title] {
-  border-bottom: none;
-  /* 1 */
-  text-decoration: underline;
-  /* 2 */
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
   -webkit-text-decoration: underline dotted;
      -moz-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-  /* 2 */
+          text-decoration: underline dotted; /* 2 */
 }
 
 /**
@@ -2283,10 +2269,8 @@ strong {
 code,
 kbd,
 samp {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
 }
 
 /**
@@ -2374,14 +2358,10 @@ input,
 optgroup,
 select,
 textarea {
-  font-family: sans-serif;
-  /* 1 */
-  font-size: 100%;
-  /* 1 */
-  line-height: 1.15;
-  /* 1 */
-  margin: 0;
-  /* 2 */
+  font-family: sans-serif; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
 }
 
 /**
@@ -2389,8 +2369,7 @@ textarea {
  * 1. Show the overflow in Edge.
  */
 button,
-input {
-  /* 1 */
+input { /* 1 */
   overflow: visible;
 }
 
@@ -2399,8 +2378,7 @@ input {
  * 1. Remove the inheritance of text transform in Firefox.
  */
 button,
-select {
-  /* 1 */
+select { /* 1 */
   text-transform: none;
 }
 
@@ -2413,8 +2391,7 @@ button,
 html [type=button],
 [type=reset],
 [type=submit] {
-  -webkit-appearance: button;
-  /* 2 */
+  -webkit-appearance: button; /* 2 */
 }
 
 /**
@@ -2453,18 +2430,12 @@ fieldset {
  */
 legend {
   -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  /* 1 */
-  color: inherit;
-  /* 2 */
-  display: table;
-  /* 1 */
-  max-width: 100%;
-  /* 1 */
-  padding: 0;
-  /* 3 */
-  white-space: normal;
-  /* 1 */
+          box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
 }
 
 /**
@@ -2472,10 +2443,8 @@ legend {
  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 progress {
-  display: inline-block;
-  /* 1 */
-  vertical-align: baseline;
-  /* 2 */
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
 }
 
 /**
@@ -2492,10 +2461,8 @@ textarea {
 [type=checkbox],
 [type=radio] {
   -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  /* 1 */
-  padding: 0;
-  /* 2 */
+          box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
 }
 
 /**
@@ -2511,10 +2478,8 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 [type=search] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  outline-offset: -2px;
-  /* 2 */
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
 }
 
 /**
@@ -2530,10 +2495,8 @@ textarea {
  * 2. Change font properties to `inherit` in Safari.
  */
 ::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  /* 1 */
-  font: inherit;
-  /* 2 */
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
 }
 
 /* Interactive
@@ -2778,7 +2741,7 @@ video.responsive-video {
   font-size: 24px;
 }
 .breadcrumb:before {
-  content: "";
+  content: "\e5cc";
   color: rgba(255, 255, 255, 0.7);
   vertical-align: top;
   display: inline-block;
@@ -4330,12 +4293,10 @@ nav .input-field label.active i {
   nav.nav-extended .nav-wrapper {
     min-height: 64px;
   }
-
   nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
     height: 64px;
     line-height: 64px;
   }
-
   .navbar-fixed {
     height: 64px;
   }
@@ -4996,9 +4957,9 @@ small {
 }
 
 .btn,
-.btn-floating,
-.btn-large,
 .btn-small,
+.btn-large,
+.btn-floating,
 .btn-flat {
   font-size: 14px;
   outline: 0;
@@ -6409,10 +6370,8 @@ textarea {
 }
 textarea.materialize-textarea {
   line-height: normal;
-  overflow-y: hidden;
-  /* prevents scroll bar flash */
-  padding: 0.8rem 0 0.8rem 0;
-  /* prevents text jump on Enter keypress */
+  overflow-y: hidden; /* prevents scroll bar flash */
+  padding: 0.8rem 0 0.8rem 0; /* prevents text jump on Enter keypress */
   resize: none;
   min-height: 3rem;
   -webkit-box-sizing: border-box;
@@ -6423,10 +6382,8 @@ textarea.materialize-textarea {
   visibility: hidden;
   white-space: pre-wrap;
   word-wrap: break-word;
-  overflow-wrap: break-word;
-  /* future version of deprecated 'word-wrap' */
-  padding-top: 1.2rem;
-  /* prevents text jump on Enter keypress */
+  overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
+  padding-top: 1.2rem; /* prevents text jump on Enter keypress */
   position: absolute;
   top: 0;
   z-index: -1;
@@ -7553,78 +7510,62 @@ input[type=range]::-ms-thumb {
 @-webkit-keyframes fill-unfill-rotate {
   12.5% {
     -webkit-transform: rotate(135deg);
-  }
-  /* 0.5 * ARCSIZE */
+  } /* 0.5 * ARCSIZE */
   25% {
     -webkit-transform: rotate(270deg);
-  }
-  /* 1   * ARCSIZE */
+  } /* 1   * ARCSIZE */
   37.5% {
     -webkit-transform: rotate(405deg);
-  }
-  /* 1.5 * ARCSIZE */
+  } /* 1.5 * ARCSIZE */
   50% {
     -webkit-transform: rotate(540deg);
-  }
-  /* 2   * ARCSIZE */
+  } /* 2   * ARCSIZE */
   62.5% {
     -webkit-transform: rotate(675deg);
-  }
-  /* 2.5 * ARCSIZE */
+  } /* 2.5 * ARCSIZE */
   75% {
     -webkit-transform: rotate(810deg);
-  }
-  /* 3   * ARCSIZE */
+  } /* 3   * ARCSIZE */
   87.5% {
     -webkit-transform: rotate(945deg);
-  }
-  /* 3.5 * ARCSIZE */
+  } /* 3.5 * ARCSIZE */
   to {
     -webkit-transform: rotate(1080deg);
-  }
-  /* 4   * ARCSIZE */
+  } /* 4   * ARCSIZE */
 }
 @keyframes fill-unfill-rotate {
   12.5% {
     -webkit-transform: rotate(135deg);
             transform: rotate(135deg);
-  }
-  /* 0.5 * ARCSIZE */
+  } /* 0.5 * ARCSIZE */
   25% {
     -webkit-transform: rotate(270deg);
             transform: rotate(270deg);
-  }
-  /* 1   * ARCSIZE */
+  } /* 1   * ARCSIZE */
   37.5% {
     -webkit-transform: rotate(405deg);
             transform: rotate(405deg);
-  }
-  /* 1.5 * ARCSIZE */
+  } /* 1.5 * ARCSIZE */
   50% {
     -webkit-transform: rotate(540deg);
             transform: rotate(540deg);
-  }
-  /* 2   * ARCSIZE */
+  } /* 2   * ARCSIZE */
   62.5% {
     -webkit-transform: rotate(675deg);
             transform: rotate(675deg);
-  }
-  /* 2.5 * ARCSIZE */
+  } /* 2.5 * ARCSIZE */
   75% {
     -webkit-transform: rotate(810deg);
             transform: rotate(810deg);
-  }
-  /* 3   * ARCSIZE */
+  } /* 3   * ARCSIZE */
   87.5% {
     -webkit-transform: rotate(945deg);
             transform: rotate(945deg);
-  }
-  /* 3.5 * ARCSIZE */
+  } /* 3.5 * ARCSIZE */
   to {
     -webkit-transform: rotate(1080deg);
             transform: rotate(1080deg);
-  }
-  /* 4   * ARCSIZE */
+  } /* 4   * ARCSIZE */
 }
 @-webkit-keyframes blue-fade-in-out {
   from {
@@ -7798,8 +7739,7 @@ input[type=range]::-ms-thumb {
 .circle-clipper .circle {
   width: 200%;
   height: 100%;
-  border-width: 3px;
-  /* STROKEWIDTH */
+  border-width: 3px; /* STROKEWIDTH */
   border-style: solid;
   border-color: inherit;
   border-bottom-color: transparent !important;
@@ -7975,16 +7915,24 @@ input[type=range]::-ms-thumb {
 .slider .indicators .indicator-item {
   display: inline-block;
   position: relative;
-  cursor: pointer;
   height: 16px;
   width: 16px;
   margin: 0 12px;
+}
+.slider .indicators .indicator-item-btn {
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: pointer;
   background-color: #e0e0e0;
   -webkit-transition: background-color 0.3s;
   transition: background-color 0.3s;
   border-radius: 50%;
+  border-width: 0;
+  width: 100%;
+  height: 100%;
 }
-.slider .indicators .indicator-item.active {
+.slider .indicators .indicator-item-btn.active {
   background-color: #4CAF50;
 }
 
@@ -8414,7 +8362,6 @@ input[type=range]::-ms-thumb {
   .datepicker-modal {
     max-width: 625px;
   }
-
   .datepicker-container.modal-content {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -8422,20 +8369,17 @@ input[type=range]::-ms-thumb {
         -ms-flex-direction: row;
             flex-direction: row;
   }
-
   .datepicker-date-display {
     -webkit-box-flex: 0;
     -webkit-flex: 0 1 270px;
         -ms-flex: 0 1 270px;
             flex: 0 1 270px;
   }
-
   .datepicker-controls,
 .datepicker-table,
 .datepicker-footer {
     width: 320px;
   }
-
   .datepicker-day-button {
     line-height: 44px;
   }
@@ -8460,7 +8404,7 @@ input[type=range]::-ms-thumb {
 }
 
 .text-primary {
-  color: white;
+  color: rgb(255, 255, 255);
 }
 
 /* Clock Digital Display */
@@ -8513,7 +8457,7 @@ input[type=text].timepicker-input-minutes {
 }
 
 input[type=text].text-primary {
-  color: white;
+  color: rgb(255, 255, 255);
 }
 
 .timepicker-display-am-pm {
@@ -8653,7 +8597,6 @@ input[type=text].text-primary {
   .timepicker-modal {
     max-width: 600px;
   }
-
   .timepicker-container.modal-content {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
@@ -8661,11 +8604,9 @@ input[type=text].text-primary {
         -ms-flex-direction: row;
             flex-direction: row;
   }
-
   .timepicker-text-container {
     top: 32%;
   }
-
   .timepicker-display-am-pm {
     position: relative;
     right: auto;