wip
This commit is contained in:
parent
11f185bf72
commit
7c833c3568
8 changed files with 161 additions and 9 deletions
|
@ -6,7 +6,7 @@ body {
|
|||
|
||||
.xarticle {
|
||||
margin: auto;
|
||||
max-width: 720px;
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
||||
.fade {
|
||||
|
@ -96,3 +96,32 @@ small {
|
|||
|
||||
.login-form {
|
||||
}
|
||||
|
||||
|
||||
.cat {
|
||||
&:before, &:after {
|
||||
background: #df548f;
|
||||
border: solid 4px currentColor;
|
||||
box-sizing: border-box;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 50%;
|
||||
width: 50%;
|
||||
}
|
||||
&:before {
|
||||
border-radius: 0 75% 75%;
|
||||
transform: rotate(37.5deg) skew(30deg);
|
||||
}
|
||||
&:after {
|
||||
border-radius: 75% 0 75% 75%;
|
||||
transform: rotate(-37.5deg) skew(-30deg);
|
||||
}
|
||||
&.animated:hover {
|
||||
&:before {
|
||||
animation: earwiggleleft 1s infinite;
|
||||
}
|
||||
&:after {
|
||||
animation: earwiggleright 1s infinite;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue