Skip to content

Commit 689c4c6

Browse files
moyusmoyus
committed
Update docs
1 parent 6dfad6c commit 689c4c6

30 files changed

Lines changed: 439 additions & 211 deletions

‎docs/badge.html‎

Lines changed: 52 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha8">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha8">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha8">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha9">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha9">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha9">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.8</span>
27+
<span>v2.0.0-alpha.9</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>
@@ -120,11 +120,33 @@
120120
<h1 id="badge"><span>Badge</span></h1><h2 id="basic">
121121
<a name="basic" class="anchor" href="#basic"></a>
122122
Basic
123-
</h2><div class="mb-6">
124-
<span class="badge">Badge label</span>
123+
</h2><div class="level mb-6">
124+
<div class="level__item">
125+
<span class="badge">Badge</span>
126+
</div>
127+
<div class="level__item">
128+
<button class="btn">
129+
<div class="flex items-center">
130+
<span>Messages</span>
131+
<span class="ml-3 badge badge--danger">12</span>
132+
</div>
133+
</button>
134+
</div>
135+
<div class="level__item">
136+
<h3 class="m-0">Heading<sup class="badge badge--info">New</sup></h3>
137+
</div>
125138
</div>
126139

127-
<pre><code class="language-html">&lt;span class=&quot;badge&quot;&gt;Badge label&lt;/span&gt;</code></pre>
140+
<pre><code class="language-html">&lt;span class=&quot;badge&quot;&gt;Badge&lt;/span&gt;
141+
142+
&lt;button class=&quot;btn&quot;&gt;
143+
&lt;div class=&quot;flex items-center&quot;&gt;
144+
&lt;span&gt;Messages&lt;/span&gt;
145+
&lt;span class=&quot;ml-3 badge badge--danger&quot;&gt;12&lt;/span&gt;
146+
&lt;/div&gt;
147+
&lt;/button&gt;
148+
149+
&lt;h3&gt;Heading&lt;sup class=&quot;badge badge--info&quot;&gt;New&lt;/sup&gt;&lt;/h3&gt;</code></pre>
128150
<h2 id="variants">
129151
<a name="variants" class="anchor" href="#variants"></a>
130152
Variants
@@ -160,12 +182,12 @@ <h2 id="linked">
160182
<a name="linked" class="anchor" href="#linked"></a>
161183
Linked
162184
</h2><div class="mb-6">
163-
<a class="badge badge--link">Badge</a>
164-
<a class="badge badge--primary badge--link">Primary</a>
165-
<a class="badge badge--info badge--link">Info</a>
166-
<a class="badge badge--success badge--link">Success</a>
167-
<a class="badge badge--danger badge--link">Danger</a>
168-
<a class="badge badge--warning badge--link">Warning</a>
185+
<a class="badge badge--link">Badge</a>
186+
<a class="badge badge--primary badge--link">Primary</a>
187+
<a class="badge badge--info badge--link">Info</a>
188+
<a class="badge badge--success badge--link">Success</a>
189+
<a class="badge badge--danger badge--link">Danger</a>
190+
<a class="badge badge--warning badge--link">Warning</a>
169191
</div>
170192

171193
<pre><code class="language-html">&lt;a class=&quot;badge badge--link&quot;&gt;Badge&lt;/a&gt;
@@ -174,6 +196,21 @@ <h2 id="linked">
174196
&lt;a class=&quot;badge badge--success badge--link&quot;&gt;Success&lt;/a&gt;
175197
&lt;a class=&quot;badge badge--danger badge--link&quot;&gt;Danger&lt;/a&gt;
176198
&lt;a class=&quot;badge badge--warning badge--link&quot;&gt;Warning&lt;/a&gt;</code></pre>
199+
<h2 id="position">
200+
<a name="position" class="anchor" href="#position"></a>
201+
Position
202+
</h2><p>By composing with other components, you can specify the position of badge.</p>
203+
<div class="mb-6">
204+
<button class="btn btn--lose">
205+
<span>Messages</span>
206+
<span class="badge badge--danger badge--rt">99</span>
207+
</button>
208+
</div>
209+
210+
<pre><code class="language-html">&lt;button class=&quot;btn btn--lose&quot;&gt;
211+
&lt;span&gt;Messages&lt;/span&gt;
212+
&lt;span class=&quot;badge badge--danger badge--rt&quot;&gt;99&lt;/span&gt;
213+
&lt;/button&gt;</code></pre>
177214

178215
</article>
179216
</main>
@@ -186,6 +223,8 @@ <h2 id="linked">
186223

187224
<a href="#linked">Linked</a>
188225

226+
<a href="#position">Position</a>
227+
189228
</nav>
190229
<!-- END .site__catalogue -->
191230
</div>

‎docs/box.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha8">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha8">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha8">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha9">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha9">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha9">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.8</span>
27+
<span>v2.0.0-alpha.9</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>

‎docs/breadcrumb.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha8">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha8">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha8">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha9">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha9">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha9">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.8</span>
27+
<span>v2.0.0-alpha.9</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>

‎docs/button.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha8">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha8">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha8">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha9">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha9">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha9">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.8</span>
27+
<span>v2.0.0-alpha.9</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>

‎docs/color.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha8">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha8">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha8">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha9">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha9">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha9">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.8</span>
27+
<span>v2.0.0-alpha.9</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>

‎docs/container.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
<meta name="description" content="A flexible CSS Framework for building modern responsive web apps">
99
<meta name="keywords" content="css,sass,flexbox,responsive,front-end,mobile-friendly,framework,web">
1010
<link rel="shortcut icon" href="https://moyus.github.io/pointcss/images/favicon.ico" />
11-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha8">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha8">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha8">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha9">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha9">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha9">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.8</span>
27+
<span>v2.0.0-alpha.9</span>
2828
<a href="https://github.com/moyus/pointcss" title="Github" target="_blank">
2929
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
3030
<path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0" fill="currentColor"></path>

0 commit comments

Comments
 (0)