Allenice Allenice

## Oh my ZSH with zsh-autosuggestions zsh-syntax-highlighting zsh-fast-syntax-highlighting and zsh-autocomplete.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                Allenice
                / Oh my ZSH with zsh-autosuggestions zsh-syntax-highlighting zsh-fast-syntax-highlighting and zsh-autocomplete.md
            
            
              Created
              April 8, 2023 15:32
                — forked from n1snt/Oh my ZSH with zsh-autosuggestions zsh-syntax-highlighting zsh-fast-syntax-highlighting and zsh-autocomplete.md
            
              
                Oh my ZSH with zsh-autosuggestions zsh-syntax-highlighting zsh-fast-syntax-highlighting and zsh-autocomplete.md
              
          
    Oh my zsh.


Install ZSH.

sudo apt install zsh-autosuggestions zsh-syntax-highlighting zsh

Install Oh my ZSH.


## folded-corner.scss
@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 {

## glass
毛玻璃
---


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).

## clip-mask.html
<button onclick="alert('click')">Button1</button>
<button onclick="alert('button2')">Button2</button>
<div class="clip-mask" data-role="clip-mask"></div>

## height-equal-width.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .h-equal-w {
      width: 100px;
      overflow: hidden;
      background: #ccc;

## table-like-grid.css
.table-like-grid {
  display: table;
  width: 100%;
}

.table-like-grid > li {
  display: table-row;
}

.table-like-grid > li[data-role="table-header"] {
	@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 {
	毛玻璃
	---


	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).
	<button onclick="alert('click')">Button1</button>
	<button onclick="alert('button2')">Button2</button>
	<div class="clip-mask" data-role="clip-mask"></div>
	.table-like-grid {
	display: table;
	width: 100%;
	}

	.table-like-grid > li {
	display: table-row;
	}

	.table-like-grid > li[data-role="table-header"] {