初始化hugo
This commit is contained in:
1 parent
3560921bf7
commit
2c46cd35e7
81 files changed
+29189
No files matched your search
@@ -0,0 +1,143 @@
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#app {
|
||||
margin: 0 auto;
|
||||
width: 640px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.YEmotion {
|
||||
position: relative;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
.YEmotion .YEmotion-face {
|
||||
display: inline-block;
|
||||
outline: 0;
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
padding: 5px 8px;
|
||||
line-height: 1rem;
|
||||
font-size: 0.9rem;
|
||||
background-color: #fff;
|
||||
transition: 0.3s ease background-color, 0.3s ease color;
|
||||
}
|
||||
.YEmotion .YEmotion-face:hover,
|
||||
.YEmotion .YEmotion-face:focus,
|
||||
.YEmotion .YEmotion-face.show {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
.YEmotion .YEmotion-container {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: var(--mWidth);
|
||||
max-height: 0;
|
||||
transform: translateY(50px);
|
||||
border-radius: 5px;
|
||||
transition: 0.3s ease transform;
|
||||
overflow: hidden;
|
||||
}
|
||||
.YEmotion .YEmotion-container.show {
|
||||
height: var(--mHeight);
|
||||
max-height: var(--mHeight);
|
||||
transform: translateY(0px);
|
||||
background-color: #eee;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-coverbox {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #eee;
|
||||
color: #333;
|
||||
font-size: 0.9rem;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist {
|
||||
padding: 8px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist.top {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist.bottom {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 5px;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist::-webkit-scrollbar-button {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist::-webkit-scrollbar-thumb {
|
||||
min-width: 28px;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgb(0 0 0%), inset 0 -1px 0 rgb(0 0 0%);
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-select {
|
||||
display: inline-block;
|
||||
background-color: transparent;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
line-height: 1;
|
||||
padding: 5px 8px;
|
||||
border-radius: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-select:hover,
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-selectfocus,
|
||||
.YEmotion .YEmotion-container .YEmotion-typelist .YEmotion-type-select.current {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container {
|
||||
position: relative;
|
||||
height: var(--mHeight);
|
||||
background-color: white;
|
||||
overflow: hiddent;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
transform: translateX(calc(0 - var(--mWidth)));
|
||||
overflow-y: auto;
|
||||
padding: 8px;
|
||||
transition: 0.3s ease transform;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist:not(.current) {
|
||||
transform: translateX(var(--mWidth));
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist .YEmotion-emo-button {
|
||||
padding: 5px 8px;
|
||||
margin-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
background-color: #eee;
|
||||
transition: 0.3s ease all;
|
||||
}
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist .YEmotion-emo-button:hover,
|
||||
.YEmotion .YEmotion-container .YEmotion-emolist-container .YEmotion-emolist .YEmotion-emo-button:focus {
|
||||
text-decoration: none;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
}
|
||||
#showResult {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
#showResult .biaoqing {
|
||||
width: 24px;
|
||||
}
|
||||
Reference in new issue
Block a user