62 vertical-align:middle; |
62 vertical-align:middle; |
63 width:54px; |
63 width:54px; |
64 } |
64 } |
65 |
65 |
66 .block-directory-downloadable-block-list-item{ |
66 .block-directory-downloadable-block-list-item{ |
|
67 appearance:none; |
|
68 background:none; |
|
69 border:0; |
67 display:grid; |
70 display:grid; |
68 grid-template-columns:auto 1fr; |
71 grid-template-columns:auto 1fr; |
69 height:auto; |
72 height:auto; |
|
73 margin:0; |
70 padding:12px; |
74 padding:12px; |
71 position:relative; |
75 position:relative; |
72 text-align:left; |
76 text-align:left; |
73 width:100%; |
77 width:100%; |
74 } |
78 } |
75 .block-directory-downloadable-block-list-item:hover{ |
79 .block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{ |
|
80 margin-top:4px; |
|
81 } |
|
82 @media not (prefers-reduced-motion){ |
|
83 .block-directory-downloadable-block-list-item{ |
|
84 transition:box-shadow .1s linear; |
|
85 } |
|
86 } |
|
87 .block-directory-downloadable-block-list-item:not([aria-disabled=true]){ |
|
88 cursor:pointer; |
|
89 } |
|
90 .block-directory-downloadable-block-list-item:hover,.block-directory-downloadable-block-list-item[data-focus-visible]{ |
76 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
91 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
77 outline:2px solid #0000; |
92 outline:2px solid #0000; |
78 } |
93 } |
79 .block-directory-downloadable-block-list-item.is-busy{ |
94 .block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author{ |
80 background:#0000; |
95 display:none; |
81 } |
|
82 .block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{ |
|
83 border:0; |
|
84 clip:rect(1px, 1px, 1px, 1px); |
|
85 clip-path:inset(50%); |
|
86 height:1px; |
|
87 margin:-1px; |
|
88 overflow:hidden; |
|
89 padding:0; |
|
90 position:absolute; |
|
91 width:1px; |
|
92 word-wrap:normal !important; |
|
93 } |
|
94 .block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{ |
|
95 opacity:1; |
|
96 } |
96 } |
97 |
97 |
98 .block-directory-downloadable-block-list-item__icon{ |
98 .block-directory-downloadable-block-list-item__icon{ |
99 align-self:flex-start; |
99 align-self:flex-start; |
100 margin-right:16px; |
100 margin-right:16px; |