Skip to content

Instantly share code, notes, and snippets.

View Allenice's full-sized avatar
💭
I may be slow to respond.

Allenice Allenice

💭
I may be slow to respond.
View GitHub Profile

Oh my zsh.

Oh My Zsh

Install ZSH.

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

Install Oh my ZSH.

@Allenice
Allenice / folded-corner.scss
Created September 3, 2017 14:33
folded-corner
@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 {
@Allenice
Allenice / glass
Last active August 30, 2017 15:39 — forked from anonymous/.markdown
毛玻璃
毛玻璃
---
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).
@Allenice
Allenice / clip-mask.html
Last active March 9, 2017 06:28
clip mask
<button onclick="alert('click')">Button1</button>
<button onclick="alert('button2')">Button2</button>
<div class="clip-mask" data-role="clip-mask"></div>
@Allenice
Allenice / height-equal-width.html
Last active March 9, 2017 06:28
div 宽高等比
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.h-equal-w {
width: 100px;
overflow: hidden;
background: #ccc;
@Allenice
Allenice / table-like-grid.css
Last active August 29, 2015 14:02
table-like-grid
.table-like-grid {
display: table;
width: 100%;
}
.table-like-grid > li {
display: table-row;
}
.table-like-grid > li[data-role="table-header"] {