Skip to content

Commit 96cc31b

Browse files
moyusmoyus
committed
Update docs
1 parent a80c6d4 commit 96cc31b

31 files changed

Lines changed: 231 additions & 154 deletions

‎docs/badge.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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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/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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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: 5 additions & 10 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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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>
@@ -117,36 +117,31 @@
117117
<!-- END .site__sidebar -->
118118
<main id="main" class="site__main" role="main">
119119
<article class="article">
120-
<h1 id="container"><span>Container</span></h1><p>The <code>.container</code> width for each breakpoint is defined in <code>$container-max-widths</code> variable and it has a horizontal padding space <code>$grid-gutter-width / 2</code>.</p>
120+
<h1 id="container"><span>Container</span></h1><p>The <code>.container</code> width for each breakpoint is defined in <code>$container-max-widths</code> variable and it has a horizontal padding space <code>$container-padding: 16px</code>.</p>
121121
<p>Those are the default values:</p>
122122
<table class="table">
123123
<thead>
124124
<tr>
125125
<th>Breakpoint</th>
126126
<th>Max width</th>
127-
<th>Gutter</th>
128127
</tr>
129128
</thead>
130129
<tbody>
131130
<tr>
132131
<td>default - 0</td>
133132
<td>100%</td>
134-
<td>8px</td>
135133
</tr>
136134
<tr>
137135
<td><code>sm</code> - 768px</td>
138136
<td>100%</td>
139-
<td>8px</td>
140137
</tr>
141138
<tr>
142139
<td><code>md</code> - 1000px</td>
143140
<td>980px</td>
144-
<td>8px</td>
145141
</tr>
146142
<tr>
147143
<td><code>lg</code> - 1180px</td>
148144
<td>1180px</td>
149-
<td>8px</td>
150145
</tr>
151146
</tbody>
152147
</table>

‎docs/css/point.css‎

Lines changed: 68 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*!
22
* @moyu/pointcss
3-
* @version v2.0.0-alpha.7
3+
* @version v2.0.0-alpha.8
44
* @link https://github.com/moyus/pointcss
55
* @author moyu <moyuboy@gmail.com> (https://moyu.io)
66
* @license MIT
@@ -581,34 +581,6 @@ th {
581581

582582
/* ## Grid
583583
---------------------------------*/
584-
.container {
585-
position: relative;
586-
margin-left: auto;
587-
margin-right: auto;
588-
padding-left: 8px;
589-
padding-right: 8px;
590-
width: 100%;
591-
max-width: 100%;
592-
}
593-
594-
@media (min-width: 768px) {
595-
.container {
596-
max-width: 100%;
597-
}
598-
}
599-
600-
@media (min-width: 1000px) {
601-
.container {
602-
max-width: 980px;
603-
}
604-
}
605-
606-
@media (min-width: 1200px) {
607-
.container {
608-
max-width: 1180px;
609-
}
610-
}
611-
612584
.row {
613585
display: flex;
614586
flex-wrap: wrap;
@@ -1073,6 +1045,36 @@ th {
10731045
}
10741046
}
10751047

1048+
/* ## Container
1049+
---------------------------------*/
1050+
.container {
1051+
position: relative;
1052+
margin-left: auto;
1053+
margin-right: auto;
1054+
padding-left: 16px;
1055+
padding-right: 16px;
1056+
width: 100%;
1057+
max-width: 100%;
1058+
}
1059+
1060+
@media (min-width: 768px) {
1061+
.container {
1062+
max-width: 100%;
1063+
}
1064+
}
1065+
1066+
@media (min-width: 1000px) {
1067+
.container {
1068+
max-width: 980px;
1069+
}
1070+
}
1071+
1072+
@media (min-width: 1200px) {
1073+
.container {
1074+
max-width: 1180px;
1075+
}
1076+
}
1077+
10761078
/* ## Level
10771079
---------------------------------*/
10781080
.level {
@@ -2161,7 +2163,7 @@ fieldset[disabled] .btn {
21612163
margin: 8px 0 0 0;
21622164
border-radius: 3px;
21632165
background-color: #ffffff;
2164-
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
2166+
box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.1);
21652167
}
21662168

21672169
.dropdown__content > *:first-child {
@@ -2569,6 +2571,38 @@ fieldset[disabled] .btn {
25692571
box-shadow: none !important;
25702572
}
25712573

2574+
.form-range {
2575+
display: block;
2576+
margin: 0;
2577+
min-width: 0;
2578+
width: 100%;
2579+
height: 4px;
2580+
margin-top: 8px;
2581+
margin-bottom: 8px;
2582+
cursor: pointer;
2583+
border-radius: 9999px;
2584+
color: #212121;
2585+
background-color: #dbdbdb;
2586+
-webkit-appearance: none;
2587+
-moz-appearance: none;
2588+
appearance: none;
2589+
}
2590+
2591+
.form-range:focus {
2592+
outline: none;
2593+
color: #636AFF;
2594+
}
2595+
2596+
.form-range::-webkit-slider-thumb {
2597+
width: 16px;
2598+
height: 16px;
2599+
border: 0;
2600+
border-radius: 9999px;
2601+
background-color: currentColor;
2602+
-webkit-appearance: none;
2603+
appearance: none;
2604+
}
2605+
25722606
.form-field {
25732607
text-align: left;
25742608
margin-bottom: 16px;
@@ -2953,7 +2987,7 @@ fieldset[disabled] .btn {
29532987
margin: auto;
29542988
background-color: #ffffff;
29552989
border-radius: 5px;
2956-
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.04);
2990+
box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.2);
29572991
}
29582992

29592993
.modal__header {
@@ -3638,15 +3672,15 @@ body.is-masking {
36383672
}
36393673

36403674
.shadow-sm {
3641-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
3675+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
36423676
}
36433677

36443678
.shadow-md {
3645-
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
3679+
box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.1) !important;
36463680
}
36473681

36483682
.shadow-lg {
3649-
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
3683+
box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.2) !important;
36503684
}
36513685

36523686
.block {

‎docs/dropdown.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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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/elevation.html‎

Lines changed: 18 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=200alpha7">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha7">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha7">
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">
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.7</span>
27+
<span>v2.0.0-alpha.8</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>
@@ -165,6 +165,20 @@ <h1 id="elevation"><span>Elevation</span></h1><p>Utilities for controlling an el
165165
</tbody>
166166
</table>
167167

168+
<div class="bg-light py-9">
169+
<div class="level">
170+
<div class="level__item">
171+
<div class="rounded-md bg-white py-8 px-9 shadow-sm">sm</div>
172+
</div>
173+
<div class="level__item">
174+
<div class="rounded-md bg-white py-8 px-9 shadow-md">md</div>
175+
</div>
176+
<div class="level__item">
177+
<div class="rounded-md bg-white py-8 px-9 shadow-lg">lg</div>
178+
</div>
179+
</div>
180+
</div>
181+
168182
</article>
169183
</main>
170184
<!-- END .site__main -->

0 commit comments

Comments
 (0)