|
1 | 1 | /*! |
2 | 2 | * @moyu/pointcss |
3 | | - * @version v2.0.0-alpha.6 |
| 3 | + * @version v2.0.0-alpha.7 |
4 | 4 | * @link https://github.com/moyus/pointcss |
5 | 5 | * @author moyu <moyuboy@gmail.com> (https://moyu.io) |
6 | 6 | * @license MIT |
@@ -449,13 +449,13 @@ th { |
449 | 449 | border-top: 1px solid #dbdbdb; |
450 | 450 | } |
451 | 451 |
|
452 | | -.table.table--compact th, .table.table--compact td { |
| 452 | +.table.table--small th, .table.table--small td { |
453 | 453 | text-align: left; |
454 | 454 | padding: 8px; |
455 | 455 | vertical-align: middle; |
456 | 456 | } |
457 | 457 |
|
458 | | -.table.table--loose th, .table.table--loose td { |
| 458 | +.table.table--large th, .table.table--large td { |
459 | 459 | text-align: left; |
460 | 460 | padding: 24px; |
461 | 461 | vertical-align: middle; |
@@ -1501,65 +1501,6 @@ fieldset[disabled] .btn { |
1501 | 1501 | cursor: not-allowed; |
1502 | 1502 | } |
1503 | 1503 |
|
1504 | | -.btn.btn--black { |
1505 | | - color: #ffffff; |
1506 | | - border-color: #000000; |
1507 | | - background-color: #000000; |
1508 | | -} |
1509 | | - |
1510 | | -.btn.btn--black:hover { |
1511 | | - color: #ffffff; |
1512 | | - border-color: black; |
1513 | | - background-color: black; |
1514 | | -} |
1515 | | - |
1516 | | -.btn.btn--black:focus, .btn.btn--black.is-focused { |
1517 | | - box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25); |
1518 | | -} |
1519 | | - |
1520 | | -.btn.btn--black:active, .btn.btn--black.is-actived { |
1521 | | - color: #ffffff; |
1522 | | - border-color: black; |
1523 | | - background-color: black; |
1524 | | -} |
1525 | | - |
1526 | | -.btn.btn--black.is-loading, .btn.btn--black.is-loading:active, .btn.btn--black.is-loading:hover, .btn.btn--black[loading], .btn.btn--black[loading]:active, .btn.btn--black[loading]:hover { |
1527 | | - color: transparent; |
1528 | | -} |
1529 | | - |
1530 | | -.btn.btn--black.is-loading:after, .btn.btn--black[loading]:after { |
1531 | | - border-left-color: #ffffff; |
1532 | | - border-bottom-color: #ffffff; |
1533 | | -} |
1534 | | - |
1535 | | -.btn.btn--black.btn--outline { |
1536 | | - color: #000000; |
1537 | | - background-color: transparent; |
1538 | | - border-color: #000000; |
1539 | | -} |
1540 | | - |
1541 | | -.btn.btn--black.btn--outline:hover { |
1542 | | - color: #ffffff; |
1543 | | - background-color: black; |
1544 | | - border-color: black; |
1545 | | -} |
1546 | | - |
1547 | | -.btn.btn--black.btn--outline:active, .btn.btn--black.btn--outline.is-active { |
1548 | | - color: #ffffff; |
1549 | | - background-color: black; |
1550 | | - border-color: black; |
1551 | | -} |
1552 | | - |
1553 | | -.btn.btn--black.btn--outline.is-loading, .btn.btn--black.btn--outline.is-loading:active, .btn.btn--black.btn--outline.is-loading:hover, .btn.btn--black.btn--outline[loading], .btn.btn--black.btn--outline[loading]:active, .btn.btn--black.btn--outline[loading]:hover { |
1554 | | - color: transparent; |
1555 | | - background-color: transparent; |
1556 | | -} |
1557 | | - |
1558 | | -.btn.btn--black.btn--outline.is-loading:after, .btn.btn--black.btn--outline[loading]:after { |
1559 | | - border-left-color: #000000; |
1560 | | - border-bottom-color: #000000; |
1561 | | -} |
1562 | | - |
1563 | 1504 | .btn.btn--dark { |
1564 | 1505 | color: #ffffff; |
1565 | 1506 | border-color: #212121; |
@@ -2056,12 +1997,11 @@ fieldset[disabled] .btn { |
2056 | 1997 | right: auto; |
2057 | 1998 | bottom: auto; |
2058 | 1999 | width: 200px; |
2059 | | - padding: 8px; |
| 2000 | + padding: 3px 0; |
2060 | 2001 | margin: 8px 0 0 0; |
2061 | | - border: 1px solid #dbdbdb; |
2062 | 2002 | border-radius: 3px; |
2063 | 2003 | background-color: #ffffff; |
2064 | | - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); |
| 2004 | + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04); |
2065 | 2005 | } |
2066 | 2006 |
|
2067 | 2007 | .dropdown__content > *:first-child { |
@@ -2299,7 +2239,7 @@ fieldset[disabled] .btn { |
2299 | 2239 | .form-select:not([multiple]) { |
2300 | 2240 | padding-right: 32px; |
2301 | 2241 | background-color: #ffffff; |
2302 | | - background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23616161' d='M8.706 11.414l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71h-5.18c-.89 0-1.33 1.08-.7 1.71z'/%3E%3C/svg%3E"); |
| 2242 | + background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23616161' d='M9.987 10.635L7.751 8.41 7 9.136l2.988 2.865L13 9.124l-.746-.724z'/%3E%3C/svg%3E"); |
2303 | 2243 | background-repeat: no-repeat; |
2304 | 2244 | background-position: right center; |
2305 | 2245 | } |
@@ -2809,6 +2749,20 @@ fieldset[disabled] .btn { |
2809 | 2749 | border-bottom-right-radius: 5px; |
2810 | 2750 | } |
2811 | 2751 |
|
| 2752 | +.list--borderless .list__item, |
| 2753 | +.list--borderless .list__link { |
| 2754 | + border: none; |
| 2755 | +} |
| 2756 | + |
| 2757 | +.list__item.is-active, .list__item.is-active:hover, |
| 2758 | +.list__link.is-active, |
| 2759 | +.list__link.is-active:hover { |
| 2760 | + color: #ffffff; |
| 2761 | + background-color: #636AFF; |
| 2762 | + border-color: #636AFF; |
| 2763 | + z-index: 2; |
| 2764 | +} |
| 2765 | + |
2812 | 2766 | /* ## Modal |
2813 | 2767 | ---------------------------------*/ |
2814 | 2768 | .modal-wrapper { |
@@ -2839,7 +2793,7 @@ fieldset[disabled] .btn { |
2839 | 2793 | margin: auto; |
2840 | 2794 | background-color: #ffffff; |
2841 | 2795 | border-radius: 5px; |
2842 | | - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); |
| 2796 | + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.04); |
2843 | 2797 | } |
2844 | 2798 |
|
2845 | 2799 | .modal__header { |
@@ -2871,7 +2825,6 @@ fieldset[disabled] .btn { |
2871 | 2825 | padding: 16px; |
2872 | 2826 | overflow: auto; |
2873 | 2827 | -webkit-overflow-scrolling: touch; |
2874 | | - overflow-scrolling: touch; |
2875 | 2828 | } |
2876 | 2829 |
|
2877 | 2830 | .modal__footer { |
@@ -2991,44 +2944,21 @@ body.is-masking { |
2991 | 2944 | background-color: #636AFF; |
2992 | 2945 | } |
2993 | 2946 |
|
2994 | | -.nav.nav--rails { |
2995 | | - border-bottom: 1px solid #dbdbdb; |
2996 | | -} |
2997 | | - |
2998 | | -.nav.nav--rails > .nav__item:not(:last-child) { |
2999 | | - margin-right: 4px; |
3000 | | -} |
3001 | | - |
3002 | | -.nav.nav--rails > .nav__item > .nav__link { |
3003 | | - margin: 0 0 -1px 0; |
3004 | | - padding: 0.375em 0.75em; |
3005 | | -} |
3006 | | - |
3007 | | -.nav.nav--rails > .nav__item.is-active > .nav__link { |
3008 | | - border-bottom: 1px solid #636AFF; |
3009 | | -} |
3010 | | - |
3011 | 2947 | .nav.nav--tabs { |
3012 | 2948 | border-bottom: 1px solid #dbdbdb; |
3013 | 2949 | } |
3014 | 2950 |
|
3015 | 2951 | .nav.nav--tabs > .nav__item:not(:last-child) { |
3016 | | - margin-right: 2px; |
| 2952 | + margin-right: 4px; |
3017 | 2953 | } |
3018 | 2954 |
|
3019 | 2955 | .nav.nav--tabs > .nav__item > .nav__link { |
3020 | 2956 | margin: 0 0 -1px 0; |
3021 | 2957 | padding: 0.375em 0.75em; |
3022 | | - border-style: solid; |
3023 | | - border-width: 1px 1px 0 1px; |
3024 | | - border-color: transparent; |
3025 | | - border-radius: 3px 3px 0 0; |
3026 | 2958 | } |
3027 | 2959 |
|
3028 | 2960 | .nav.nav--tabs > .nav__item.is-active > .nav__link { |
3029 | | - color: #212121; |
3030 | | - border-color: #dbdbdb; |
3031 | | - background-color: #ffffff; |
| 2961 | + border-bottom: 1px solid #636AFF; |
3032 | 2962 | } |
3033 | 2963 |
|
3034 | 2964 | /* ## Navbar |
@@ -3375,6 +3305,50 @@ body.is-masking { |
3375 | 3305 | } |
3376 | 3306 | } |
3377 | 3307 |
|
| 3308 | +.border-top, .border-y { |
| 3309 | + border-top: 1px solid #dbdbdb !important; |
| 3310 | +} |
| 3311 | + |
| 3312 | +.border-right, .border-x { |
| 3313 | + border-right: 1px solid #dbdbdb !important; |
| 3314 | +} |
| 3315 | + |
| 3316 | +.border-bottom, .border-y { |
| 3317 | + border-bottom: 1px solid #dbdbdb !important; |
| 3318 | +} |
| 3319 | + |
| 3320 | +.border-left, .border-x { |
| 3321 | + border-left: 1px solid #dbdbdb !important; |
| 3322 | +} |
| 3323 | + |
| 3324 | +.border-all { |
| 3325 | + border: 1px solid #dbdbdb !important; |
| 3326 | +} |
| 3327 | + |
| 3328 | +.border-none { |
| 3329 | + border: none !important; |
| 3330 | +} |
| 3331 | + |
| 3332 | +.rounded-sm { |
| 3333 | + border-radius: 2px !important; |
| 3334 | +} |
| 3335 | + |
| 3336 | +.rounded-md, .rounded { |
| 3337 | + border-radius: 3px !important; |
| 3338 | +} |
| 3339 | + |
| 3340 | +.rounded-lg { |
| 3341 | + border-radius: 5px !important; |
| 3342 | +} |
| 3343 | + |
| 3344 | +.rounded-full { |
| 3345 | + border-radius: 1993px !important; |
| 3346 | +} |
| 3347 | + |
| 3348 | +.rounded-none { |
| 3349 | + border-radius: 0 !important; |
| 3350 | +} |
| 3351 | + |
3378 | 3352 | .color-black { |
3379 | 3353 | color: #000000 !important; |
3380 | 3354 | } |
@@ -3504,15 +3478,15 @@ body.is-masking { |
3504 | 3478 | } |
3505 | 3479 |
|
3506 | 3480 | .shadow-sm { |
3507 | | - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) !important; |
| 3481 | + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important; |
3508 | 3482 | } |
3509 | 3483 |
|
3510 | 3484 | .shadow-md { |
3511 | | - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important; |
| 3485 | + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04) !important; |
3512 | 3486 | } |
3513 | 3487 |
|
3514 | 3488 | .shadow-lg { |
3515 | | - box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05) !important; |
| 3489 | + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.04) !important; |
3516 | 3490 | } |
3517 | 3491 |
|
3518 | 3492 | .block { |
|
0 commit comments