<commit_before>/* Datepicker
   ========================================================================== */

/**
 * jQuery UI Datepicker.
 *
 * Some classes and HTML elements generally added via JavaScript, more info -
 * http://jqueryui.com/datepicker/
 *
 * Example HTML:
 *
 * <div class="ui-datepicker">
 *     <div class="ui-datepicker-header">
 *         <a class="ui-datepicker-prev">
 *             <span>Prev</span>
 *         </a>
 *         <a class="ui-datepicker-next">
 *             <span>Next</span>
 *         </a>
 *         <div class="ui-datepicker-title">
 *             <span class="ui-datepicker-month">April</span>
 *             <span class="ui-datepicker-year">2014</span>
 *         </div>
 *     </div>
 *     <table class="ui-datepicker-calendar">
 *         <thead>
 *             <tr>
 *                 <th class="ui-datepicker-week-end">
 *                     <span>Su</span>
 *                 </th>
 *                 <th>
 *                     <span>Mo</span>
 *                 </th>
 *                 <th>
 *                     <span>Tu</span>
 *                 </th>
 *                 <th>
 *                     <span>We</span>
 *                 </th>
 *                 <th>
 *                     <span>Th</span>
 *                 </th>
 *                 <th>
 *                     <span>Fr</span>
 *                 </th>
 *                 <th class="ui-datepicker-week-end">
 *                     <span>Sa</span>
 *                 </th>
 *             </tr>
 *         </thead>
 *         <tbody>
 *             <tr>
 *                 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable">
 *                     &nbsp;
 *                 </td>
 *                 <td class="ui-datepicker-other-month ui-datepicker-unselectable">
 *                     &nbsp;
 *                 </td>
 *                 <td>
 *                     <a>1</a>
 *                 </td>
 *                 <td>
 *                     <a>2</a>
 *                 </td>
 *                 <td>
 *                     <a>3</a>
 *                 </td>
 *                 <td class="ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today">
 *                     <a class="ui-state-highlight ui-state-active">4</a>
 *                 </td>
 *                 <td>
 *                     <a>5</a>
 *                 </td>
 *             </tr>
 *             ...etc...
 *         </tbody>
 *     </table>
 * </div>
 */

.ui-datepicker {
    @include adjust-font-size-to(14px, 0.875);
    @include box-shadow(0 0 0.5em rgba(0, 0, 0, 0.2));

    display: none;
    padding: 0.2em 0.2em 0;
    width: 17em;
    font-family: $font-sans-serif;

    .ui-datepicker-header {
        position: relative;
        padding: 0.2em 0;
    }

    .ui-datepicker-prev,
    .ui-datepicker-next {
        @include border-radius;

        position: absolute;
        top: 0.2em;
        width: 1.8em;
        height: 1.8em;
        background-color: transparent;
    }

    .ui-datepicker-prev {
        left: 0.2em;
    }

    .ui-datepicker-next {
        right: 0.2em;
    }

    .ui-datepicker-prev span,
    .ui-datepicker-next span {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin-top: -8px;
        margin-left: -8px;
    }

    .ui-datepicker-title {
        margin: 0 2.2em;
        line-height: 1.8em;
        text-align: center;

        select {
            margin: 0;
        }
    }

    select.ui-datepicker-month,
    select.ui-datepicker-year {
        width: 45%;
    }

    table {
        margin: 0 0 0.2em;
        width: 100%;
    }

    th {
        border: 0;
        padding: 0.5em 0.2em;
        text-align: center;
    }

    td {
        border: 0;
        padding: 1px;

        a,
        span {
            display: block;
            padding: 0.2em;
            text-align: center;
        }

        a.ui-state-active {
            border-color: lighten($color-link, 42%);
            background-color: $color-selected;
        }

        a.ui-state-highlight:hover {
            border-color: lighten($color-warning-text, 8%);
        }

        a.ui-state-active:hover {
            border-color: lighten($color-link, 27%);
        }

        &.ui-datepicker-week-col {
            padding: 0.32em 0;
            text-align: center;
        }
    }

    .ui-datepicker-buttonpane {
        margin: 0.7em 0 0 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: 0 0.2em;
        background-image: none;

        button {
            float: right;
            margin: 0.5em 0.2em 0.4em;
            padding: 0.2em 0.6em 0.3em 0.6em;
            width: auto;
            overflow: visible;
            cursor: pointer;

            &.ui-datepicker-current {
                float: left;
            }
        }
    }
}

/**
 * Multiple calendars.
 */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi {
    .ui-datepicker-group {
        float: left;

        table {
            margin: 0 auto 0.4em;
            width: 95%;
        }
    }

    .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }

    .ui-datepicker-buttonpane {
        clear: left;
    }
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/**
 * Datepicker RTL support.
 */

html[dir="rtl"] {
    .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-buttonpane {
        clear: right;
    }

    .ui-datepicker-buttonpane button {
        float: left;
    }

    .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }
}<commit_msg>This framework isn't for RTL sites<commit_after>/* Datepicker
   ========================================================================== */

/**
 * jQuery UI Datepicker.
 *
 * Some classes and HTML elements generally added via JavaScript, more info -
 * http://jqueryui.com/datepicker/
 *
 * Example HTML:
 *
 * <div class="ui-datepicker">
 *     <div class="ui-datepicker-header">
 *         <a class="ui-datepicker-prev">
 *             <span>Prev</span>
 *         </a>
 *         <a class="ui-datepicker-next">
 *             <span>Next</span>
 *         </a>
 *         <div class="ui-datepicker-title">
 *             <span class="ui-datepicker-month">April</span>
 *             <span class="ui-datepicker-year">2014</span>
 *         </div>
 *     </div>
 *     <table class="ui-datepicker-calendar">
 *         <thead>
 *             <tr>
 *                 <th class="ui-datepicker-week-end">
 *                     <span>Su</span>
 *                 </th>
 *                 <th>
 *                     <span>Mo</span>
 *                 </th>
 *                 <th>
 *                     <span>Tu</span>
 *                 </th>
 *                 <th>
 *                     <span>We</span>
 *                 </th>
 *                 <th>
 *                     <span>Th</span>
 *                 </th>
 *                 <th>
 *                     <span>Fr</span>
 *                 </th>
 *                 <th class="ui-datepicker-week-end">
 *                     <span>Sa</span>
 *                 </th>
 *             </tr>
 *         </thead>
 *         <tbody>
 *             <tr>
 *                 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable">
 *                     &nbsp;
 *                 </td>
 *                 <td class="ui-datepicker-other-month ui-datepicker-unselectable">
 *                     &nbsp;
 *                 </td>
 *                 <td>
 *                     <a>1</a>
 *                 </td>
 *                 <td>
 *                     <a>2</a>
 *                 </td>
 *                 <td>
 *                     <a>3</a>
 *                 </td>
 *                 <td class="ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today">
 *                     <a class="ui-state-highlight ui-state-active">4</a>
 *                 </td>
 *                 <td>
 *                     <a>5</a>
 *                 </td>
 *             </tr>
 *             ...etc...
 *         </tbody>
 *     </table>
 * </div>
 */

.ui-datepicker {
    @include adjust-font-size-to(14px, 0.875);
    @include box-shadow(0 0 0.5em rgba(0, 0, 0, 0.2));

    display: none;
    padding: 0.2em 0.2em 0;
    width: 17em;
    font-family: $font-sans-serif;

    .ui-datepicker-header {
        position: relative;
        padding: 0.2em 0;
    }

    .ui-datepicker-prev,
    .ui-datepicker-next {
        @include border-radius;

        position: absolute;
        top: 0.2em;
        width: 1.8em;
        height: 1.8em;
        background-color: transparent;
    }

    .ui-datepicker-prev {
        left: 0.2em;
    }

    .ui-datepicker-next {
        right: 0.2em;
    }

    .ui-datepicker-prev span,
    .ui-datepicker-next span {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin-top: -8px;
        margin-left: -8px;
    }

    .ui-datepicker-title {
        margin: 0 2.2em;
        line-height: 1.8em;
        text-align: center;

        select {
            margin: 0;
        }
    }

    select.ui-datepicker-month,
    select.ui-datepicker-year {
        width: 45%;
    }

    table {
        margin: 0 0 0.2em;
        width: 100%;
    }

    th {
        border: 0;
        padding: 0.5em 0.2em;
        text-align: center;
    }

    td {
        border: 0;
        padding: 1px;

        a,
        span {
            display: block;
            padding: 0.2em;
            text-align: center;
        }

        a.ui-state-active {
            border-color: lighten($color-link, 42%);
            background-color: $color-selected;
        }

        a.ui-state-highlight:hover {
            border-color: lighten($color-warning-text, 8%);
        }

        a.ui-state-active:hover {
            border-color: lighten($color-link, 27%);
        }

        &.ui-datepicker-week-col {
            padding: 0.32em 0;
            text-align: center;
        }
    }

    .ui-datepicker-buttonpane {
        margin: 0.7em 0 0 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: 0 0.2em;
        background-image: none;

        button {
            float: right;
            margin: 0.5em 0.2em 0.4em;
            padding: 0.2em 0.6em 0.3em 0.6em;
            width: auto;
            overflow: visible;
            cursor: pointer;

            &.ui-datepicker-current {
                float: left;
            }
        }
    }
}

/**
 * Multiple calendars.
 */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi {
    .ui-datepicker-group {
        float: left;

        table {
            margin: 0 auto 0.4em;
            width: 95%;
        }
    }

    .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }

    .ui-datepicker-buttonpane {
        clear: left;
    }
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}
{'fraction_non_alphanumeric': 0.1543403063745676, 'fraction_numerical': 0.02157799374073464, 'mean_word_length': 1.177725968436155, 'pattern_counts': {'":': 0, '<': 163, '<?xml version=': 0, '>': 163, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '670330', 'n_tokens_mistral': 4133, 'n_tokens_neox': 3719, 'n_words': 679}