RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-22 21:16:10 +03:00
Code Issues Projects Releases Wiki Activity
971422f92e
select2/dist/css/select2.min.css
Kevin Brown 971422f92e Start the switch to BEM 
This is inspired by https://github.com/ivaynberg/select2/issues/2826
and starts the general transition to using selectors with a lower
specificity. This should make it considerably easier to override
the styles in the long run.

Unfortunately libsass does not support the SASS 3.3 style for BEM
where we can just use `&__m` for defining sub-modules. For now we
are still using a limited amount of nesting, but nowhere near as
much as we did in the past.
2014-11-24 18:11:03 -05:00

1 line
6.2 KiB
CSS
Raw Blame History

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;}.select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none;}.select2-selection--single .select2-selection__rendered{display:block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;}.select2-container .selection .multiple-select{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none;}.select2-container .selection .multiple-select .rendered-selection{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;}.select2-container .select2-search-inline{float:left;}.select2-container .select2-search-inline input{border:none;font-size:100%;margin-top:5px;}.select2-container .dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:100;}.select2-container .dropdown .results{display:block;}.select2-container .dropdown .results .options{list-style:none;margin:0;padding:0;}.select2-container .dropdown .results .options .option{padding:6px;user-select:none;-webkit-user-select:none;}.select2-container .dropdown .results .options .option[aria-selected]{cursor:pointer;}.select2-container .select2-search{display:block;padding:4px;}.select2-container .select2-search input{padding:4px;width:100%;}.select2-container.open .dropdown{border-top:none;border-top-left-radius:0;border-top-right-radius:0;left:0;}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container.select2-theme-default .selection .multiple-select{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;}.select2-container.select2-theme-default .selection .multiple-select .rendered-selection{list-style:none;margin:0;padding:0 5px;}.select2-container.select2-theme-default .selection .multiple-select .rendered-selection .placeholder{color:#999;margin-top:5px;float:left;}.select2-container.select2-theme-default .selection .multiple-select .rendered-selection .choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container.select2-theme-default .selection .multiple-select .rendered-selection .choice .remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container.select2-theme-default .selection .multiple-select .rendered-selection .choice .remove:hover{color:#333;}.select2-container.select2-theme-default.open .selection .single-select,.select2-container.select2-theme-default.open .selection .multiple-select{border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container.select2-theme-default .select2-search input{border:1px solid #aaa;}.select2-container.select2-theme-default .select2-search-inline input{border:none;outline:0;}.select2-container.select2-theme-default .dropdown .results>.options{max-height:200px;overflow-y:auto;}.select2-container.select2-theme-default .dropdown .results .options .option[role=group]{padding:0;}.select2-container.select2-theme-default .dropdown .results .options .option[role=group] .group-label{cursor:default;display:block;padding:6px;}.select2-container.select2-theme-default .dropdown .results .options .option[aria-disabled=true]{color:#999;}.select2-container.select2-theme-default .dropdown .results .options .option[aria-selected=true]{background-color:#ddd;}.select2-container.select2-theme-default .dropdown .results .options .option[aria-selected].highlighted{background-color:#5897fb;color:white;}.select2-container.select2-theme-classic .selection .single-select{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eee', GradientType=0);}.select2-container.select2-theme-classic .selection .single-select:focus{border:1px solid #5897fb;}.select2-container.select2-theme-classic .selection .single-select .rendered-selection{color:#444;line-height:28px;}.select2-container.select2-theme-classic .selection .single-select .rendered-selection .placeholder{color:#999;}.select2-container.select2-theme-classic.open .selection .single-select{border:1px solid #5897fb;background-image:-webkit-linear-gradient(top, #eee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ffffff', GradientType=0);}.select2-container.select2-theme-classic.open .selection .single-select,.select2-container.select2-theme-classic.open .selection .multiple-select{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container.select2-theme-classic .dropdown{background-color:white;border-top:none;}.select2-container.select2-theme-classic .dropdown .select2-search input{border:1px solid #aaa;outline:0;}.select2-container.select2-theme-classic .dropdown .results>.options{max-height:200px;overflow-y:auto;}.select2-container.select2-theme-classic .dropdown .results .options .option[role=group]{padding:0;}.select2-container.select2-theme-classic .dropdown .results .options .option[role=group] .group-label{cursor:default;display:block;padding:6px;}.select2-container.select2-theme-classic .dropdown .results .options .option[aria-disabled=true]{color:grey;}.select2-container.select2-theme-classic .dropdown .results .options .option[aria-selected].highlighted{background-color:#3875d7;color:white;}.select2-container.select2-theme-classic.open .dropdown{border:1px solid #5897fb;border-top:none;}
Reference in New Issue View Git Blame Copy Permalink