tawasuyu

tawasuyu/taffy

A high performance rust-powered UI layout library

HTML 227Rust 7TOML 3CSS 1307 Definitions

⎇ 8cdbd42cc82f840e0ff107f5ee196ac435607e50 test_fixtures/grid_absolute_container_negative_position_margin.html HTML · 39 lines · 824 B History raw

Implement CSS Grid (#205) 6fd2c6bcb · Nico Burns ·

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <script src="../scripts/gentest/test_helper.js"></script>
5  <link rel="stylesheet" type="text/css" href="../scripts/gentest/test_base_style.css">
6  <title>
7    Test description
8  </title>
9<head/>
10<body>
11
12<div id="test-root" style="display: grid; grid-template-columns: 40px 40px 40px;grid-template-rows: 40px 40px 40px;padding: 10px 20px 30px 40px">
13  <div style="
14    position: absolute;
15    z-index: 2;
16    background-color: red;
17    right: -15px;
18    top: -5px;
19    margin: 1px 2p 3px 4px;
20  "></div>
21  <div style="
22    position: absolute;
23    z-index: 2;
24    background-color: red;
25    bottom: -25px;
26    left: -35px;
27    margin: 1px 2p 3px 4px;
28  "></div>
29  <div></div>
30  <div></div>
31  <div></div>
32  <div></div>
33  <div></div>
34  <div></div>
35  <div></div>
36</div>
37
38</body>
39</html>