react-md-components
Version:
This is a react module containing a free collection of material design components.
16 lines (9 loc) • 2.98 kB
CSS
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
._6ZZMO_GXL3h-gkl-P-wap{border-radius:2px;transition:all .25s linear;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}.RlIxLlRkRevj0_adVpmCG{order:1;object-fit:cover;z-index:1;max-width:100%;border-radius:2px 2px 0 0}._6ZZMO_GXL3h-gkl-P-wap:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}._2PFJWGy96SYyzFVQ_cSycH{order:1;padding:16px;padding-right:24px;margin-bottom:.5em;padding-bottom:0}.-ypE1LpNUpTZnB3ewqh9t{padding:16px;padding-right:24px;order:2;padding-top:0;padding-bottom:0}.CbcyQMUccVTzYH_WHyrvS{order:3;padding:16px;padding-right:24px;margin-top:.8em;padding-top:0;display:flex}.CbcyQMUccVTzYH_WHyrvS:empty{margin-top:0}.CbcyQMUccVTzYH_WHyrvS button{margin-right:8px}._1E8ncLu_-IZbHz8IwQloVf{font-family:'Roboto', sans-serif;font-weight:500;order:1;font-size:1.5em;margin:0}._3CFM86X1-LaSYn7n5JLRpH{font-family:'Roboto', sans-serif;font-weight:400;font-size:1em;margin:0;order:2}._2ePWEwOWarzoZbF00lp5nY{font-family:'Roboto', sans-serif;font-weight:400;font-size:1em;margin-top:.8em;margin-bottom:.5em;order:3;padding:0}.-ypE1LpNUpTZnB3ewqh9t ._31wVo8CA4L2OerWRk-NgCR{order:3;margin-top:.5em;margin-bottom:.5em;margin-left:auto;margin-right:auto}
._1v-XfCAJJwyIj8V_NTxqVf{background:#181818;color:#9a9a9a}._1d5Ef86mAXKslk2Bqj2sNI h2{color:#f1f1f1}._1v-XfCAJJwyIj8V_NTxqVf:hover{background-color:#292929}
._2brj7RdNqp5BZHQ3bcuxIX{background:#f1f1f1;color:#767676}._14jSGmMOE3txlSDyPHLxQm h2{color:#1f1f1f}
.EoQnxA2euoJTrTw3YX3sM,.EoQnxA2euoJTrTw3YX3sM:empty{width:85%;height:1px;margin-top:1em;margin-left:auto;margin-right:auto;opacity:12%;background:#000}
._25A3jctR26U5nUigxCsXsI{font-family:'Roboto', sans-serif;font-weight:400;padding:8px;font-size:14px;min-width:64px;border-radius:2px;outline:none;text-transform:uppercase;letter-spacing:2px;cursor:pointer}._37BBtjeBrl1wd7ubY-aVm1{border:none;padding-left:16px;padding-right:16px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);transition:box-shadow 300ms}._1AzQHXhoIC-RDhj2hHNUUD{border-style:solid;border-width:1px}._37BBtjeBrl1wd7ubY-aVm1:hover{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}._26P7u99B82jhZ6GqXl62mc{border:none}
._3Ly3Wf1GDprrfhC85rhqlK{background:#3700b3;color:#f1f1f1}._10vldIX1gl49WMRInvoHpm{background:transparent;color:#3700b3;transition:background 300ms}._3fJWKhOuCF5dWQYmdZOcM2{border-color:#3700b3;background:transparent;color:#3700b3;transition:background 300ms}._3fJWKhOuCF5dWQYmdZOcM2:hover{background:rgba(0,0,0,0.05)}._10vldIX1gl49WMRInvoHpm:hover{background:rgba(0,0,0,0.05)}