mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-08-03 16:38:31 +00:00
5bafc824b1
* Added: Two settings to improve the FFZ experience for users using their operating system's High Contrast mode. One setting allows you to opt Twitch out of high contrast mode, and the other (which is selectively enabled by default) loads a few more styles to make page elements appear more correctly. * Added: When using link cards to view a link to a Twitch clip, allow the clip to be played with an embedded player. * Changed: When displaying a tool-tip for a link, use the link's accent color along the side of the tool-tip for slightly more branding. * Changed: Make the prompt to accept the YouTube Terms of Service more subtle, and add an option to decline to the settings so it'll stop showing the link to settings altogether. * Changed: Update the icon for Discord in the icon font, and add an icon for TikTok.
101 lines
2.1 KiB
SCSS
101 lines
2.1 KiB
SCSS
@font-face {
|
|
font-family: 'ffz-fontello';
|
|
src: url('~res/font/ffz-fontello.woff2') format('woff2'),
|
|
url('~res/font/ffz-fontello.woff') format('woff'),
|
|
url('~res/font/ffz-fontello.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
//[data-a-target="emote-picker-button"] figure:before,
|
|
[class^="ffz-i-"]:before, [class*=" ffz-i-"]:before {
|
|
font-family: "ffz-fontello";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
speak: none;
|
|
|
|
display: inline-block;
|
|
text-decoration: inherit;
|
|
width: 1em;
|
|
margin-right: .2em;
|
|
text-align: center;
|
|
/* opacity: .8; */
|
|
|
|
/* For safety - reset parent styles, that can break glyph codes*/
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
|
|
/* fix buttons height, for twitter bootstrap */
|
|
line-height: 1em;
|
|
|
|
/* Animation center compensation - margins should be symmetric */
|
|
/* remove if not needed */
|
|
margin-left: .2em;
|
|
|
|
/* you can be more comfortable with increased icons size */
|
|
/* font-size: 120%; */
|
|
|
|
/* Font smoothing. That was taken from TWBS */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
/* Uncomment for 3D effect */
|
|
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
|
}
|
|
|
|
.ffz--inline-actions .ffz-mod-icon .ffz-i-reply {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.ffz-i-discord:before {
|
|
width: 1.4em;
|
|
margin-left: 0.05rem;
|
|
}
|
|
|
|
|
|
.ffz-player-icon {
|
|
font-size: 2rem !important;
|
|
margin: -.5rem -.4rem !important;
|
|
}
|
|
|
|
|
|
.tw-button-icon__icon {
|
|
[class^="ffz-i-"], [class*=" ffz-i-"] {
|
|
font-size: 1.6rem
|
|
}
|
|
}
|
|
|
|
.ffz-i-fx:before {
|
|
margin-top: 0.2rem;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ffz-i-zreknarf:before {
|
|
width: 1.3em;
|
|
margin: .5rem .05rem 0;
|
|
}
|
|
|
|
.tw-button__icon {
|
|
.ffz-i-crown:before {
|
|
font-size: 1.6rem;
|
|
vertical-align: middle;
|
|
margin-bottom: -.6rem;
|
|
}
|
|
|
|
.ffz-i-zreknarf:before {
|
|
vertical-align: middle;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ffz-i-discord:before,
|
|
.ffz-i-twitter:before {
|
|
vertical-align: middle;
|
|
margin-bottom: -0.1em;
|
|
}
|
|
}
|
|
|
|
@import "./fontello/ffz-fontello-codes.scss";
|
|
|
|
.ffz-i-pd-1:before { margin-right: 1rem }
|
|
.ffz-i-pd-2:before { margin-right: 2rem }
|
|
.ffz-i-pd-3:before { margin-right: 3rem }
|