bugfix panel

dest/index.html

@@ -15,12 +15,6 @@
 				margin: 0 auto;
 			}
 
-			.panel {
-				padding: 10px;
-				background-color: #efefef;
-				border: 1px dotted #cecece;
-			}
-
 			.header {
 				padding: 8px 0 0;
 				background-color: #e9e9e9;
@@ -155,7 +149,7 @@
         <li class="group__item">third item</li>
     </ul>
 &lt;/nav&gt;</code></pre>
-<div class="panel margin-bottom-1x">
+<div class="panel panel__inner margin-bottom-1x">
     <nav class="group">
         <ul class="group__section">
             <li class="group__item">first item</li>
@@ -172,7 +166,7 @@
         &lt;li class=&quot;group__item&quot;&gt;third item&lt;/li&gt;
     &lt;/ul&gt;
 &lt;/nav&gt;</code></pre>
-<div class="panel">
+<div class="panel panel__inner">
     <nav class="group group--horizontal">
         <ul class="group__section group__section--separate">
             <li class="group__item">first item</li><li class="group__item">second item</li><li class="group__item">third item</li>
@@ -386,13 +380,13 @@ toRem(10px 10px 0 0);
     margin-top and -bottom from <strong>$crispy__margin</strong> as px.
 </p>
 <pre class="code">&lt;div class=&quot;panel margin-bottom-0x&quot;&gt;margin-bottom-0x&lt;/div&gt;
-&lt;div class=&quot;panel margin-bottom-1x&quot;&gt;margin-bottom-1x&lt;/div&gt;
-&lt;div class=&quot;panel margin-bottom-2x&quot;&gt;margin-bottom-2x&lt;/div&gt;
-&lt;div class=&quot;panel margin-bottom-3x&quot;&gt;margin-bottom-3x&lt;/div&gt;</code></pre>
-<div class="panel margin-bottom-0x">margin-bottom-0x</div>
-<div class="panel margin-bottom-1x">margin-bottom-1x</div>
-<div class="panel margin-bottom-2x">margin-bottom-2x</div>
-<div class="panel margin-bottom-3x">margin-bottom-3x</div>
+&lt;div class=&quot;margin-bottom-1x&quot;&gt;margin-bottom-1x&lt;/div&gt;
+&lt;div class=&quot;margin-bottom-2x&quot;&gt;margin-bottom-2x&lt;/div&gt;
+&lt;div class=&quot;margin-bottom-3x&quot;&gt;margin-bottom-3x&lt;/div&gt;</code></pre>
+<div class="panel panel__inner margin-bottom-0x">margin-bottom-0x</div>
+<div class="panel panel__inner margin-bottom-1x">margin-bottom-1x</div>
+<div class="panel panel__inner margin-bottom-2x">margin-bottom-2x</div>
+<div class="panel panel__inner margin-bottom-3x">margin-bottom-3x</div>
 
 <!-- helpers / media -->
 <h3 class="h4 margin-top-1x">
@@ -430,13 +424,13 @@ toRem(10px 10px 0 0);
     Width
 </h3>
 <pre class="code"><code>&lt;div class=&quot;panel width-25&quot;&gt;width-25&lt;/div&gt;
-&lt;div class=&quot;panel width-50&quot;&gt;width-50&lt;/div&gt;
-&lt;div class=&quot;panel width-75&quot;&gt;width-75&lt;/div&gt;
-&lt;div class=&quot;panel width-100&quot;&gt;width-100&lt;/div&gt;</code></pre>
-<div class="panel width-25 margin-bottom-1x">width-25</div>
-<div class="panel width-50 margin-bottom-1x">width-50</div>
-<div class="panel width-75 margin-bottom-1x">width-75</div>
-<div class="panel width-100 margin-bottom-1x">width-100</div>
+&lt;div class=&quot;width-50&quot;&gt;width-50&lt;/div&gt;
+&lt;div class=&quot;width-75&quot;&gt;width-75&lt;/div&gt;
+&lt;div class=&quot;width-100&quot;&gt;width-100&lt;/div&gt;</code></pre>
+<div class="panel panel__inner width-25 margin-bottom-1x">width-25</div>
+<div class="panel panel__inner width-50 margin-bottom-1x">width-50</div>
+<div class="panel panel__inner width-75 margin-bottom-1x">width-75</div>
+<div class="panel panel__inner width-100 margin-bottom-1x">width-100</div>
 
 					<!-- blockquote -->
 					<h3 class="h4 margin-top-2x margin-bottom-0x">blockquote</h3>

src/scss/_config.scss

@@ -47,31 +47,3 @@ $crispy__font-sizes: (
     'small': 16px,
     'large': 20px
 ) !default;
-
-// buttons colors
-$crispy__button__colors: (
-    'default': (
-        'color': #ffffff,
-        'background-color': $crispy__color-primary
-    ),
-    'secondary': (
-        'color': #ffffff,
-        'background-color': $crispy__color-secondary
-    ),
-    'success': (
-        'color': #ffffff,
-        'background-color': $crispy__color-success
-    ),
-    'warning': (
-        'color': #ffffff,
-        'background-color': $crispy__color-warning
-    ),
-    'danger': (
-        'color': #ffffff,
-        'background-color': $crispy__color-danger
-    ),
-    'info': (
-        'color': #ffffff,
-        'background-color': $crispy__color-info
-    )
-) !default;

src/scss/components/_panel.scss

@@ -10,7 +10,7 @@
  */
 
 
-$crispy__panel__padding: toEm($crispy__margin * 3) !default;
+$crispy__panel__padding: toEm($crispy__margin) !default;
 
 @mixin crispy__panel {
     .panel {