11/*!
22 * @moyu/pointcss
3- * @version v2.0.0-alpha.11
3+ * @version v2.0.0-alpha.12
44 * @link https://github.com/moyus/pointcss
55 * @author moyu <moyuboy@gmail.com> (https://moyu.io)
66 * @license MIT
@@ -430,6 +430,7 @@ caption {
430430
431431th {
432432 text-align : left;
433+ font-weight : 500 ;
433434}
434435
435436.table {
@@ -471,6 +472,10 @@ th {
471472 border : 1px solid # dbdbdb ;
472473}
473474
475+ .table .table--bordered th {
476+ background-color : # f7f7f7 ;
477+ }
478+
474479.table .table--hover tbody tr : hover ,
475480.table .table--hover > tr : hover {
476481 background-color : # f1f1f1 ;
@@ -589,12 +594,16 @@ th {
589594 margin-right : -8px ;
590595}
591596
592- .row .no-gutters {
597+ .row .row--stretch {
598+ align-items : stretch;
599+ }
600+
601+ .row .row--gutterless {
593602 margin-left : 0 ;
594603 margin-right : 0 ;
595604}
596605
597- .row .no-gutters > [class *= "col" ] {
606+ .row .row--gutterless > [class *= "col" ] {
598607 padding-left : 0 ;
599608 padding-right : 0 ;
600609}
@@ -1682,6 +1691,10 @@ fieldset[disabled] .btn {
16821691 border-bottom-color : # 212121 ;
16831692}
16841693
1694+ .btn .btn--icon {
1695+ width : 38px ;
1696+ }
1697+
16851698.btn .btn--black {
16861699 color : # ffffff ;
16871700 border-color : # 000000 ;
@@ -2221,6 +2234,10 @@ fieldset[disabled] .btn {
22212234 min-width : 31px ;
22222235}
22232236
2237+ .btn .btn--sm .btn--icon {
2238+ width : 31px ;
2239+ }
2240+
22242241.btn .btn--lg {
22252242 font-size : 18px ;
22262243 border-radius : 4px ;
@@ -2229,6 +2246,10 @@ fieldset[disabled] .btn {
22292246 min-width : 45px ;
22302247}
22312248
2249+ .btn .btn--lg .btn--icon {
2250+ width : 45px ;
2251+ }
2252+
22322253.btn .btn--loose {
22332254 padding-left : 2em ;
22342255 padding-right : 2em ;
@@ -3138,20 +3159,35 @@ fieldset[disabled] .btn {
31383159 margin : 0 ;
31393160 font-weight : 500 ;
31403161 font-size : 20px ;
3141- line-height : 1.25 ;
3162+ line-height : 1.5 ;
31423163}
31433164
31443165.modal__close {
3166+ cursor : pointer;
31453167 position : absolute;
31463168 right : 16px ;
31473169 top : 16px ;
3148- font-size : 20px ;
3149- color : # 616161 ;
3170+ display : flex;
3171+ align-items : center;
3172+ justify-content : center;
3173+ width : 30px ;
3174+ height : 30px ;
31503175 line-height : 1 ;
3151- cursor : pointer;
3176+ color : # 616161 ;
3177+ font-size : 20px ;
3178+ border-radius : 4px ;
3179+ background-color : # f7f7f7 ;
31523180 font-family : Helvetica, Arial, sans-serif;
31533181}
31543182
3183+ .modal__close : hover {
3184+ background-color : # f1f1f1 ;
3185+ }
3186+
3187+ .modal__close : active {
3188+ background-color : # eaeaea ;
3189+ }
3190+
31553191.modal__body {
31563192 flex : 1 1 auto;
31573193 padding : 16px ;
0 commit comments