content/plugins/select2/sass/select2-bootstrap.min.scss

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

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

/*! Select2 Bootstrap Theme v0.1.0-beta.4 | MIT License | github.com/select2/select2-bootstrap-theme */

//
// Variables
// --------------------------------------------------

@import "../../../../../sass/global/variables";

// Bootstrap defaults not available as pre-defined variables
// These should not be overridden.
// @see https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_forms.scss#L127

$form-control-default-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

// @see https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/mixins/_forms.scss#L43
$form-control-focus-box-shadow: $form-control-default-box-shadow, 0 0 8px rgba($input-border-focus, 0.6);

// @see https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_forms.scss#L128
$form-control-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

// Custom variables
// -------------------------

$dropdown-arrow-color: $input-color-placeholder !default;
$dropdown-box-shadow: 0 6px 12px rgba(0,0,0,.175) !default;
$clear-selection-color: $dropdown-arrow-color !default;

//
// Mixins
// --------------------------------------------------

// @see https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_forms.scss#L115
@mixin bootstrap-input-defaults {
    @include box-shadow($form-control-default-box-shadow);
    background-color: $input-bg;
    border: 1px solid $input-border;
    border-radius: $input-border-radius;
    color: $input-color;
    font-family: $font-family-base;
    font-size: $font-size-base;
}

// @see http://getbootstrap.com/css/#forms-control-validation
// @see https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_forms.scss#L388
@mixin validation-state-focus($color) {
    $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($color, 20%);

    .select2-dropdown,
    .select2-selection {
        border-color: $color;
    }

    .select2-container--focus .select2-selection,
    .select2-container--open .select2-selection {
        @include box-shadow($shadow);
        border-color: darken($color, 10%);
    }

    &.select2-drop-active {
        border-color: darken($color, 10%);