@appscode/design-system 2.2.3 → 2.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.2.3",
3
+ "version": "2.2.4",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -534,6 +534,37 @@ li {
534
534
  }
535
535
  }
536
536
 
537
+ // Customize option group select
538
+ .option-group {
539
+ .multiselect__option--disabled {
540
+ background: transparent !important;
541
+ color: $color-heading !important;
542
+ font-weight: 700 !important;
543
+ font-size: 12px !important;
544
+ border-bottom: 1px solid $color-border-light;
545
+ }
546
+ .multiselect__option:not(.multiselect__option--disabled) {
547
+ padding-left: 32px !important;
548
+ }
549
+ .multiselect__option--selected {
550
+ font-weight: 500 !important;
551
+ &:before {
552
+ position: absolute;
553
+ content: "";
554
+ left: 20px;
555
+ top: 50%;
556
+ margin-top: -3px;
557
+ width: 6px;
558
+ height: 6px;
559
+ border-radius: 50%;
560
+ display: flex;
561
+ background-color: $color-text;
562
+ }
563
+ }
564
+ }
565
+
566
+ // Customize option group select
567
+
537
568
  @-moz-keyframes spin {
538
569
  from {
539
570
  -moz-transform: rotate(0deg);