$box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
$bottom-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 20px), 50% 100%, 0% calc(100% - 20px));
$top-clip-path: polygon(0% 0%, 50% 20px, 100% 0%, 100% 100%, 0% 100%);
$double-clip-path: polygon(0% 0%, 50% 20px, 100% 0%, 100% calc(100% - 20px), 50% 100%, 0% calc(100% - 20px));
$triangle-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
$reversed-triangle-clip-path: polygon(50% 100%, 100% 0%, 0% 0%);