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 margin-right: 2em; |
85 margin-right: 2em; |
76 } |
86 } |
77 .wp-block-rss.alignright { |
87 ul.wp-block-rss.alignright { |
78 margin-left: 2em; |
88 margin-left: 2em; |
79 } |
89 } |
80 .wp-block-rss.is-grid { |
90 ul.wp-block-rss.is-grid { |
81 display: flex; |
91 display: flex; |
82 flex-wrap: wrap; |
92 flex-wrap: wrap; |
83 padding: 0; |
93 padding: 0; |
84 list-style: none; |
94 list-style: none; |
85 } |
95 } |
86 .wp-block-rss.is-grid li { |
96 ul.wp-block-rss.is-grid li { |
87 margin: 0 0 1em 1em; |
97 margin: 0 0 1em 1em; |
88 width: 100%; |
98 width: 100%; |
89 } |
99 } |
90 @media (min-width: 600px) { |
100 @media (min-width: 600px) { |
91 .wp-block-rss.columns-2 li { |
101 ul.wp-block-rss.columns-2 li { |
92 width: calc(( 100% / 2 ) - 1em); |
102 width: calc(( 100% / 2 ) - 1em); |
93 } |
103 } |
94 .wp-block-rss.columns-3 li { |
104 ul.wp-block-rss.columns-3 li { |
95 width: calc(( 100% / 3 ) - 1em); |
105 width: calc(( 100% / 3 ) - 1em); |
96 } |
106 } |
97 .wp-block-rss.columns-4 li { |
107 ul.wp-block-rss.columns-4 li { |
98 width: calc(( 100% / 4 ) - 1em); |
108 width: calc(( 100% / 4 ) - 1em); |
99 } |
109 } |
100 .wp-block-rss.columns-5 li { |
110 ul.wp-block-rss.columns-5 li { |
101 width: calc(( 100% / 5 ) - 1em); |
111 width: calc(( 100% / 5 ) - 1em); |
102 } |
112 } |
103 .wp-block-rss.columns-6 li { |
113 ul.wp-block-rss.columns-6 li { |
104 width: calc(( 100% / 6 ) - 1em); |
114 width: calc(( 100% / 6 ) - 1em); |
105 } |
115 } |
106 } |
116 } |
107 |
117 |
108 .wp-block-rss__item-publish-date, |
118 .wp-block-rss__item-publish-date, |
109 .wp-block-rss__item-author { |
119 .wp-block-rss__item-author { |
110 display: block; |
120 display: block; |
111 color: #555; |
|
112 font-size: 0.8125em; |
121 font-size: 0.8125em; |
113 } |
122 } |