Skip to content

Commit d8be4b4

Browse files
moyusmoyus
committed
v2.0.0-alpha.6
1 parent c95a16a commit d8be4b4

35 files changed

Lines changed: 274 additions & 353 deletions

‎dist/point.css‎

Lines changed: 43 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*!
22
* @moyu/pointcss
3-
* @version v2.0.0-alpha.5
3+
* @version v2.0.0-alpha.6
44
* @link https://github.com/moyus/pointcss
55
* @author moyu <moyuboy@gmail.com> (https://moyu.io)
66
* @license MIT
@@ -477,99 +477,74 @@ th {
477477
}
478478

479479
@media (max-width: 767px) {
480-
.table--collapse\@xs thead,
481-
.table--collapse\@xs tfoot {
480+
.table\@sm thead,
481+
.table\@sm tfoot {
482482
display: none;
483483
}
484-
.table--collapse\@xs tr {
484+
.table\@sm tr {
485485
display: block;
486486
}
487-
.table--collapse\@xs tr:not(:last-child) {
487+
.table\@sm tr:not(:last-child) {
488488
border-bottom: 3px solid #e5e5e5;
489489
}
490-
.table--collapse\@xs th, .table--collapse\@xs td {
490+
.table\@sm th, .table\@sm td {
491491
display: block;
492492
width: 100% !important;
493493
text-align: right;
494494
}
495-
.table--collapse\@xs th:before, .table--collapse\@xs td:before {
495+
.table\@sm th:before, .table\@sm td:before {
496496
float: left;
497497
color: #616161;
498498
content: attr(data-label);
499499
}
500500
}
501501

502502
@media (max-width: 999px) {
503-
.table--collapse\@sm thead,
504-
.table--collapse\@sm tfoot {
503+
.table\@md thead,
504+
.table\@md tfoot {
505505
display: none;
506506
}
507-
.table--collapse\@sm tr {
507+
.table\@md tr {
508508
display: block;
509509
}
510-
.table--collapse\@sm tr:not(:last-child) {
510+
.table\@md tr:not(:last-child) {
511511
border-bottom: 3px solid #e5e5e5;
512512
}
513-
.table--collapse\@sm th, .table--collapse\@sm td {
513+
.table\@md th, .table\@md td {
514514
display: block;
515515
width: 100% !important;
516516
text-align: right;
517517
}
518-
.table--collapse\@sm th:before, .table--collapse\@sm td:before {
518+
.table\@md th:before, .table\@md td:before {
519519
float: left;
520520
color: #616161;
521521
content: attr(data-label);
522522
}
523523
}
524524

525525
@media (max-width: 1199px) {
526-
.table--collapse\@md thead,
527-
.table--collapse\@md tfoot {
526+
.table\@lg thead,
527+
.table\@lg tfoot {
528528
display: none;
529529
}
530-
.table--collapse\@md tr {
530+
.table\@lg tr {
531531
display: block;
532532
}
533-
.table--collapse\@md tr:not(:last-child) {
533+
.table\@lg tr:not(:last-child) {
534534
border-bottom: 3px solid #e5e5e5;
535535
}
536-
.table--collapse\@md th, .table--collapse\@md td {
536+
.table\@lg th, .table\@lg td {
537537
display: block;
538538
width: 100% !important;
539539
text-align: right;
540540
}
541-
.table--collapse\@md th:before, .table--collapse\@md td:before {
541+
.table\@lg th:before, .table\@lg td:before {
542542
float: left;
543543
color: #616161;
544544
content: attr(data-label);
545545
}
546546
}
547547

548-
.table--collapse\@lg thead,
549-
.table--collapse\@lg tfoot {
550-
display: none;
551-
}
552-
553-
.table--collapse\@lg tr {
554-
display: block;
555-
}
556-
557-
.table--collapse\@lg tr:not(:last-child) {
558-
border-bottom: 3px solid #e5e5e5;
559-
}
560-
561-
.table--collapse\@lg th, .table--collapse\@lg td {
562-
display: block;
563-
width: 100% !important;
564-
text-align: right;
565-
}
566-
567-
.table--collapse\@lg th:before, .table--collapse\@lg td:before {
568-
float: left;
569-
color: #616161;
570-
content: attr(data-label);
571-
}
572-
573548
/* ## Media
574549
---------------------------------*/
575550
.img-fluid {
@@ -1058,48 +1033,44 @@ th {
10581033
display: none !important;
10591034
}
10601035

1061-
.hidden-up {
1036+
.hidden-until {
10621037
display: none !important;
10631038
}
10641039

1065-
@media (max-width: 767px) {
1066-
.hidden-down {
1067-
display: none !important;
1068-
}
1069-
}
1070-
10711040
@media (min-width: 768px) {
1072-
.hidden-up\@sm {
1041+
.hidden\@sm {
10731042
display: none !important;
10741043
}
10751044
}
10761045

1077-
@media (max-width: 999px) {
1078-
.hidden-down\@sm {
1046+
@media (max-width: 767px) {
1047+
.hidden-until\@sm {
10791048
display: none !important;
10801049
}
10811050
}
10821051

10831052
@media (min-width: 1000px) {
1084-
.hidden-up\@md {
1053+
.hidden\@md {
10851054
display: none !important;
10861055
}
10871056
}
10881057

1089-
@media (max-width: 1199px) {
1090-
.hidden-down\@md {
1058+
@media (max-width: 999px) {
1059+
.hidden-until\@md {
10911060
display: none !important;
10921061
}
10931062
}
10941063

10951064
@media (min-width: 1200px) {
1096-
.hidden-up\@lg {
1065+
.hidden\@lg {
10971066
display: none !important;
10981067
}
10991068
}
11001069

1101-
.hidden-down\@lg {
1102-
display: none !important;
1070+
@media (max-width: 1199px) {
1071+
.hidden-until\@lg {
1072+
display: none !important;
1073+
}
11031074
}
11041075

11051076
/* ## Level
@@ -1162,52 +1133,41 @@ th {
11621133
}
11631134

11641135
@media (max-width: 767px) {
1165-
.level--collapse\@xs {
1136+
.level\@sm {
11661137
flex-direction: column;
11671138
justify-content: center;
11681139
}
1169-
.level--collapse\@xs .level__start:not(:last-child),
1170-
.level--collapse\@xs .level__end:not(:last-child),
1171-
.level--collapse\@xs .level__center:not(:last-child) {
1140+
.level\@sm .level__start:not(:last-child),
1141+
.level\@sm .level__end:not(:last-child),
1142+
.level\@sm .level__center:not(:last-child) {
11721143
margin-bottom: 16px;
11731144
}
11741145
}
11751146

11761147
@media (max-width: 999px) {
1177-
.level--collapse\@sm {
1148+
.level\@md {
11781149
flex-direction: column;
11791150
justify-content: center;
11801151
}
1181-
.level--collapse\@sm .level__start:not(:last-child),
1182-
.level--collapse\@sm .level__end:not(:last-child),
1183-
.level--collapse\@sm .level__center:not(:last-child) {
1152+
.level\@md .level__start:not(:last-child),
1153+
.level\@md .level__end:not(:last-child),
1154+
.level\@md .level__center:not(:last-child) {
11841155
margin-bottom: 16px;
11851156
}
11861157
}
11871158

11881159
@media (max-width: 1199px) {
1189-
.level--collapse\@md {
1160+
.level\@lg {
11901161
flex-direction: column;
11911162
justify-content: center;
11921163
}
1193-
.level--collapse\@md .level__start:not(:last-child),
1194-
.level--collapse\@md .level__end:not(:last-child),
1195-
.level--collapse\@md .level__center:not(:last-child) {
1164+
.level\@lg .level__start:not(:last-child),
1165+
.level\@lg .level__end:not(:last-child),
1166+
.level\@lg .level__center:not(:last-child) {
11961167
margin-bottom: 16px;
11971168
}
11981169
}
11991170

1200-
.level--collapse\@lg {
1201-
flex-direction: column;
1202-
justify-content: center;
1203-
}
1204-
1205-
.level--collapse\@lg .level__start:not(:last-child),
1206-
.level--collapse\@lg .level__end:not(:last-child),
1207-
.level--collapse\@lg .level__center:not(:last-child) {
1208-
margin-bottom: 16px;
1209-
}
1210-
12111171
/* ## Badge
12121172
---------------------------------*/
12131173
.badge {

‎dist/point.min.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/badge.html‎

Lines changed: 6 additions & 6 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=200alpha5">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha5">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha5">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha6">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha6">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha6">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,17 +22,17 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item">
25+
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.5</span>
27+
<span>v2.0.0-alpha.6</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>
3131
</svg>
3232
</a>
3333
</div>
3434
</div>
35-
<div class="navbar__item hidden-up@lg">
35+
<div class="navbar__item hidden@lg">
3636
<button class="btn js-sidebar-trigger">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>

‎docs/box.html‎

Lines changed: 6 additions & 6 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=200alpha5">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha5">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha5">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha6">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha6">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha6">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,17 +22,17 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item">
25+
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.5</span>
27+
<span>v2.0.0-alpha.6</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>
3131
</svg>
3232
</a>
3333
</div>
3434
</div>
35-
<div class="navbar__item hidden-up@lg">
35+
<div class="navbar__item hidden@lg">
3636
<button class="btn js-sidebar-trigger">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>

‎docs/breadcrumb.html‎

Lines changed: 6 additions & 6 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=200alpha5">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha5">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha5">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha6">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha6">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha6">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,17 +22,17 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item">
25+
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.5</span>
27+
<span>v2.0.0-alpha.6</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>
3131
</svg>
3232
</a>
3333
</div>
3434
</div>
35-
<div class="navbar__item hidden-up@lg">
35+
<div class="navbar__item hidden@lg">
3636
<button class="btn js-sidebar-trigger">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>

‎docs/button.html‎

Lines changed: 6 additions & 6 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=200alpha5">
12-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha5">
13-
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha5">
11+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/point.css?v=200alpha6">
12+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/style.css?v=200alpha6">
13+
<link rel="stylesheet" href="https://moyus.github.io/pointcss/css/prism.css?v=200alpha6">
1414
</head>
1515
<body>
1616
<div id="docs" class="site">
@@ -22,17 +22,17 @@
2222
</a>
2323
</div>
2424
<div class="navbar__end">
25-
<div class="navbar__item">
25+
<div class="navbar__item hidden-until@lg">
2626
<div class="site__metadata">
27-
<span>v2.0.0-alpha.5</span>
27+
<span>v2.0.0-alpha.6</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>
3131
</svg>
3232
</a>
3333
</div>
3434
</div>
35-
<div class="navbar__item hidden-up@lg">
35+
<div class="navbar__item hidden@lg">
3636
<button class="btn js-sidebar-trigger">
3737
<span class="flex items-center">
3838
<i class="icon-menu"></i>

0 commit comments

Comments
 (0)