Skip to content

Commit 0c80946

Browse files
moyusmoyus
committed
Update docs
1 parent 2ef2d72 commit 0c80946

41 files changed

Lines changed: 1073 additions & 882 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎docs/badge.html‎

Lines changed: 33 additions & 9 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=200alpha13">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha14">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha14">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha14">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.13</span>
27+
<span>v2.0.0-alpha.14</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>
@@ -194,7 +194,7 @@ <h1 id="badge"><span>Badge</span></h1><h2 id="basic">
194194
<button class="btn">
195195
<div class="flex items-center">
196196
<span>Messages</span>
197-
<span class="ml-3 badge badge--danger">12</span>
197+
<span class="ml-3 badge badge--sm badge--danger">12</span>
198198
</div>
199199
</button>
200200
</div>
@@ -230,7 +230,6 @@ <h2 id="variant">
230230
<span class="badge badge--warning">Warning</span>
231231
<span class="badge badge--black">Black</span>
232232
<span class="badge badge--dark">Dark</span>
233-
<span class="badge badge--light">Light</span>
234233
<span class="badge badge--white">White</span>
235234
</div>
236235
<div class="snippet__source">
@@ -242,7 +241,6 @@ <h2 id="variant">
242241
&lt;span class=&quot;badge badge--warning&quot;&gt;Warning&lt;/span&gt;
243242
&lt;span class=&quot;badge badge--black&quot;&gt;Black&lt;/span&gt;
244243
&lt;span class=&quot;badge badge--dark&quot;&gt;Dark&lt;/span&gt;
245-
&lt;span class=&quot;badge badge--light&quot;&gt;Light&lt;/span&gt;
246244
&lt;span class=&quot;badge badge--white&quot;&gt;White&lt;/span&gt;</code></pre>
247245
</div>
248246
</section>
@@ -267,6 +265,30 @@ <h5 id="empty-badge">Empty badge</h5><section class="snippet">
267265
</div>
268266
</section>
269267

268+
<h2 id="sizing">
269+
<a name="sizing" class="anchor" href="#sizing"></a>
270+
Sizing
271+
</h2><section class="snippet">
272+
<div class="snippet__preview">
273+
<div class="level">
274+
<div class="level__item">
275+
<span class="badge badge--primary badge--sm">Small</span>
276+
</div>
277+
<div class="level__item">
278+
<span class="badge badge--success">Normal</span>
279+
</div>
280+
<div class="level__item">
281+
<span class="badge badge--warning badge--lg">Large</span>
282+
</div>
283+
</div>
284+
</div>
285+
<div class="snippet__source">
286+
287+
<pre><code class="language-html">&lt;span class=&quot;badge badge--sm&quot;&gt;&lt;/span&gt;
288+
&lt;span class=&quot;badge badge--lg&quot;&gt;&lt;/span&gt;</code></pre>
289+
</div>
290+
</section>
291+
270292
<h2 id="linked">
271293
<a name="linked" class="anchor" href="#linked"></a>
272294
Linked
@@ -298,14 +320,14 @@ <h2 id="position">
298320
<div class="snippet__preview">
299321
<button class="btn btn--lose">
300322
<span>Messages</span>
301-
<span class="badge badge--danger badge--rt">99</span>
323+
<span class="badge badge--danger badge--sm badge--pill badge--rt">99</span>
302324
</button>
303325
</div>
304326
<div class="snippet__source">
305327

306328
<pre><code class="language-html">&lt;button class=&quot;btn btn--lose&quot;&gt;
307329
&lt;span&gt;Messages&lt;/span&gt;
308-
&lt;span class=&quot;badge badge--danger badge--rt&quot;&gt;99&lt;/span&gt;
330+
&lt;span class=&quot;badge badge--danger badge--pill badge--rt&quot;&gt;99&lt;/span&gt;
309331
&lt;/button&gt;</code></pre>
310332
</div>
311333
</section>
@@ -319,6 +341,8 @@ <h2 id="position">
319341

320342
<a href="#variant">Variant</a>
321343

344+
<a href="#sizing">Sizing</a>
345+
322346
<a href="#linked">Linked</a>
323347

324348
<a href="#position">Position</a>

‎docs/box.html‎

Lines changed: 4 additions & 24 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=200alpha13">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha14">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha14">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha14">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.13</span>
27+
<span>v2.0.0-alpha.14</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>
@@ -325,26 +325,6 @@ <h2 id="accordion">
325325
</div>
326326
</div>
327327
</details>
328-
<details class="box">
329-
<summary class="box__header">Accordion Box #2</summary>
330-
<div class="box__body">
331-
<div class="box__inner">
332-
<p>
333-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque praesentium velit eius, repudiandae voluptatum, non provident modi dolor accusamus sunt inventore omnis saepe repellat, officia veritatis fugiat quo tempore placeat.
334-
</p>
335-
</div>
336-
</div>
337-
</details>
338-
<details class="box">
339-
<summary class="box__header">Accordion Box #3</summary>
340-
<div class="box__body">
341-
<div class="box__inner">
342-
<p>
343-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque praesentium velit eius, repudiandae voluptatum, non provident modi dolor accusamus sunt inventore omnis saepe repellat, officia veritatis fugiat quo tempore placeat.
344-
</p>
345-
</div>
346-
</div>
347-
</details>
348328
</div>
349329
<div class="snippet__source">
350330

‎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=200alpha13">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha14">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha14">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha14">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.13</span>
27+
<span>v2.0.0-alpha.14</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: 20 additions & 19 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=200alpha13">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha14">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha14">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha14">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.13</span>
27+
<span>v2.0.0-alpha.14</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>
@@ -199,21 +199,22 @@ <h2 id="variant">
199199
Variant
200200
</h2><section class="snippet">
201201
<div class="snippet__preview">
202-
<button class="btn btn--black">Black</button>
203-
<button class="btn btn--dark">Dark</button>
204-
<button class="btn btn--light">Light</button>
205-
<button class="btn btn--white">White</button>
206-
<button class="btn btn--link">Link</button>
207-
<button class="btn btn--icon">
208-
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>
209-
</button>
210-
<br />
211-
<br />
212-
<button class="btn btn--primary">Primary</button>
213-
<button class="btn btn--info">Info</button>
214-
<button class="btn btn--success">Success</button>
215-
<button class="btn btn--danger">Danger</button>
216-
<button class="btn btn--warning">Warning</button>
202+
<div class="inline-list">
203+
<button class="btn btn--black">Black</button>
204+
<button class="btn btn--dark">Dark</button>
205+
<button class="btn btn--light">Light</button>
206+
<button class="btn btn--white">White</button>
207+
<button class="btn btn--link">Link</button>
208+
<button class="btn btn--icon">
209+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>
210+
</button>
211+
<div class="flex-break"></div>
212+
<button class="btn btn--primary">Primary</button>
213+
<button class="btn btn--info">Info</button>
214+
<button class="btn btn--success">Success</button>
215+
<button class="btn btn--danger">Danger</button>
216+
<button class="btn btn--warning">Warning</button>
217+
</div>
217218
</div>
218219
<div class="snippet__source">
219220

‎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=200alpha13">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha14">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha14">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha14">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.13</span>
27+
<span>v2.0.0-alpha.14</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=200alpha13">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha13">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha13">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha14">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha14">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha14">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -24,7 +24,7 @@
2424
<div class="navbar__end">
2525
<div class="navbar__item shown@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.13</span>
27+
<span>v2.0.0-alpha.14</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)