remove experiments
This commit is contained in:
Родитель
42749b71f8
Коммит
2fd8b65364
|
@ -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;
|
||||
|
|
Загрузка…
Ссылка в новой задаче