tentakelfabrik
/
crispy-css
1
0
Fork 0
Code Issues 1 Pull Requests 0 Releases 1 Wiki Activity
Browse Source

bugfix panel

master
HerrHase 6 years ago
parent
b3f21a34fd
commit
1a8b7aae5a
7 changed files with 21 additions and 1950 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +0
    -1893
      dest/css/crispy.css
  2. +0
    -2
      dest/css/crispy.min.css
  3. +3
    -3
      dest/css/styles.css
  4. +1
    -1
      dest/css/styles.min.css
  5. +16
    -22
      dest/index.html
  6. +0
    -28
      src/scss/_config.scss
  7. +1
    -1
      src/scss/components/_panel.scss

+ 0
- 1893
dest/css/crispy.css
File diff suppressed because it is too large
View File


+ 0
- 2
dest/css/crispy.min.css
File diff suppressed because it is too large
View File


+ 3
- 3
dest/css/styles.css
File diff suppressed because it is too large
View File


+ 1
- 1
dest/css/styles.min.css
File diff suppressed because it is too large
View File


+ 16
- 22
dest/index.html View File

@ -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>


+ 0
- 28
src/scss/_config.scss View File

@ -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;

+ 1
- 1
src/scss/components/_panel.scss View File

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


Write Preview
Loading…
Cancel
Save