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
CSS
.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); }