Skip to content

Commit f0de162

Browse files
moyusmoyus
committed
Update
1 parent 3da10cc commit f0de162

5 files changed

Lines changed: 150 additions & 88 deletions

File tree

‎dist/point.css‎

Lines changed: 25 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -3254,15 +3254,11 @@ fieldset[disabled] .btn {
32543254
}
32553255

32563256
.menu__list {
3257-
margin: 0 0 16px;
3257+
margin: 0 0 16px 0;
32583258
padding: 0;
32593259
list-style: none;
32603260
}
32613261

3262-
.menu__list:last-child {
3263-
margin-bottom: 0;
3264-
}
3265-
32663262
.menu__item {
32673263
position: relative;
32683264
margin: 2px 0;
@@ -4084,27 +4080,27 @@ fieldset[disabled] .btn {
40844080
opacity: 1 !important;
40854081
}
40864082

4087-
.shadow-sm {
4083+
.lift-sm {
40884084
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
40894085
}
40904086

4091-
.shadow-md {
4087+
.lift-md {
40924088
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
40934089
}
40944090

4095-
.shadow-lg {
4091+
.lift-lg {
40964092
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2) !important;
40974093
}
40984094

4099-
.sharp-shadow-sm {
4095+
.shadow-sm {
41004096
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
41014097
}
41024098

4103-
.sharp-shadow-md {
4099+
.shadow-md {
41044100
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
41054101
}
41064102

4107-
.sharp-shadow-lg {
4103+
.shadow-lg {
41084104
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
41094105
}
41104106

@@ -4834,63 +4830,63 @@ fieldset[disabled] .btn {
48344830
}
48354831

48364832
.ml-9 {
4837-
margin-left: 64px !important;
4833+
margin-left: 40px !important;
48384834
}
48394835

48404836
.mt-9 {
4841-
margin-top: 64px !important;
4837+
margin-top: 40px !important;
48424838
}
48434839

48444840
.mr-9 {
4845-
margin-right: 64px !important;
4841+
margin-right: 40px !important;
48464842
}
48474843

48484844
.mb-9 {
4849-
margin-bottom: 64px !important;
4845+
margin-bottom: 40px !important;
48504846
}
48514847

48524848
.mx-9 {
4853-
margin-left: 64px !important;
4854-
margin-right: 64px !important;
4849+
margin-left: 40px !important;
4850+
margin-right: 40px !important;
48554851
}
48564852

48574853
.my-9 {
4858-
margin-top: 64px !important;
4859-
margin-bottom: 64px !important;
4854+
margin-top: 40px !important;
4855+
margin-bottom: 40px !important;
48604856
}
48614857

48624858
.m-9 {
4863-
margin: 64px !important;
4859+
margin: 40px !important;
48644860
}
48654861

48664862
.pl-9 {
4867-
padding-left: 64px !important;
4863+
padding-left: 40px !important;
48684864
}
48694865

48704866
.pt-9 {
4871-
padding-top: 64px !important;
4867+
padding-top: 40px !important;
48724868
}
48734869

48744870
.pr-9 {
4875-
padding-right: 64px !important;
4871+
padding-right: 40px !important;
48764872
}
48774873

48784874
.pb-9 {
4879-
padding-bottom: 64px !important;
4875+
padding-bottom: 40px !important;
48804876
}
48814877

48824878
.px-9 {
4883-
padding-left: 64px !important;
4884-
padding-right: 64px !important;
4879+
padding-left: 40px !important;
4880+
padding-right: 40px !important;
48854881
}
48864882

48874883
.py-9 {
4888-
padding-top: 64px !important;
4889-
padding-bottom: 64px !important;
4884+
padding-top: 40px !important;
4885+
padding-bottom: 40px !important;
48904886
}
48914887

48924888
.p-9 {
4893-
padding: 64px !important;
4889+
padding: 40px !important;
48944890
}
48954891

48964892
.italic {

‎dist/point.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/css/point.css‎

Lines changed: 25 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -3254,15 +3254,11 @@ fieldset[disabled] .btn {
32543254
}
32553255

32563256
.menu__list {
3257-
margin: 0 0 16px;
3257+
margin: 0 0 16px 0;
32583258
padding: 0;
32593259
list-style: none;
32603260
}
32613261

3262-
.menu__list:last-child {
3263-
margin-bottom: 0;
3264-
}
3265-
32663262
.menu__item {
32673263
position: relative;
32683264
margin: 2px 0;
@@ -4084,27 +4080,27 @@ fieldset[disabled] .btn {
40844080
opacity: 1 !important;
40854081
}
40864082

4087-
.shadow-sm {
4083+
.lift-sm {
40884084
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
40894085
}
40904086

4091-
.shadow-md {
4087+
.lift-md {
40924088
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
40934089
}
40944090

4095-
.shadow-lg {
4091+
.lift-lg {
40964092
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2) !important;
40974093
}
40984094

4099-
.sharp-shadow-sm {
4095+
.shadow-sm {
41004096
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
41014097
}
41024098

4103-
.sharp-shadow-md {
4099+
.shadow-md {
41044100
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
41054101
}
41064102

4107-
.sharp-shadow-lg {
4103+
.shadow-lg {
41084104
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
41094105
}
41104106

@@ -4834,63 +4830,63 @@ fieldset[disabled] .btn {
48344830
}
48354831

48364832
.ml-9 {
4837-
margin-left: 64px !important;
4833+
margin-left: 40px !important;
48384834
}
48394835

48404836
.mt-9 {
4841-
margin-top: 64px !important;
4837+
margin-top: 40px !important;
48424838
}
48434839

48444840
.mr-9 {
4845-
margin-right: 64px !important;
4841+
margin-right: 40px !important;
48464842
}
48474843

48484844
.mb-9 {
4849-
margin-bottom: 64px !important;
4845+
margin-bottom: 40px !important;
48504846
}
48514847

48524848
.mx-9 {
4853-
margin-left: 64px !important;
4854-
margin-right: 64px !important;
4849+
margin-left: 40px !important;
4850+
margin-right: 40px !important;
48554851
}
48564852

48574853
.my-9 {
4858-
margin-top: 64px !important;
4859-
margin-bottom: 64px !important;
4854+
margin-top: 40px !important;
4855+
margin-bottom: 40px !important;
48604856
}
48614857

48624858
.m-9 {
4863-
margin: 64px !important;
4859+
margin: 40px !important;
48644860
}
48654861

48664862
.pl-9 {
4867-
padding-left: 64px !important;
4863+
padding-left: 40px !important;
48684864
}
48694865

48704866
.pt-9 {
4871-
padding-top: 64px !important;
4867+
padding-top: 40px !important;
48724868
}
48734869

48744870
.pr-9 {
4875-
padding-right: 64px !important;
4871+
padding-right: 40px !important;
48764872
}
48774873

48784874
.pb-9 {
4879-
padding-bottom: 64px !important;
4875+
padding-bottom: 40px !important;
48804876
}
48814877

48824878
.px-9 {
4883-
padding-left: 64px !important;
4884-
padding-right: 64px !important;
4879+
padding-left: 40px !important;
4880+
padding-right: 40px !important;
48854881
}
48864882

48874883
.py-9 {
4888-
padding-top: 64px !important;
4889-
padding-bottom: 64px !important;
4884+
padding-top: 40px !important;
4885+
padding-bottom: 40px !important;
48904886
}
48914887

48924888
.p-9 {
4893-
padding: 64px !important;
4889+
padding: 40px !important;
48944890
}
48954891

48964892
.italic {

‎docs/effect.html‎

Lines changed: 48 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -219,7 +219,19 @@ <h2 id="opacity">
219219
<h2 id="elevation">
220220
<a name="elevation" class="anchor" href="#elevation"></a>
221221
Elevation
222-
</h2><table class="table table--bordered">
222+
</h2><h5 id="content-elevation">Content elevation</h5><div class="level my-8">
223+
<div class="level__item">
224+
<div class="rounded-md bg-info color-white py-8 px-9 lift-sm">sm</div>
225+
</div>
226+
<div class="level__item">
227+
<div class="rounded-md bg-success color-white py-8 px-9 lift-md">md</div>
228+
</div>
229+
<div class="level__item">
230+
<div class="rounded-md bg-danger color-white py-8 px-9 lift-lg">lg</div>
231+
</div>
232+
</div>
233+
234+
<table class="table table--bordered">
223235
<thead>
224236
<tr>
225237
<th>Class</th>
@@ -228,34 +240,55 @@ <h2 id="elevation">
228240
</thead>
229241
<tbody>
230242
<tr>
231-
<td><code>.shadow-sm</code></td>
243+
<td><code>.lift-sm</code></td>
232244
<td><code>box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)</code></td>
233245
</tr>
234246
<tr>
235-
<td><code>.shadow-md</code></td>
247+
<td><code>.lift-md</code></td>
236248
<td><code>box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1)</code></td>
237249
</tr>
238250
<tr>
239-
<td><code>.shadow-lg</code></td>
251+
<td><code>.lift-lg</code></td>
240252
<td><code>box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2)</code></td>
241253
</tr>
242254
</tbody>
243255
</table>
244256

245-
<div class="bg-light py-9">
246-
<div class="level">
247-
<div class="level__item">
248-
<div class="rounded-md bg-white py-8 px-9 shadow-sm">sm</div>
249-
</div>
250-
<div class="level__item">
251-
<div class="rounded-md bg-white py-8 px-9 shadow-md">md</div>
252-
</div>
253-
<div class="level__item">
254-
<div class="rounded-md bg-white py-8 px-9 shadow-lg">lg</div>
255-
</div>
257+
<h5 id="shape-elevation">Shape elevation</h5><div class="level my-8">
258+
<div class="level__item">
259+
<div class="rounded-md bg-white py-8 px-9 shadow-sm">sm</div>
260+
</div>
261+
<div class="level__item">
262+
<div class="rounded-md bg-white py-8 px-9 shadow-md">md</div>
263+
</div>
264+
<div class="level__item">
265+
<div class="rounded-md bg-white py-8 px-9 shadow-lg">lg</div>
256266
</div>
257267
</div>
258268

269+
<table class="table table--bordered">
270+
<thead>
271+
<tr>
272+
<th>Class</th>
273+
<th>Properties</th>
274+
</tr>
275+
</thead>
276+
<tbody>
277+
<tr>
278+
<td><code>.shadow-sm</code></td>
279+
<td><code>box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05)</code></td>
280+
</tr>
281+
<tr>
282+
<td><code>.shadow-md</code></td>
283+
<td><code>box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05)</code></td>
284+
</tr>
285+
<tr>
286+
<td><code>.shadow-lg</code></td>
287+
<td><code>box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05)</code></td>
288+
</tr>
289+
</tbody>
290+
</table>
291+
259292
</article>
260293
</main>
261294
<!-- END .site__main -->

0 commit comments

Comments
 (0)