_candidate-popup.scss

text/plain • 1.41 kiB
ASCII text
        
            1
            // IBus Candidate Popup
        
            2
            
        
            3
            @use "../../../../theme";
        
            4
            @use "../../../../theme-color";
        
            5
            @use "../../../../st-theme";
        
            6
            @use "menu";
        
            7
            
        
            8
            .candidate-popup-boxpointer {
        
            9
              @extend .popup-menu-boxpointer;
        
            10
            }
        
            11
            
        
            12
            .candidate-popup-content {
        
            13
              @extend .popup-menu-content;
        
            14
              padding: 8px;
        
            15
              spacing: 0;
        
            16
            }
        
            17
            
        
            18
            .candidate-index {
        
            19
              padding: 0 4px 0 0;
        
            20
              color: theme-color.hint(theme-color.$on-surface);
        
            21
            }
        
            22
            
        
            23
            .candidate-box {
        
            24
              transition-duration: st-theme.$duration;
        
            25
              min-height: st-theme.$menuitem-size;
        
            26
              padding: 0 8px;
        
            27
              border-radius: theme.$corner-radius;
        
            28
            
        
            29
              &:hover {
        
            30
                background-color: theme-color.hover-overlay(theme-color.$on-surface);
        
            31
                color: inherit;
        
            32
                transition-duration: 0ms;
        
            33
              }
        
            34
            
        
            35
              &:active {
        
            36
                background-color: theme-color.pressed-overlay(theme-color.$on-surface);
        
            37
                transition-duration: st-theme.$duration-ripple;
        
            38
              }
        
            39
            
        
            40
              &:selected {
        
            41
                background-color: theme-color.$selected-overlay;
        
            42
                color: inherit;
        
            43
                transition-duration: 0ms;
        
            44
              }
        
            45
            }
        
            46
            
        
            47
            .candidate-page-button-box {
        
            48
              height: st-theme.$menuitem-size;
        
            49
            
        
            50
              .vertical & {
        
            51
                padding-top: 0;
        
            52
              }
        
            53
            
        
            54
              .horizontal & {
        
            55
                padding-left: 0;
        
            56
              }
        
            57
            }
        
            58
            
        
            59
            .candidate-page-button {
        
            60
              min-width: st-theme.$menuitem-size;
        
            61
              min-height: st-theme.$menuitem-size;
        
            62
              padding: 0;
        
            63
            }
        
            64
            
        
            65
            .candidate-page-button-previous {
        
            66
              border-right-width: 0;
        
            67
              border-radius: theme.$corner-radius;
        
            68
            }
        
            69
            
        
            70
            .candidate-page-button-next {
        
            71
              border-radius: theme.$corner-radius;
        
            72
            }
        
            73
            
        
            74
            .candidate-page-button-icon {
        
            75
              icon-size: 16px;
        
            76
            }
        
            77