66 * This is a WP-admin agnostic reset |
72 * This is a WP-admin agnostic reset |
67 */ |
73 */ |
68 /** |
74 /** |
69 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
70 */ |
76 */ |
71 .wp-block-rss.wp-block-rss { |
77 ul.wp-block-rss { |
|
78 list-style: none; |
|
79 padding: 0; |
|
80 } |
|
81 ul.wp-block-rss.wp-block-rss { |
72 box-sizing: border-box; |
82 box-sizing: border-box; |
73 } |
83 } |
74 .wp-block-rss.alignleft { |
84 ul.wp-block-rss.alignleft { |
75 /*rtl:ignore*/ |
85 /*rtl:ignore*/ |
76 margin-right: 2em; |
86 margin-right: 2em; |
77 } |
87 } |
78 .wp-block-rss.alignright { |
88 ul.wp-block-rss.alignright { |
79 /*rtl:ignore*/ |
89 /*rtl:ignore*/ |
80 margin-left: 2em; |
90 margin-left: 2em; |
81 } |
91 } |
82 .wp-block-rss.is-grid { |
92 ul.wp-block-rss.is-grid { |
83 display: flex; |
93 display: flex; |
84 flex-wrap: wrap; |
94 flex-wrap: wrap; |
85 padding: 0; |
95 padding: 0; |
86 list-style: none; |
96 list-style: none; |
87 } |
97 } |
88 .wp-block-rss.is-grid li { |
98 ul.wp-block-rss.is-grid li { |
89 margin: 0 1em 1em 0; |
99 margin: 0 1em 1em 0; |
90 width: 100%; |
100 width: 100%; |
91 } |
101 } |
92 @media (min-width: 600px) { |
102 @media (min-width: 600px) { |
93 .wp-block-rss.columns-2 li { |
103 ul.wp-block-rss.columns-2 li { |
94 width: calc(( 100% / 2 ) - 1em); |
104 width: calc(( 100% / 2 ) - 1em); |
95 } |
105 } |
96 .wp-block-rss.columns-3 li { |
106 ul.wp-block-rss.columns-3 li { |
97 width: calc(( 100% / 3 ) - 1em); |
107 width: calc(( 100% / 3 ) - 1em); |
98 } |
108 } |
99 .wp-block-rss.columns-4 li { |
109 ul.wp-block-rss.columns-4 li { |
100 width: calc(( 100% / 4 ) - 1em); |
110 width: calc(( 100% / 4 ) - 1em); |
101 } |
111 } |
102 .wp-block-rss.columns-5 li { |
112 ul.wp-block-rss.columns-5 li { |
103 width: calc(( 100% / 5 ) - 1em); |
113 width: calc(( 100% / 5 ) - 1em); |
104 } |
114 } |
105 .wp-block-rss.columns-6 li { |
115 ul.wp-block-rss.columns-6 li { |
106 width: calc(( 100% / 6 ) - 1em); |
116 width: calc(( 100% / 6 ) - 1em); |
107 } |
117 } |
108 } |
118 } |
109 |
119 |
110 .wp-block-rss__item-publish-date, |
120 .wp-block-rss__item-publish-date, |
111 .wp-block-rss__item-author { |
121 .wp-block-rss__item-author { |
112 display: block; |
122 display: block; |
113 color: #555; |
|
114 font-size: 0.8125em; |
123 font-size: 0.8125em; |
115 } |
124 } |