WebHost/Scripts/js/uikit/less/addons/datepicker.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

// Name:            Datepicker
// Description:     Defines styles for a datepicker
//
// Component:       `uk-datepicker`
//
// Modifiers:       `uk-datepicker-nav`
//                  `uk-datepicker-previous`
//                  `uk-datepicker-next`
//                  `uk-datepicker-heading`
//                  `uk-datepicker-table`
//                  `uk-datepicker-table-muted`
//
// ========================================================================


// Variables
// ========================================================================

@datepicker-animation:                          uk-fade;

@datepicker-nav-height:                         20px;
@datepicker-nav-margin-bottom:                  15px;
@datepicker-nav-color:                          #444;
@datepicker-nav-hover-color:                    #444;
@datepicker-previous-icon:                      "\f053";
@datepicker-next-icon:                          "\f054";

@datepicker-table-width:                        26px;
@datepicker-table-height:                       24px;
@datepicker-table-color:                        #444;

@datepicker-table-hover-background:             #ddd;
@datepicker-table-hover-color:                  #444;
@datepicker-table-onclick-background:           #ccc;
@datepicker-table-onclick-color:                #444;

@datepicker-table-active-background:            #00a8e6;
@datepicker-table-active-color:                 #fff;

@datepicker-table-muted-color:                  #999;


/* ========================================================================
   Component: Datepicker
 ========================================================================== */

/*
 * 1. Reset dropdown width
 * 2. Set animation
 * 3. Needed for scale animation
 */

.uk-datepicker {
    /* 1 */
    width: auto;
    /* 2 */
    -webkit-animation: @datepicker-animation 0.2s ease-in-out;
    animation: @datepicker-animation 0.2s ease-in-out;
    /* 3 */
    -webkit-transform-origin: 0 0;