equal
deleted
inserted
replaced
39 /** |
39 /** |
40 * React Native specific. |
40 * React Native specific. |
41 * These variables do not appear to be used anywhere else. |
41 * These variables do not appear to be used anywhere else. |
42 */ |
42 */ |
43 /** |
43 /** |
|
44 * Converts a hex value into the rgb equivalent. |
|
45 * |
|
46 * @param {string} hex - the hexadecimal value to convert |
|
47 * @return {string} comma separated rgb values |
|
48 */ |
|
49 /** |
44 * Breakpoint mixins |
50 * Breakpoint mixins |
45 */ |
51 */ |
46 /** |
52 /** |
47 * Long content fade mixin |
53 * Long content fade mixin |
48 * |
54 * |
73 } |
79 } |
74 |
80 |
75 .wp-block-query__create-new-link { |
81 .wp-block-query__create-new-link { |
76 padding: 0 56px 16px 16px; |
82 padding: 0 56px 16px 16px; |
77 } |
83 } |
|
84 |
|
85 .block-library-query__pattern-selection-content .block-editor-block-patterns-list { |
|
86 display: grid; |
|
87 grid-template-columns: 1fr 1fr 1fr; |
|
88 grid-gap: 8px; |
|
89 } |
|
90 .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { |
|
91 margin-bottom: 0; |
|
92 } |
|
93 .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { |
|
94 max-height: 250px; |
|
95 } |
|
96 |
|
97 .block-editor-query-pattern__selection-modal .components-modal__content { |
|
98 overflow: hidden; |
|
99 padding: 0; |
|
100 } |
|
101 .block-editor-query-pattern__selection-modal .components-modal__content::before { |
|
102 margin-bottom: 0; |
|
103 } |
|
104 |
|
105 @media (min-width: 600px) { |
|
106 .block-editor-query-pattern__selection-modal { |
|
107 width: calc(100% - 32px); |
|
108 height: calc(100% - 120px); |
|
109 } |
|
110 } |
|
111 @media (min-width: 782px) { |
|
112 .block-editor-query-pattern__selection-modal { |
|
113 width: 750px; |
|
114 } |
|
115 } |
|
116 @media (min-width: 960px) { |
|
117 .block-editor-query-pattern__selection-modal { |
|
118 height: 80%; |
|
119 width: 80%; |
|
120 max-height: none; |
|
121 } |
|
122 } |