validator/testdata/feature_tests/media_queries.out - main - githubmirror/amphtml

validator/testdata/feature_tests/media_queries.out
50 строк3 KB
honeybadgerdontcare
Validator rollup 20210819 (#35748)
20 авг 2021, 21:08
20 авг 2021, 21:0815f658d
PASS
|  <!--
|    Test Description:
|    Tests several invalid media queries in the custom CSS style.
|  -->
|  <!doctype html>
|  <html ⚡>
|  <head>
|    <meta charset="utf-8">
|    <link rel="canonical" href="./regular-html-version.html">
|    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
|    <style amp-custom>
|    /* Valid media type */
|    @media screen {}
|    /* Invalid media type */
|    @media holodeck {}
>>          ^~~~~~~~~
feature_tests/media_queries.html:15:9 CSS syntax error in tag 'style amp-custom' - disallowed media type 'holodeck'.
|    /* Valid and Invalid media type */
|    @media screen, holodeck {}
>>                  ^~~~~~~~~
feature_tests/media_queries.html:17:17 CSS syntax error in tag 'style amp-custom' - disallowed media type 'holodeck'.
|    /* Valid variants of pixel-ratio feature */
|    @media (-webkit-min-device-pixel-ratio:1.5) {}
|    @media (min-device-pixel-ratio:1.5) {}
|    @media (device-pixel-ratio:1.5) {}
|    /* Invalid variants of pixel-ratio */
|    @media (min-webkit-device-pixel-ratio:1.5) {}
>>           ^~~~~~~~~
feature_tests/media_queries.html:23:10 CSS syntax error in tag 'style amp-custom' - disallowed media feature 'min-webkit-device-pixel-ratio'.
|    @media (min--webkit-device-pixel-ratio:1.5) {}
>>           ^~~~~~~~~
feature_tests/media_queries.html:24:10 CSS syntax error in tag 'style amp-custom' - disallowed media feature 'min--webkit-device-pixel-ratio'.
|    /* Invalid media feature */
|    @media (invalid-media-feature:1.5) {}
>>           ^~~~~~~~~
feature_tests/media_queries.html:26:10 CSS syntax error in tag 'style amp-custom' - disallowed media feature 'invalid-media-feature'.
|    /* All together now, this is valid */
|    @media only screen and (max-width: 800px) {}
|    /* All together now, these are not */
|    @media not holodeck and (max-width: 800px) {}
>>              ^~~~~~~~~
feature_tests/media_queries.html:30:13 CSS syntax error in tag 'style amp-custom' - disallowed media type 'holodeck'.
|    @media screen and (-webkit-max-degrees-celsius: 14) {}
>>                      ^~~~~~~~~
feature_tests/media_queries.html:31:21 CSS syntax error in tag 'style amp-custom' - disallowed media feature '-webkit-max-degrees-celsius'.
|    </style>
|    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
|    <script src="https://cdn.ampproject.org/v0.js" async></script>
|  </head><body></body></html>