sudo apt install zsh-autosuggestions zsh-syntax-highlighting zsh
| .table-like-grid { | |
| display: table; | |
| width: 100%; | |
| } | |
| .table-like-grid > li { | |
| display: table-row; | |
| } | |
| .table-like-grid > li[data-role="table-header"] { |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Document</title> | |
| <style> | |
| .h-equal-w { | |
| width: 100px; | |
| overflow: hidden; | |
| background: #ccc; |
| <button onclick="alert('click')">Button1</button> | |
| <button onclick="alert('button2')">Button2</button> | |
| <div class="clip-mask" data-role="clip-mask"></div> |
| 毛玻璃 | |
| --- | |
| A [Pen](https://codepen.io/allenice/pen/ZJVEYM) by [Allenice](https://codepen.io/allenice) on [CodePen](https://codepen.io). | |
| [License](https://codepen.io/allenice/pen/ZJVEYM/license). |
| @mixin folded-corner($background, $size, $angle, 30deg) { | |
| position: relative; | |
| background: linear-gradient($angle - 180deg, transparent $size, $background, 0); | |
| border-radius: .5em; | |
| $x: $size / sin($angle); | |
| $y: $size / cos($angle); | |
| &::before { |