components

assets/css/docs.css

@@ -707,6 +707,7 @@ code {
 	margin-top: 10px;
 	margin-right: 10px;
 	margin-left: 10px;
+	width: auto;
 }
 #segmentedControlsInDevice .mui-card span {
 	padding: 10px;

components/index.html

@@ -1227,17 +1227,17 @@
 							<div class="mui-slider" id="mySlider">
 								<div class="mui-slider-group">
 									<div class="slide">
-										<img src="/mui/assets/img/mui-slider-1.jpg" alt="Mountain and sky">
+										<img src="/mui/assets/img/slider-1.jpg" alt="Mountain and sky">
 										<span class="mui-slider-text">
                 <span class="mui-icon mui-icon-left-nav"></span>
 										Slide me
 										</span>
 									</div>
 									<div class="slide">
-										<img src="/mui/assets/img/mui-slider-2.jpg" alt="Giant mecha">
+										<img src="/mui/assets/img/slider-2.jpg" alt="Giant mecha">
 									</div>
 									<div class="slide">
-										<img src="/mui/assets/img/mui-slider-3.jpg" alt="Big Ben">
+										<img src="/mui/assets/img/slider-3.jpg" alt="Big Ben">
 									</div>
 								</div>
 							</div>
@@ -1246,17 +1246,17 @@
 						<div class="highlight"><pre><code class="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;mui-slider&quot;</span> <span class="na">id=</span><span class="s">&quot;mySlider&quot;</span><span class="nt">&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;mui-slider-group&quot;</span><span class="nt">&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;slide&quot;</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;/mui/assets/img/mui-slider-1.jpg&quot;</span><span class="nt">&gt;</span>
+      <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;/mui/assets/img/slider-1.jpg&quot;</span><span class="nt">&gt;</span>
       <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;mui-slider-text&quot;</span><span class="nt">&gt;</span>
         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;mui-icon mui-icon-left-nav&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
         Slide me
       <span class="nt">&lt;/span&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;slide&quot;</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;/mui/assets/img/mui-slider-2.jpg&quot;</span><span class="nt">&gt;</span>
+      <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;/mui/assets/img/slider-2.jpg&quot;</span><span class="nt">&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;slide&quot;</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;/mui/assets/img/mui-slider-3.jpg&quot;</span><span class="nt">&gt;</span>
+      <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">&quot;/mui/assets/img/slider-3.jpg&quot;</span><span class="nt">&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;/div&gt;</span>

dist/css/mui.css

@@ -933,19 +933,19 @@ input[type="submit"]:active, input[type="submit"].mui-active,
 .mui-btn-outlined.mui-btn-primary, .mui-btn-outlined.mui-btn-blue {
   color: #007aff;
 }
-.mui-btn-outlined.mui-btn-success, .mui-btn-outlined.mui-btn-green {
+.mui-btn-outlined.mui-btn-positive, .mui-btn-outlined.mui-btn-success, .mui-btn-outlined.mui-btn-green {
   color: #4cd964;
 }
 .mui-btn-outlined.mui-btn-warning, .mui-btn-outlined.mui-btn-yellow {
   color: #f0ad4e;
 }
-.mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-red {
+.mui-btn-outlined.mui-btn-negative, .mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-red {
   color: #dd524d;
 }
 .mui-btn-outlined.mui-btn-royal, .mui-btn-outlined.mui-btn-purple {
   color: #8a6de9;
 }
-.mui-btn-outlined.mui-btn-primary:active, .mui-btn-outlined.mui-btn-blue:active, .mui-btn-outlined.mui-btn-success:active, .mui-btn-outlined.mui-btn-green:active, .mui-btn-outlined.mui-btn-warning:active, .mui-btn-outlined.mui-btn-yellow:active, .mui-btn-outlined.mui-btn-danger:active, .mui-btn-outlined.mui-btn-red:active, .mui-btn-outlined.mui-btn-royal:active, .mui-btn-outlined.mui-btn-purple:active {
+.mui-btn-outlined.mui-btn-primary:active, .mui-btn-outlined.mui-btn-blue:active, .mui-btn-outlined.mui-btn-positive:active, .mui-btn-outlined.mui-btn-success:active, .mui-btn-outlined.mui-btn-green:active, .mui-btn-outlined.mui-btn-warning:active, .mui-btn-outlined.mui-btn-yellow:active, .mui-btn-outlined.mui-btn-negative:active, .mui-btn-outlined.mui-btn-danger:active, .mui-btn-outlined.mui-btn-red:active, .mui-btn-outlined.mui-btn-royal:active, .mui-btn-outlined.mui-btn-purple:active {
   color: #fff;
 }