initial import
This commit is contained in:
tlinkner
parent
09ca392d36
commit
6cb3690e37
304 changed files with 36492 additions and 0 deletions
179
styleguide/section-componenet.html
Normal file
179
styleguide/section-componenet.html
Normal file
|
|
@ -0,0 +1,179 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Agaric</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="generator" content="kss-node">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="stylesheet" href="./kss-assets/kss.css">
|
||||
<link rel="stylesheet" href="../assets/css/agaric.css">
|
||||
|
||||
</head>
|
||||
<body id="kss-node" >
|
||||
|
||||
<!-- kss-sidebar -->
|
||||
<div class="kss-sidebar">
|
||||
<header class="kss-sidebar__header">
|
||||
<a class="kss-link" href="index.html">
|
||||
<h1 class="kss-doc-title">Agaric</h1>
|
||||
</a>
|
||||
</header>
|
||||
<nav class="kss-nav">
|
||||
<ul class="kss-nav__menu">
|
||||
<li class="kss-nav__menu-item">
|
||||
<a class="kss-nav__menu-link" href="section-componenet.html">
|
||||
<!-- <span class="kss-nav__ref">1</span> -->
|
||||
Componenet</a>
|
||||
<!-- Design links stright to item tempplate -->
|
||||
<ul class="kss-nav__menu-child">
|
||||
<li class="kss-nav__menu-item">
|
||||
<a class="kss-nav__menu-link" href="section-componenet.html#kssref-componenet-hero">
|
||||
<!-- <span class="kss-nav__ref">1.1</span> -->
|
||||
Hero
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="kss-nav__menu-item">
|
||||
<a class="kss-nav__menu-link" href="section-base.html">
|
||||
<!-- <span class="kss-nav__ref">2</span> -->
|
||||
Base</a>
|
||||
<!-- Design links stright to item tempplate -->
|
||||
</li>
|
||||
<li class="kss-nav__menu-item">
|
||||
<a class="kss-nav__menu-link" href="section-layout.html">
|
||||
<!-- <span class="kss-nav__ref">3</span> -->
|
||||
Layout</a>
|
||||
<!-- Design links stright to item tempplate -->
|
||||
</li>
|
||||
<li class="kss-nav__menu-item">
|
||||
<a class="kss-nav__menu-link" href="section-component.html">
|
||||
<!-- <span class="kss-nav__ref">4</span> -->
|
||||
Component</a>
|
||||
<!-- Design links stright to item tempplate -->
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- kss-main -->
|
||||
<div class="kss-main-wrap">
|
||||
<article role="main" class="kss-main">
|
||||
|
||||
|
||||
<!-- Section -->
|
||||
<div id="" class="kss-section kss-section--depth-1 ">
|
||||
<a name="kssref-componenet"></a>
|
||||
<div class="kss-pattern"><!-- kss-pattern -->
|
||||
<!-- Header -->
|
||||
<div class="kss-pattern__header"><!-- kss-pattern__header -->
|
||||
<a class="kss-code-toggle" href="#componenet">Info</a>
|
||||
<h1 class="kss-title">
|
||||
<a class="kss-link" href="#kssref-componenet">1
|
||||
Componenet
|
||||
</a>
|
||||
</>
|
||||
<!-- Description -->
|
||||
</div><!-- kss-pattern__header -->
|
||||
<!-- Parameters -->
|
||||
|
||||
<!-- Example -->
|
||||
<div id="componenet" class="kss-pattern-code"><!-- kss-pattern-code -->
|
||||
<a class="kss-code-toggle" href="#componenet">Close</a>
|
||||
<!-- Source -->
|
||||
<!-- Markup -->
|
||||
</div><!-- kss-pattern-code -->
|
||||
</div><!-- kss-pattern -->
|
||||
|
||||
</>
|
||||
|
||||
|
||||
<!-- Section -->
|
||||
<section id="" class="kss-section kss-section--depth-2 ">
|
||||
<a name="kssref-componenet-hero"></a>
|
||||
<div class="kss-pattern"><!-- kss-pattern -->
|
||||
<!-- Header -->
|
||||
<div class="kss-pattern__header"><!-- kss-pattern__header -->
|
||||
<a class="kss-code-toggle" href="#componenet-hero">Info</a>
|
||||
<h2 class="kss-title">
|
||||
<a class="kss-link" href="#kssref-componenet-hero">1.1
|
||||
Hero
|
||||
</a>
|
||||
</>
|
||||
<!-- Description -->
|
||||
<div class="kss-description">
|
||||
<p>Extends Bulma hero.</p>
|
||||
|
||||
</div>
|
||||
</div><!-- kss-pattern__header -->
|
||||
<!-- Parameters -->
|
||||
<div class="kss-parameters__title">Parameters:</div>
|
||||
<ul class="kss-parameters">
|
||||
<li class="kss-parameters__item">
|
||||
<div class="kss-parameters__name">
|
||||
<code>.hero-main</code>
|
||||
</div>
|
||||
<div class="kss-parameters__description">
|
||||
full image
|
||||
</div>
|
||||
</li>
|
||||
<li class="kss-parameters__item">
|
||||
<div class="kss-parameters__name">
|
||||
<code>.hero-project</code>
|
||||
</div>
|
||||
<div class="kss-parameters__description">
|
||||
large left image
|
||||
</div>
|
||||
</li>
|
||||
<li class="kss-parameters__item">
|
||||
<div class="kss-parameters__name">
|
||||
<code>.hero-initiative</code>
|
||||
</div>
|
||||
<div class="kss-parameters__description">
|
||||
medium left image
|
||||
</div>
|
||||
</li>
|
||||
<li class="kss-parameters__item">
|
||||
<div class="kss-parameters__name">
|
||||
<code>.hero-person</code>
|
||||
</div>
|
||||
<div class="kss-parameters__description">
|
||||
pers image with nav overlay
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Example -->
|
||||
<div id="componenet-hero" class="kss-pattern-code"><!-- kss-pattern-code -->
|
||||
<a class="kss-code-toggle" href="#componenet-hero">Close</a>
|
||||
<!-- Source -->
|
||||
<div class="kss-source kss-style">
|
||||
<b>Source</b><br>
|
||||
<code>agaric/_component.hero.scss</code>, line
|
||||
1
|
||||
</div>
|
||||
<!-- Markup -->
|
||||
</div><!-- kss-pattern-code -->
|
||||
</div><!-- kss-pattern -->
|
||||
|
||||
</>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<script src="../assets/js/jquery-3.2.1.min.js"></script>
|
||||
|
||||
<!-- Automatically built using <a href="https://github.com/kss-node/kss-node">kss-node</a>. -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$(".kss-code-toggle").on("click tap", function(e) {
|
||||
e.preventDefault();
|
||||
var url = $(this).attr('href')
|
||||
var objRef = url.substring(url.indexOf('#') + 1);
|
||||
$("#" + objRef).toggleClass('active');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue