소스 검색

Fixed SASS error

This fixes the SASS error caused by the `&[dir="rtl"]` selector in
the `_single.scss` and `_multiple.scss` files. We were expecting
these files to be nested within the `.select-container` class, which
would have made this a non-error as the `&` would refer to the
`.select2-container` class that was wrapping the `@import`.

This moves the `@import` statements into the `.select2-container`
class, so this no longer triggers an error in the Ruby version of
SASS.

This closes https://github.com/select2/select2/issues/2896
Kevin Brown 10 년 전
부모
커밋
938993302f
3개의 변경된 파일36개의 추가작업 그리고 40개의 파일을 삭제
  1. 33 37
      dist/css/select2.css
  2. 0 0
      dist/css/select2.min.css
  3. 3 3
      src/scss/core.scss

+ 33 - 37
dist/css/select2.css

@@ -4,44 +4,40 @@
   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 {
+  .select2-container .select2-selection--single {
+    box-sizing: border-box;
+    cursor: pointer;
     display: block;
-    overflow: hidden;
-    padding-left: 8px;
-    padding-right: 20px;
-    text-overflow: ellipsis; }
-
-[dir="rtl"] .select2-selection--single .select2-selection__rendered {
-  padding-right: 8px;
-  padding-left: 20px; }
-
-.select2-selection--multiple {
-  box-sizing: border-box;
-  cursor: pointer;
-  display: block;
-  min-height: 32px;
-  user-select: none;
-  -webkit-user-select: none; }
-  .select2-selection--multiple .select2-selection__rendered {
-    display: inline-block;
-    overflow: hidden;
-    padding-left: 8px;
-    text-overflow: ellipsis; }
-
-.select2-search--inline {
-  float: left; }
-  .select2-search--inline .select2-search__field {
-    border: none;
-    font-size: 100%;
-    margin-top: 5px; }
+    height: 28px;
+    user-select: none;
+    -webkit-user-select: none; }
+    .select2-container .select2-selection--single .select2-selection__rendered {
+      display: block;
+      overflow: hidden;
+      padding-left: 8px;
+      padding-right: 20px;
+      text-overflow: ellipsis; }
+  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+    padding-right: 8px;
+    padding-left: 20px; }
+  .select2-container .select2-selection--multiple {
+    box-sizing: border-box;
+    cursor: pointer;
+    display: block;
+    min-height: 32px;
+    user-select: none;
+    -webkit-user-select: none; }
+    .select2-container .select2-selection--multiple .select2-selection__rendered {
+      display: inline-block;
+      overflow: hidden;
+      padding-left: 8px;
+      text-overflow: ellipsis; }
+  .select2-container .select2-search--inline {
+    float: left; }
+    .select2-container .select2-search--inline .select2-search__field {
+      border: none;
+      font-size: 100%;
+      margin-top: 5px; }
 
 .select2-dropdown {
   background-color: white;

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
dist/css/select2.min.css


+ 3 - 3
src/scss/core.scss

@@ -5,10 +5,10 @@
   margin: 0;
   position: relative;
   vertical-align: middle;
-}
 
-@import "single";
-@import "multiple";
+  @import "single";
+  @import "multiple";
+}
 
 @import "dropdown";
 

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.