MediaWiki:Common.css/src/system/mediawiki.widgets.datetime/CalendarWidget.scss

From Terraria Wiki
Jump to navigation Jump to search

This page is one of the SCSS pages which are the basis for MediaWiki:Common.css. After you edit this page, you will need to recompile them for your changes to take effect. See Terraria Wiki:CSS to learn more.

/********* mediawiki.widgets.datetime/CalendarWidget *********/

/* overwriting styles from here:
 * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/core/+/refs/heads/REL1_39/resources/src/mediawiki.widgets.datetime/CalendarWidget.less */

.mw-widgets-datetime-calendarWidget {
    background-color: var(--theme-background);
    border-color: var(--ooui--textarea-border-color);
    box-shadow: none;

    &:focus {
        border-color: var(--ooui--textarea-border-color--focus);
        box-shadow: inset 0 0 0 1px var(--ooui--textarea-border-color--focus);
    }

    &-grid {
        .mw-widgets-datetime-calendarWidget-cell {
            .oo-ui-buttonElement-button {
                border-color: var(--oouihelper--borderdark);
            }

            &.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button {
                .oo-ui-labelElement-label {
                    color: var(--ooui--textarea-placeholder-color);
                }

                &:hover .oo-ui-labelElement-label {
                    color: var(--theme-text-color-em);
                }
            }

            &.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {
                background-color: var(--oouihelper--textinput-background-darker);

                .oo-ui-labelElement-label {
                    color: var(--oouihelper--progressive);
                }
            }

            &.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
                background-color: var(--oouihelper--textinput-background-lighter);
                color: var(--theme-text-color-em);
                border-color: var(--oouihelper--borderdark-hover);
            }
        }
    }

    &:focus &-grid &-cell.mw-widgets-datetime-calendarWidget-focused .oo-ui-buttonElement-button {
        border-color: var(--oouihelper--borderdark-focus);
    }
}