Inital
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72">
|
||||
<path d="M15.676 40.149v-5.282h13.645v12.489c-1.326 1.283-3.248 2.413-5.764 3.39-2.516.977-5.065 1.465-7.646 1.465-3.279 0-6.137-.688-8.575-2.064-2.439-1.376-4.271-3.343-5.497-5.903C.613 41.685 0 38.901 0 35.893c0-3.265.684-6.166 2.053-8.704 1.369-2.538 3.372-4.484 6.01-5.839 2.01-1.04 4.512-1.561 7.506-1.561 3.893 0 6.933.816 9.122 2.449 2.188 1.632 3.596 3.889 4.223 6.769l-6.287 1.176c-.442-1.54-1.273-2.755-2.492-3.646-1.219-.892-2.741-1.337-4.566-1.337-2.766 0-4.965.877-6.597 2.63-1.633 1.754-2.449 4.356-2.449 7.806 0 3.722.827 6.513 2.481 8.373 1.654 1.861 3.821 2.791 6.501 2.791 1.326 0 2.656-.26 3.989-.781 1.333-.52 2.477-1.151 3.432-1.892v-3.978h-7.25zM36.568 20.324h6.33v31.352h-6.33zM50.507 51.676V20.324H72v5.304H56.837v7.421h13.089v5.303H56.837v13.324h-6.33z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 853 B |
@@ -0,0 +1,100 @@
|
||||
.trumbowyg-giphy-button svg {
|
||||
transform: scale(1.22);
|
||||
}
|
||||
|
||||
.trumbowyg-giphy-search {
|
||||
display: block;
|
||||
width: 80%;
|
||||
margin: 5%;
|
||||
padding-left: 10px;
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
.trumbowyg-giphy-close {
|
||||
position: absolute;
|
||||
top: calc(5% + 8px);
|
||||
right: calc(5% - 2px);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: none;
|
||||
border: 1px solid transparent;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
outline: none;
|
||||
background: #ecf0f1;
|
||||
}
|
||||
&:focus {
|
||||
border-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.trumbowyg-powered-by-giphy {
|
||||
position: absolute;
|
||||
top: calc(5% + 12px);
|
||||
right: calc(15% + 10px);
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
|
||||
span {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
font-size: 10px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 66px;
|
||||
height: 15px;
|
||||
vertical-align: bottom;
|
||||
margin-left: 6px;
|
||||
opacity: 0.45;
|
||||
}
|
||||
}
|
||||
|
||||
.trumbowyg-giphy-modal-scroll {
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.trumbowyg-giphy-modal {
|
||||
padding: 0 5%;
|
||||
columns: 3;
|
||||
column-gap: 10px;
|
||||
|
||||
.trumbowyg-giphy-no-result {
|
||||
width: 250%;
|
||||
margin: 13% 0 0 29%;
|
||||
}
|
||||
|
||||
.trumbowyg-giphy-offline {
|
||||
font-size: 18px;
|
||||
width: 305%;
|
||||
height: 600px;
|
||||
margin-top: 95px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.trumbowyg-giphy-modal .img-container {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
background-color: #ecf0f1;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: opacity 150ms;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border: #2ecc71 solid 3px;
|
||||
}
|
||||
}
|
||||
|
||||
img.tbw-loaded {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user