validator/testdata/feature_tests/media_expression_calc.html - main - githubmirror/amphtml

validator/testdata/feature_tests/media_expression_calc.html

23 строки1 KB

Greg Grothaus

cl/394490119 Fix a bug where the CSS parser was not correctly accounting for the possibility of calc() in the media expression. (#35937)

03 сен 2021, 02:17

Не верифицирован

03 сен 2021, 02:17b226f9d

<!--
  Test Description:
  This tests that CSS media expression parsing correctly handles calc(),
  specifically this bug:
  https://github.com/ampproject/amphtml/issues/35793
-->
<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="./regular-html-version.html">
  <meta name="viewport" content="width=device-width">
  <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 async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp-custom>
    @media (min-width: calc(840px - 48px)) {}
    @media (min-width: calc(840px - calc(24px + 24px))) {}
  </style>
</head>
<body>
Hello, world.
</body>
</html>