UNPKG

react-toolbox-build4server

Version:

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

45 lines (36 loc) 1.36 kB
.rt-date_picker-input > [role="input"] { cursor: pointer; } .rt-date_picker-header { padding: 1.6rem 2rem; color: white; cursor: pointer; background-color: #3f51b5; } .rt-date_picker-year { display: inline-block; font-size: 1.4rem; -webkit-transition: opacity, font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity, font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .rt-date_picker-date { display: block; font-weight: 500; text-transform: capitalize; -webkit-transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .rt-date_picker-wrapper { padding: 1rem 0.5rem 0; } .rt-date_picker-display-years .rt-date_picker-date { opacity: 0.6; } .rt-date_picker-display-years .rt-date_picker-year { font-size: 1.6rem; } .rt-date_picker-display-months .rt-date_picker-year { opacity: 0.6; } .rt-date_picker-dialog { width: 33rem; } .rt-date_picker-dialog > [role="body"] { padding: 0; } .rt-date_picker-dialog > [role="navigation"] > .rt-date_picker-button { color: #3f51b5; } .rt-date_picker-dialog > [role="navigation"] > .rt-date_picker-button:hover { background: rgba(63, 81, 181, 0.2); } .rt-date_picker-dialog > [role="navigation"] > .rt-date_picker-button:focus:not(:active) { background: rgba(63, 81, 181, 0.2); }