|
1 | 1 | /*! |
2 | 2 | * @moyu/pointcss |
3 | | - * @version v2.0.0-alpha.7 |
| 3 | + * @version v2.0.0-alpha.8 |
4 | 4 | * @link https://github.com/moyus/pointcss |
5 | 5 | * @author moyu <moyuboy@gmail.com> (https://moyu.io) |
6 | 6 | * @license MIT |
@@ -581,34 +581,6 @@ th { |
581 | 581 |
|
582 | 582 | /* ## Grid |
583 | 583 | ---------------------------------*/ |
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 | | - |
612 | 584 | .row { |
613 | 585 | display: flex; |
614 | 586 | flex-wrap: wrap; |
@@ -1073,6 +1045,36 @@ th { |
1073 | 1045 | } |
1074 | 1046 | } |
1075 | 1047 |
|
| 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 | + |
1076 | 1078 | /* ## Level |
1077 | 1079 | ---------------------------------*/ |
1078 | 1080 | .level { |
@@ -2161,7 +2163,7 @@ fieldset[disabled] .btn { |
2161 | 2163 | margin: 8px 0 0 0; |
2162 | 2164 | border-radius: 3px; |
2163 | 2165 | 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); |
2165 | 2167 | } |
2166 | 2168 |
|
2167 | 2169 | .dropdown__content > *:first-child { |
@@ -2569,6 +2571,38 @@ fieldset[disabled] .btn { |
2569 | 2571 | box-shadow: none !important; |
2570 | 2572 | } |
2571 | 2573 |
|
| 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 | + |
2572 | 2606 | .form-field { |
2573 | 2607 | text-align: left; |
2574 | 2608 | margin-bottom: 16px; |
@@ -2953,7 +2987,7 @@ fieldset[disabled] .btn { |
2953 | 2987 | margin: auto; |
2954 | 2988 | background-color: #ffffff; |
2955 | 2989 | 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); |
2957 | 2991 | } |
2958 | 2992 |
|
2959 | 2993 | .modal__header { |
@@ -3638,15 +3672,15 @@ body.is-masking { |
3638 | 3672 | } |
3639 | 3673 |
|
3640 | 3674 | .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; |
3642 | 3676 | } |
3643 | 3677 |
|
3644 | 3678 | .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; |
3646 | 3680 | } |
3647 | 3681 |
|
3648 | 3682 | .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; |
3650 | 3684 | } |
3651 | 3685 |
|
3652 | 3686 | .block { |
|
0 commit comments