Browse Source

adding default elements

master
HerrHase 6 years ago
parent
commit
618e47013b
6 changed files with 75 additions and 8 deletions
  1. +32
    -1
      demo/index.html
  2. +25
    -3
      dest/css/crispy.css
  3. +1
    -1
      dest/css/crispy.min.css
  4. +15
    -2
      src/scss/_base.scss
  5. +1
    -0
      src/scss/crispy.scss
  6. +1
    -1
      src/scss/helpers/_background-color.scss

+ 32
- 1
demo/index.html View File

@ -23,6 +23,15 @@
</style>
</head>
<body>
<header class="header">
<div class="container">
<div class="grid">
<div class="col-12">
Crispy Boilerplate - pure CSS
</div>
</div>
</div>
</header>
<div class="container">
<div class="grid">
<div class="col-2">
@ -31,7 +40,9 @@
</nav>
</div>
<div class="col-10">
<h2>Heading</h2>
<h1></h1>
<h2 id="typography">Typography</h2>
<div class="panel">
<h1>Heading h1</h1>
<h2>Heading h1</h2>
@ -40,6 +51,26 @@
<h5>Heading h1</h5>
<h6>Heading h1</h6>
</div>
<div class="panel">
<strong>Strong</strong> <span class="background-warning">&lt;strong&gt;</span>
<code></code>
<blockquote>
Hoodie kickstarter four loko, pinterest hashtag chambray glossier. Pug before they sold out etsy listicle. Deep v bespoke tacos polaroid, squid flexitarian crucifix messenger bag.
</blockquote>
</div>
<div class="panel">
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>
<dl>
<dt>defined title 1</dt><dd>defined item 1</dd>
</dl>
</div>
<h2 id="buttons" class="margin-top-1x">Buttons</h2>
<div class="panel">


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


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


+ 15
- 2
src/scss/_base.scss View File

@ -91,11 +91,24 @@ blockquote {
// lists
ul, ol, dl {
margin: 0 0 $crispy__margin 0;
padding: 0;
margin: pxToEm(10px) 0 $crispy__margin pxToEm(10px);
}
ol {
list-style: decimal inside;
}
ul {
list-style-position: outside;
list-style: disc inside;
}
dd, dt {
margin: 0;
}
dt {
font-weight: bold;
}
// divider


+ 1
- 0
src/scss/crispy.scss View File

@ -13,6 +13,7 @@
'components/table';
@include crispy__margin();
@include crispy__background-color();
@include crispy__button();
@include crispy__heading();


+ 1
- 1
src/scss/helpers/_background-color.scss View File

@ -11,7 +11,7 @@
$crispy__background-colors: $crispy__colors !default;
@mixin crispy__background-color() {
@each $name, $color in $crispy__background-color {
@each $name, $color in $crispy__background-colors {
.background-#{$name} {
background-color: $color;
}


Loading…
Cancel
Save