This commit is contained in:
HoLLy 2020-07-01 17:15:56 +02:00
Родитель 42749b71f8
Коммит 2fd8b65364
4 изменённых файлов: 0 добавлений и 90 удалений

Просмотреть файл

@ -1,70 +0,0 @@
// Make messages move in
@if ($move-in-messages) {
@keyframes message-animation {
from {margin-left: -20px; margin-right: 60px; opacity: 0;}
to {margin-left: 20px; margin-right: 20px; opacity: 1;}
}
@keyframes channel-animation {
from {margin-left: -40px; margin-right: 20px; opacity: 0;}
to {margin-left: 0; margin-right: 0; opacity: 1;}
}
.message-group {
animation: message-animation 0.5s;
}
div[class*="containerDefault-"] {
animation: channel-animation 0.5s;
}
}
// Do some stuff with your own messages
@if ($style-own-messages) {
@keyframes colorRotate {
from { text-shadow: 0 0 5px hsl(0, 100%, 50%); }
16.6% { text-shadow: 0 0 5px hsl(300, 100%, 50%); }
33.3% { text-shadow: 0 0 5px hsl(240, 100%, 50%); }
50% { text-shadow: 0 0 5px hsl(180, 100%, 50%); }
66.6% { text-shadow: 0 0 5px hsl(120, 100%, 50%); }
83.3% { text-shadow: 0 0 5px hsl(60, 100%, 50%); }
to { text-shadow: 0 0 5px hsl(0, 100%, 50%); }
}
.message-group div[style*='#{$style-own-messages-user-id}']+.comment {
.user-name {
animation: colorRotate 3s linear 0s infinite;
}
}
}
// Have custom emoji. Not much else to say.
@if ($custom-emoji) {
.emoji[alt=":thinking:"] {
content: url(http://i0.kym-cdn.com/photos/images/original/001/302/286/432.png);
}
}
@if ($weird-animated-border) {
// remove old border
div[class*=channelTextArea-] div[class*=inner-] {
border: 0!important;
}
.chat .channelTextArea-1LDbYG {
$border-dash-len: 10px;
$border-space-len: 10px;
$border-width: 6px;
//$border-color: #dabeef;
$border-color: url(#bdg);
$border-speed: 0.4s;
$gradient-text:
'<linearGradient id="bdg" gradientTransform="rotate(45)">' +
'<stop stop-color="#{gold}"></stop>' +
'<stop stop-color="#{#0ac}" offset="1"></stop>' +
'</linearGradient>';
$data:
'<style>@keyframes bdm {to {stroke-dashoffset: #{-$border-dash-len-$border-space-len};}}</style>' +
$gradient-text +
'<rect width="100%" height="100%" style="stroke: #{$border-color}; stroke-width: #{$border-width}; fill: none; stroke-dasharray: ' +
'#{$border-dash-len} #{$border-space-len}; animation: bdm #{$border-speed} infinite linear;" />';
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg">#{$data}</svg>')!important;
}
}

Просмотреть файл

@ -1,9 +0,0 @@
// Toggles
$move-in-messages: false; // Moves in both messages and channels
$style-own-messages: false; // Gives your name a rainbow effect in chat
$custom-emoji: false; // Replaces some of the default emoji
$weird-animated-border: false; // Adds an animated, gradient-colored border around the chat box (using SVG backgrounds)
$show-loading: false; // Makes the loading screen transparant, so you can see what's going on behind the scenes
// Settings
$style-own-messages-user-id: 113009395494830080;

Просмотреть файл

@ -14,7 +14,6 @@
// Import the default values of all variables
@import "sakura/_variables.scss";
@import "tweaks/_variables.scss";
@import "experiments/_variables.scss";
// Overwrite any variables you like
@ -41,7 +40,6 @@ $alternative-user-popup: true;
// $server-list-above: true;
// $status-indicator-border: true;
// $web-hide-download-button: true;
// $show-loading: true;
$server-list-above-different-indicators: true;
@ -62,4 +60,3 @@ $custom-font-size-code: 12px!important;
// Import the main code
@import "sakura/_main_code.scss";
@import "tweaks/_main_code.scss";
// @import "experiments/_main_code.scss";

Просмотреть файл

@ -392,14 +392,6 @@
}
}
// Show loading
@if ($show-loading) {
div[class*="app-"] + div[style="opacity: 1;"] {
//opacity: 0.25!important;
display: none;
}
}
@if ($hide-unread-mentions-bar) {
div[class*="unreadMentionsBar-"] {
display: none;