wp/wp-includes/css/dist/commands/style-rtl.css
changeset 21 48c4eec2b7e6
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
       
     1 :root{
       
     2   --wp-admin-theme-color:#007cba;
       
     3   --wp-admin-theme-color--rgb:0, 124, 186;
       
     4   --wp-admin-theme-color-darker-10:#006ba1;
       
     5   --wp-admin-theme-color-darker-10--rgb:0, 107, 161;
       
     6   --wp-admin-theme-color-darker-20:#005a87;
       
     7   --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
       
     8   --wp-admin-border-width-focus:2px;
       
     9   --wp-block-synced-color:#7a00df;
       
    10   --wp-block-synced-color--rgb:122, 0, 223;
       
    11   --wp-bound-block-color:var(--wp-block-synced-color);
       
    12 }
       
    13 @media (min-resolution:192dpi){
       
    14   :root{
       
    15     --wp-admin-border-width-focus:1.5px;
       
    16   }
       
    17 }
       
    18 
       
    19 .commands-command-menu{
       
    20   border-radius:4px;
       
    21   margin:auto;
       
    22   max-width:400px;
       
    23   position:relative;
       
    24   top:calc(5% + 60px);
       
    25   width:calc(100% - 32px);
       
    26 }
       
    27 @media (min-width:600px){
       
    28   .commands-command-menu{
       
    29     top:calc(10% + 60px);
       
    30   }
       
    31 }
       
    32 .commands-command-menu .components-modal__content{
       
    33   margin:0;
       
    34   padding:0;
       
    35 }
       
    36 
       
    37 .commands-command-menu__overlay{
       
    38   align-items:start;
       
    39   display:block;
       
    40 }
       
    41 
       
    42 .commands-command-menu__header{
       
    43   align-items:center;
       
    44   display:flex;
       
    45   padding:0 16px;
       
    46 }
       
    47 .commands-command-menu__header .components-button{
       
    48   border:1px solid #949494;
       
    49   border-left:0;
       
    50   border-radius:0 2px 2px 0;
       
    51   height:56px;
       
    52   justify-content:center;
       
    53   width:56px;
       
    54 }
       
    55 .commands-command-menu__header .components-button+[cmdk-input]{
       
    56   border-bottom-right-radius:0;
       
    57   border-top-right-radius:0;
       
    58 }
       
    59 
       
    60 .commands-command-menu__container{
       
    61   will-change:transform;
       
    62 }
       
    63 .commands-command-menu__container [cmdk-input]{
       
    64   border:none;
       
    65   border-radius:0;
       
    66   color:#1e1e1e;
       
    67   font-size:15px;
       
    68   line-height:28px;
       
    69   margin:0;
       
    70   outline:none;
       
    71   padding:16px 4px;
       
    72   width:100%;
       
    73 }
       
    74 .commands-command-menu__container [cmdk-input]::placeholder{
       
    75   color:#757575;
       
    76 }
       
    77 .commands-command-menu__container [cmdk-input]:focus{
       
    78   box-shadow:none;
       
    79   outline:none;
       
    80 }
       
    81 .commands-command-menu__container [cmdk-item]{
       
    82   align-items:center;
       
    83   border-radius:2px;
       
    84   color:#1e1e1e;
       
    85   cursor:pointer;
       
    86   display:flex;
       
    87   font-size:13px;
       
    88 }
       
    89 .commands-command-menu__container [cmdk-item]:active,.commands-command-menu__container [cmdk-item][aria-selected=true]{
       
    90   background:var(--wp-admin-theme-color);
       
    91   color:#fff;
       
    92 }
       
    93 .commands-command-menu__container [cmdk-item]:active svg,.commands-command-menu__container [cmdk-item][aria-selected=true] svg{
       
    94   fill:#fff;
       
    95 }
       
    96 .commands-command-menu__container [cmdk-item][aria-disabled=true]{
       
    97   color:#949494;
       
    98   cursor:not-allowed;
       
    99 }
       
   100 .commands-command-menu__container [cmdk-item] svg{
       
   101   fill:#1e1e1e;
       
   102 }
       
   103 .commands-command-menu__container [cmdk-item]>div{
       
   104   min-height:40px;
       
   105   padding:4px 40px 4px 4px;
       
   106 }
       
   107 .commands-command-menu__container [cmdk-item]>.has-icon{
       
   108   padding-right:8px;
       
   109 }
       
   110 .commands-command-menu__container [cmdk-root]>[cmdk-list]{
       
   111   max-height:368px;
       
   112   overflow:auto;
       
   113 }
       
   114 .commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]:last-child [cmdk-group-items]:not(:empty){
       
   115   padding-bottom:8px;
       
   116 }
       
   117 .commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){
       
   118   padding:0 8px;
       
   119 }
       
   120 .commands-command-menu__container [cmdk-empty]{
       
   121   align-items:center;
       
   122   color:#1e1e1e;
       
   123   display:flex;
       
   124   justify-content:center;
       
   125   padding:8px 0 32px;
       
   126   white-space:pre-wrap;
       
   127 }
       
   128 .commands-command-menu__container [cmdk-loading]{
       
   129   padding:16px;
       
   130 }
       
   131 .commands-command-menu__container [cmdk-list-sizer]{
       
   132   position:relative;
       
   133 }
       
   134 
       
   135 .commands-command-menu__item span{
       
   136   display:inline-block;
       
   137   overflow:hidden;
       
   138   text-overflow:ellipsis;
       
   139   white-space:nowrap;
       
   140 }
       
   141 
       
   142 .commands-command-menu__item mark{
       
   143   background:unset;
       
   144   color:inherit;
       
   145   font-weight:600;
       
   146 }