From d8bd57901e33a7057e26e782e295099ffcc0da89 Mon Sep 17 00:00:00 2001 From: Christopher Speller Date: Wed, 6 Sep 2017 23:04:13 -0700 Subject: Removing webapp --- webapp/sass/components/_alerts.scss | 13 - webapp/sass/components/_buttons.scss | 55 - webapp/sass/components/_dropdown.scss | 54 - webapp/sass/components/_emojisprite.scss | 1489 -------------------------- webapp/sass/components/_emoticons.scss | 233 ---- webapp/sass/components/_error-bar.scss | 55 - webapp/sass/components/_files.scss | 298 ------ webapp/sass/components/_inputs.scss | 71 -- webapp/sass/components/_links.scss | 22 - webapp/sass/components/_mentions.scss | 112 -- webapp/sass/components/_modal.scss | 700 ------------ webapp/sass/components/_module.scss | 25 - webapp/sass/components/_multi-select.scss | 58 - webapp/sass/components/_oauth.scss | 47 - webapp/sass/components/_popover.scss | 348 ------ webapp/sass/components/_save-button.scss | 7 - webapp/sass/components/_scrollbar.scss | 78 -- webapp/sass/components/_search.scss | 163 --- webapp/sass/components/_spinner-button.scss | 8 - webapp/sass/components/_status-dropdown.scss | 5 - webapp/sass/components/_status-icon.scss | 97 -- webapp/sass/components/_suggestion-list.scss | 92 -- webapp/sass/components/_tooltip.scss | 22 - webapp/sass/components/_tutorial.scss | 239 ----- webapp/sass/components/_videos.scss | 95 -- webapp/sass/components/_webrtc.scss | 331 ------ 26 files changed, 4717 deletions(-) delete mode 100644 webapp/sass/components/_alerts.scss delete mode 100644 webapp/sass/components/_buttons.scss delete mode 100644 webapp/sass/components/_dropdown.scss delete mode 100644 webapp/sass/components/_emojisprite.scss delete mode 100644 webapp/sass/components/_emoticons.scss delete mode 100644 webapp/sass/components/_error-bar.scss delete mode 100644 webapp/sass/components/_files.scss delete mode 100644 webapp/sass/components/_inputs.scss delete mode 100644 webapp/sass/components/_links.scss delete mode 100644 webapp/sass/components/_mentions.scss delete mode 100644 webapp/sass/components/_modal.scss delete mode 100644 webapp/sass/components/_module.scss delete mode 100644 webapp/sass/components/_multi-select.scss delete mode 100644 webapp/sass/components/_oauth.scss delete mode 100644 webapp/sass/components/_popover.scss delete mode 100644 webapp/sass/components/_save-button.scss delete mode 100644 webapp/sass/components/_scrollbar.scss delete mode 100644 webapp/sass/components/_search.scss delete mode 100644 webapp/sass/components/_spinner-button.scss delete mode 100644 webapp/sass/components/_status-dropdown.scss delete mode 100644 webapp/sass/components/_status-icon.scss delete mode 100644 webapp/sass/components/_suggestion-list.scss delete mode 100644 webapp/sass/components/_tooltip.scss delete mode 100644 webapp/sass/components/_tutorial.scss delete mode 100644 webapp/sass/components/_videos.scss delete mode 100644 webapp/sass/components/_webrtc.scss (limited to 'webapp/sass/components') diff --git a/webapp/sass/components/_alerts.scss b/webapp/sass/components/_alerts.scss deleted file mode 100644 index cb4c9c9e1..000000000 --- a/webapp/sass/components/_alerts.scss +++ /dev/null @@ -1,13 +0,0 @@ -@charset 'UTF-8'; - -.alert { - @include border-radius($border-rad); - padding: 8px 12px; -} - -.alert--confirm { - display: inline-block; - float: left; - margin: 1px 0 0 10px; - padding: 4px 10px; -} diff --git a/webapp/sass/components/_buttons.scss b/webapp/sass/components/_buttons.scss deleted file mode 100644 index c6086e866..000000000 --- a/webapp/sass/components/_buttons.scss +++ /dev/null @@ -1,55 +0,0 @@ -@charset 'UTF-8'; - -.btn { - @include single-transition(all, .15s, ease-in); - @include border-radius($border-rad); - - &.btn-primary { - background: $primary-color; - border-color: transparent; - - &:hover, - &:focus, - &:active { - background: $primary-color--hover; - } - } - - &.btn-default { - background: alpha-color($black, .7); - color: $white; - - &:hover, - &:focus, - &:active { - background: alpha-color($black, .8); - color: $white; - } - } - - &.btn-danger { - color: $white; - - .app__body & { - color: $white; - - &:hover, - &:focus, - &:active { - color: $white; - } - } - - &:hover, - &:focus, - &:active { - color: $white; - } - } - - &.btn-inactive { - background: $light-gray; - border-color: transparent; - color: $white; - } -} diff --git a/webapp/sass/components/_dropdown.scss b/webapp/sass/components/_dropdown.scss deleted file mode 100644 index bc128d6ef..000000000 --- a/webapp/sass/components/_dropdown.scss +++ /dev/null @@ -1,54 +0,0 @@ -@charset 'UTF-8'; - -.dropdown-menu { - border-radius: $border-rad; - - &.colorpicker { - min-width: 125px; - z-index: 2500; - } - - .fa { - @include opacity(.6); - margin-right: 5px; - } - - .divider { - @include opacity(.15); - - & + .divider { - display: none; - } - - &:last-child { - display: none; - } - } - - div, - li { - > a { - color: inherit; - text-decoration: none; - - &:focus, - &:hover { - color: inherit; - } - } - } -} - -.open { - > .dropdown-menu__content { - display: block; - - > .dropdown-menu { - display: block; - } - } -} - -.dropdown-menu__content { - display: none; -} diff --git a/webapp/sass/components/_emojisprite.scss b/webapp/sass/components/_emojisprite.scss deleted file mode 100644 index 569895ba0..000000000 --- a/webapp/sass/components/_emojisprite.scss +++ /dev/null @@ -1,1489 +0,0 @@ -@charset "UTF-8"; -.emojisprite-preview { - @include transform(scale(.55)); - background-repeat: no-repeat; - cursor: pointer; - height: 64px; - max-width: none; - transform-origin: 0 0; - width: 64px; - padding: 0 10px 0 0; -} -.emojisprite { - @include transform(scale(.35)); - background-repeat: no-repeat; - border-radius: 18px; - cursor: pointer; - height: 64px; - max-width: none; - transform-origin: 0 0; - width: 64px; -} -.emojisprite-loading { - background-image: none !important; - @include transform(scale(.35)); - background-repeat: no-repeat; - border-radius: 18px; - cursor: pointer; - height: 64px; - max-width: none; - transform-origin: 0 0; - width: 64px; -} -.emoji-category-people { background-image: url('../images/emoji-sheets/people.png'); } -.emoji-1f302 { background-position: -0px -0px; } -.emoji-1f383 { background-position: -64px -0px; } -.emoji-1f385 { background-position: -0px -64px; } -.emoji-1f392 { background-position: -64px -64px; } -.emoji-1f393 { background-position: -128px -0px; } -.emoji-1f3a9 { background-position: -128px -64px; } -.emoji-1f3c3 { background-position: -0px -128px; } -.emoji-1f3c3-200d-2640-fe0f { background-position: -64px -128px; } -.emoji-1f440 { background-position: -128px -128px; } -.emoji-1f441 { background-position: -192px -0px; } -.emoji-1f442 { background-position: -192px -64px; } -.emoji-1f443 { background-position: -192px -128px; } -.emoji-1f444 { background-position: -0px -192px; } -.emoji-1f445 { background-position: -64px -192px; } -.emoji-1f446 { background-position: -128px -192px; } -.emoji-1f447 { background-position: -192px -192px; } -.emoji-1f448 { background-position: -256px -0px; } -.emoji-1f449 { background-position: -256px -64px; } -.emoji-1f44a { background-position: -256px -128px; } -.emoji-1f44b { background-position: -256px -192px; } -.emoji-1f44c { background-position: -0px -256px; } -.emoji-1f44d { background-position: -64px -256px; } -.emoji-1f44e { background-position: -128px -256px; } -.emoji-1f44f { background-position: -192px -256px; } -.emoji-1f450 { background-position: -256px -256px; } -.emoji-1f451 { background-position: -320px -0px; } -.emoji-1f452 { background-position: -320px -64px; } -.emoji-1f453 { background-position: -320px -128px; } -.emoji-1f454 { background-position: -320px -192px; } -.emoji-1f455 { background-position: -320px -256px; } -.emoji-1f456 { background-position: -0px -320px; } -.emoji-1f457 { background-position: -64px -320px; } -.emoji-1f458 { background-position: -128px -320px; } -.emoji-1f459 { background-position: -192px -320px; } -.emoji-1f45a { background-position: -256px -320px; } -.emoji-1f45b { background-position: -320px -320px; } -.emoji-1f45c { background-position: -384px -0px; } -.emoji-1f45d { background-position: -384px -64px; } -.emoji-1f45e { background-position: -384px -128px; } -.emoji-1f45f { background-position: -384px -192px; } -.emoji-1f460 { background-position: -384px -256px; } -.emoji-1f461 { background-position: -384px -320px; } -.emoji-1f462 { background-position: -0px -384px; } -.emoji-1f463 { background-position: -64px -384px; } -.emoji-1f464 { background-position: -128px -384px; } -.emoji-1f465 { background-position: -192px -384px; } -.emoji-1f466 { background-position: -256px -384px; } -.emoji-1f467 { background-position: -320px -384px; } -.emoji-1f468 { background-position: -384px -384px; } -.emoji-1f468-200d-1f33e { background-position: -448px -0px; } -.emoji-1f468-200d-1f373 { background-position: -448px -64px; } -.emoji-1f468-200d-1f393 { background-position: -448px -128px; } -.emoji-1f468-200d-1f3a4 { background-position: -448px -192px; } -.emoji-1f468-200d-1f3a8 { background-position: -448px -256px; } -.emoji-1f468-200d-1f3eb { background-position: -448px -320px; } -.emoji-1f468-200d-1f3ed { background-position: -448px -384px; } -.emoji-1f468-200d-1f466 { background-position: -0px -448px; } -.emoji-1f468-200d-1f466-200d-1f466 { background-position: -64px -448px; } -.emoji-1f468-200d-1f467 { background-position: -128px -448px; } -.emoji-1f468-200d-1f467-200d-1f466 { background-position: -192px -448px; } -.emoji-1f468-200d-1f467-200d-1f467 { background-position: -256px -448px; } -.emoji-1f468-200d-1f468-200d-1f466 { background-position: -320px -448px; } -.emoji-1f468-200d-1f468-200d-1f466-200d-1f466 { background-position: -384px -448px; } -.emoji-1f468-200d-1f468-200d-1f467 { background-position: -448px -448px; } -.emoji-1f468-200d-1f468-200d-1f467-200d-1f466 { background-position: -512px -0px; } -.emoji-1f468-200d-1f468-200d-1f467-200d-1f467 { background-position: -512px -64px; } -.emoji-1f468-200d-1f469-200d-1f466-200d-1f466 { background-position: -512px -128px; } -.emoji-1f468-200d-1f469-200d-1f467 { background-position: -512px -192px; } -.emoji-1f468-200d-1f469-200d-1f467-200d-1f466 { background-position: -512px -256px; } -.emoji-1f468-200d-1f469-200d-1f467-200d-1f467 { background-position: -512px -320px; } -.emoji-1f468-200d-1f4bb { background-position: -512px -384px; } -.emoji-1f468-200d-1f4bc { background-position: -512px -448px; } -.emoji-1f468-200d-1f527 { background-position: -0px -512px; } -.emoji-1f468-200d-1f52c { background-position: -64px -512px; } -.emoji-1f468-200d-1f680 { background-position: -128px -512px; } -.emoji-1f468-200d-1f692 { background-position: -192px -512px; } -.emoji-1f468-200d-2695-fe0f { background-position: -256px -512px; } -.emoji-1f468-200d-2696-fe0f { background-position: -320px -512px; } -.emoji-1f468-200d-2708-fe0f { background-position: -384px -512px; } -.emoji-1f468-200d-2764-fe0f-200d-1f468 { background-position: -448px -512px; } -.emoji-1f468-200d-2764-fe0f-200d-1f48b-200d-1f468 { background-position: -512px -512px; } -.emoji-1f469 { background-position: -576px -0px; } -.emoji-1f469-200d-1f33e { background-position: -576px -64px; } -.emoji-1f469-200d-1f373 { background-position: -576px -128px; } -.emoji-1f469-200d-1f393 { background-position: -576px -192px; } -.emoji-1f469-200d-1f3a4 { background-position: -576px -256px; } -.emoji-1f469-200d-1f3a8 { background-position: -576px -320px; } -.emoji-1f469-200d-1f3eb { background-position: -576px -384px; } -.emoji-1f469-200d-1f3ed { background-position: -576px -448px; } -.emoji-1f469-200d-1f466 { background-position: -576px -512px; } -.emoji-1f469-200d-1f466-200d-1f466 { background-position: -0px -576px; } -.emoji-1f469-200d-1f467 { background-position: -64px -576px; } -.emoji-1f469-200d-1f467-200d-1f466 { background-position: -128px -576px; } -.emoji-1f469-200d-1f467-200d-1f467 { background-position: -192px -576px; } -.emoji-1f469-200d-1f469-200d-1f466 { background-position: -256px -576px; } -.emoji-1f469-200d-1f469-200d-1f466-200d-1f466 { background-position: -320px -576px; } -.emoji-1f469-200d-1f469-200d-1f467 { background-position: -384px -576px; } -.emoji-1f469-200d-1f469-200d-1f467-200d-1f466 { background-position: -448px -576px; } -.emoji-1f469-200d-1f469-200d-1f467-200d-1f467 { background-position: -512px -576px; } -.emoji-1f469-200d-1f4bb { background-position: -576px -576px; } -.emoji-1f469-200d-1f4bc { background-position: -640px -0px; } -.emoji-1f469-200d-1f527 { background-position: -640px -64px; } -.emoji-1f469-200d-1f52c { background-position: -640px -128px; } -.emoji-1f469-200d-1f680 { background-position: -640px -192px; } -.emoji-1f469-200d-1f692 { background-position: -640px -256px; } -.emoji-1f469-200d-2695-fe0f { background-position: -640px -320px; } -.emoji-1f469-200d-2696-fe0f { background-position: -640px -384px; } -.emoji-1f469-200d-2708-fe0f { background-position: -640px -448px; } -.emoji-1f469-200d-2764-fe0f-200d-1f469 { background-position: -640px -512px; } -.emoji-1f469-200d-2764-fe0f-200d-1f48b-200d-1f469 { background-position: -640px -576px; } -.emoji-1f46a { background-position: -0px -640px; } -.emoji-1f46b { background-position: -64px -640px; } -.emoji-1f46c { background-position: -128px -640px; } -.emoji-1f46d { background-position: -192px -640px; } -.emoji-1f46e { background-position: -256px -640px; } -.emoji-1f46e-200d-2640-fe0f { background-position: -320px -640px; } -.emoji-1f46f { background-position: -384px -640px; } -.emoji-1f46f-200d-2642-fe0f { background-position: -448px -640px; } -.emoji-1f470 { background-position: -512px -640px; } -.emoji-1f471 { background-position: -576px -640px; } -.emoji-1f471-200d-2640-fe0f { background-position: -640px -640px; } -.emoji-1f472 { background-position: -704px -0px; } -.emoji-1f473 { background-position: -704px -64px; } -.emoji-1f473-200d-2640-fe0f { background-position: -704px -128px; } -.emoji-1f474 { background-position: -704px -192px; } -.emoji-1f475 { background-position: -704px -256px; } -.emoji-1f476 { background-position: -704px -320px; } -.emoji-1f477 { background-position: -704px -384px; } -.emoji-1f477-200d-2640-fe0f { background-position: -704px -448px; } -.emoji-1f478 { background-position: -704px -512px; } -.emoji-1f479 { background-position: -704px -576px; } -.emoji-1f47a { background-position: -704px -640px; } -.emoji-1f47b { background-position: -0px -704px; } -.emoji-1f47c { background-position: -64px -704px; } -.emoji-1f47d { background-position: -128px -704px; } -.emoji-1f47e { background-position: -192px -704px; } -.emoji-1f47f { background-position: -256px -704px; } -.emoji-1f480 { background-position: -320px -704px; } -.emoji-1f481 { background-position: -384px -704px; } -.emoji-1f481-200d-2642-fe0f { background-position: -448px -704px; } -.emoji-1f482 { background-position: -512px -704px; } -.emoji-1f482-200d-2640-fe0f { background-position: -576px -704px; } -.emoji-1f483 { background-position: -640px -704px; } -.emoji-1f484 { background-position: -704px -704px; } -.emoji-1f485 { background-position: -768px -0px; } -.emoji-1f486 { background-position: -768px -64px; } -.emoji-1f486-200d-2642-fe0f { background-position: -768px -128px; } -.emoji-1f487 { background-position: -768px -192px; } -.emoji-1f487-200d-2642-fe0f { background-position: -768px -256px; } -.emoji-1f48b { background-position: -768px -320px; } -.emoji-1f48d { background-position: -768px -384px; } -.emoji-1f48f { background-position: -768px -448px; } -.emoji-1f491 { background-position: -768px -512px; } -.emoji-1f4a9 { background-position: -768px -576px; } -.emoji-1f4aa { background-position: -768px -640px; } -.emoji-1f4bc { background-position: -768px -704px; } -.emoji-1f574 { background-position: -0px -768px; } -.emoji-1f575-fe0f { background-position: -64px -768px; } -.emoji-1f575-fe0f-200d-2640-fe0f { background-position: -128px -768px; } -.emoji-1f576 { background-position: -192px -768px; } -.emoji-1f57a { background-position: -256px -768px; } -.emoji-1f590 { background-position: -320px -768px; } -.emoji-1f595 { background-position: -384px -768px; } -.emoji-1f596 { background-position: -448px -768px; } -.emoji-1f5e3 { background-position: -512px -768px; } -.emoji-1f600 { background-position: -576px -768px; } -.emoji-1f601 { background-position: -640px -768px; } -.emoji-1f602 { background-position: -704px -768px; } -.emoji-1f603 { background-position: -768px -768px; } -.emoji-1f604 { background-position: -832px -0px; } -.emoji-1f605 { background-position: -832px -64px; } -.emoji-1f606 { background-position: -832px -128px; } -.emoji-1f607 { background-position: -832px -192px; } -.emoji-1f608 { background-position: -832px -256px; } -.emoji-1f609 { background-position: -832px -320px; } -.emoji-1f60a { background-position: -832px -384px; } -.emoji-1f60b { background-position: -832px -448px; } -.emoji-1f60c { background-position: -832px -512px; } -.emoji-1f60d { background-position: -832px -576px; } -.emoji-1f60e { background-position: -832px -640px; } -.emoji-1f60f { background-position: -832px -704px; } -.emoji-1f610 { background-position: -832px -768px; } -.emoji-1f611 { background-position: -0px -832px; } -.emoji-1f612 { background-position: -64px -832px; } -.emoji-1f613 { background-position: -128px -832px; } -.emoji-1f614 { background-position: -192px -832px; } -.emoji-1f615 { background-position: -256px -832px; } -.emoji-1f616 { background-position: -320px -832px; } -.emoji-1f617 { background-position: -384px -832px; } -.emoji-1f618 { background-position: -448px -832px; } -.emoji-1f619 { background-position: -512px -832px; } -.emoji-1f61a { background-position: -576px -832px; } -.emoji-1f61b { background-position: -640px -832px; } -.emoji-1f61c { background-position: -704px -832px; } -.emoji-1f61d { background-position: -768px -832px; } -.emoji-1f61e { background-position: -832px -832px; } -.emoji-1f61f { background-position: -896px -0px; } -.emoji-1f620 { background-position: -896px -64px; } -.emoji-1f621 { background-position: -896px -128px; } -.emoji-1f622 { background-position: -896px -192px; } -.emoji-1f623 { background-position: -896px -256px; } -.emoji-1f624 { background-position: -896px -320px; } -.emoji-1f625 { background-position: -896px -384px; } -.emoji-1f626 { background-position: -896px -448px; } -.emoji-1f627 { background-position: -896px -512px; } -.emoji-1f628 { background-position: -896px -576px; } -.emoji-1f629 { background-position: -896px -640px; } -.emoji-1f62a { background-position: -896px -704px; } -.emoji-1f62b { background-position: -896px -768px; } -.emoji-1f62c { background-position: -896px -832px; } -.emoji-1f62d { background-position: -0px -896px; } -.emoji-1f62e { background-position: -64px -896px; } -.emoji-1f62f { background-position: -128px -896px; } -.emoji-1f630 { background-position: -192px -896px; } -.emoji-1f631 { background-position: -256px -896px; } -.emoji-1f632 { background-position: -320px -896px; } -.emoji-1f633 { background-position: -384px -896px; } -.emoji-1f634 { background-position: -448px -896px; } -.emoji-1f635 { background-position: -512px -896px; } -.emoji-1f636 { background-position: -576px -896px; } -.emoji-1f637 { background-position: -640px -896px; } -.emoji-1f638 { background-position: -704px -896px; } -.emoji-1f639 { background-position: -768px -896px; } -.emoji-1f63a { background-position: -832px -896px; } -.emoji-1f63b { background-position: -896px -896px; } -.emoji-1f63c { background-position: -960px -0px; } -.emoji-1f63d { background-position: -960px -64px; } -.emoji-1f63e { background-position: -960px -128px; } -.emoji-1f63f { background-position: -960px -192px; } -.emoji-1f640 { background-position: -960px -256px; } -.emoji-1f641 { background-position: -960px -320px; } -.emoji-1f642 { background-position: -960px -384px; } -.emoji-1f643 { background-position: -960px -448px; } -.emoji-1f644 { background-position: -960px -512px; } -.emoji-1f645 { background-position: -960px -576px; } -.emoji-1f645-200d-2642-fe0f { background-position: -960px -640px; } -.emoji-1f646 { background-position: -960px -704px; } -.emoji-1f646-200d-2642-fe0f { background-position: -960px -768px; } -.emoji-1f647 { background-position: -960px -832px; } -.emoji-1f647-200d-2640-fe0f { background-position: -960px -896px; } -.emoji-1f64b { background-position: -0px -960px; } -.emoji-1f64b-200d-2642-fe0f { background-position: -64px -960px; } -.emoji-1f64c { background-position: -128px -960px; } -.emoji-1f64d { background-position: -192px -960px; } -.emoji-1f64d-200d-2642-fe0f { background-position: -256px -960px; } -.emoji-1f64e { background-position: -320px -960px; } -.emoji-1f64e-200d-2642-fe0f { background-position: -384px -960px; } -.emoji-1f64f { background-position: -448px -960px; } -.emoji-1f6b6 { background-position: -512px -960px; } -.emoji-1f6b6-200d-2640-fe0f { background-position: -576px -960px; } -.emoji-1f910 { background-position: -640px -960px; } -.emoji-1f911 { background-position: -704px -960px; } -.emoji-1f912 { background-position: -768px -960px; } -.emoji-1f913 { background-position: -832px -960px; } -.emoji-1f914 { background-position: -896px -960px; } -.emoji-1f915 { background-position: -960px -960px; } -.emoji-1f916 { background-position: -1024px -0px; } -.emoji-1f917 { background-position: -1024px -64px; } -.emoji-1f918 { background-position: -1024px -128px; } -.emoji-1f919 { background-position: -1024px -192px; } -.emoji-1f91a { background-position: -1024px -256px; } -.emoji-1f91b { background-position: -1024px -320px; } -.emoji-1f91c { background-position: -1024px -384px; } -.emoji-1f91d { background-position: -1024px -448px; } -.emoji-1f91e { background-position: -1024px -512px; } -.emoji-1f920 { background-position: -1024px -576px; } -.emoji-1f921 { background-position: -1024px -640px; } -.emoji-1f922 { background-position: -1024px -704px; } -.emoji-1f923 { background-position: -1024px -768px; } -.emoji-1f924 { background-position: -1024px -832px; } -.emoji-1f925 { background-position: -1024px -896px; } -.emoji-1f926-200d-2640-fe0f { background-position: -1024px -960px; } -.emoji-1f926-200d-2642-fe0f { background-position: -0px -1024px; } -.emoji-1f927 { background-position: -64px -1024px; } -.emoji-1f930 { background-position: -128px -1024px; } -.emoji-1f933 { background-position: -192px -1024px; } -.emoji-1f934 { background-position: -256px -1024px; } -.emoji-1f935 { background-position: -320px -1024px; } -.emoji-1f936 { background-position: -384px -1024px; } -.emoji-1f937-200d-2640-fe0f { background-position: -448px -1024px; } -.emoji-1f937-200d-2642-fe0f { background-position: -512px -1024px; } -.emoji-2602-fe0f { background-position: -576px -1024px; } -.emoji-261d-fe0f { background-position: -640px -1024px; } -.emoji-2620-fe0f { background-position: -704px -1024px; } -.emoji-2639-fe0f { background-position: -768px -1024px; } -.emoji-263a-fe0f { background-position: -832px -1024px; } -.emoji-26d1 { background-position: -896px -1024px; } -.emoji-270a { background-position: -960px -1024px; } -.emoji-270b { background-position: -1024px -1024px; } -.emoji-270c-fe0f { background-position: -1088px -0px; } -.emoji-270d-fe0f { background-position: -1088px -64px; } -.emoji-category-nature { background-image: url('../images/emoji-sheets/nature.png'); } -.emoji-1f308 { background-position: -0px -0px; } -.emoji-1f30a { background-position: -64px -0px; } -.emoji-1f30d { background-position: -0px -64px; } -.emoji-1f30e { background-position: -64px -64px; } -.emoji-1f30f { background-position: -128px -0px; } -.emoji-1f311 { background-position: -128px -64px; } -.emoji-1f312 { background-position: -0px -128px; } -.emoji-1f313 { background-position: -64px -128px; } -.emoji-1f314 { background-position: -128px -128px; } -.emoji-1f315 { background-position: -192px -0px; } -.emoji-1f316 { background-position: -192px -64px; } -.emoji-1f317 { background-position: -192px -128px; } -.emoji-1f318 { background-position: -0px -192px; } -.emoji-1f319 { background-position: -64px -192px; } -.emoji-1f31a { background-position: -128px -192px; } -.emoji-1f31b { background-position: -192px -192px; } -.emoji-1f31c { background-position: -256px -0px; } -.emoji-1f31d { background-position: -256px -64px; } -.emoji-1f31e { background-position: -256px -128px; } -.emoji-1f31f { background-position: -256px -192px; } -.emoji-1f324 { background-position: -0px -256px; } -.emoji-1f325 { background-position: -64px -256px; } -.emoji-1f326 { background-position: -128px -256px; } -.emoji-1f327 { background-position: -192px -256px; } -.emoji-1f328 { background-position: -256px -256px; } -.emoji-1f329 { background-position: -320px -0px; } -.emoji-1f32a { background-position: -320px -64px; } -.emoji-1f32b { background-position: -320px -128px; } -.emoji-1f32c { background-position: -320px -192px; } -.emoji-1f331 { background-position: -320px -256px; } -.emoji-1f332 { background-position: -0px -320px; } -.emoji-1f333 { background-position: -64px -320px; } -.emoji-1f334 { background-position: -128px -320px; } -.emoji-1f335 { background-position: -192px -320px; } -.emoji-1f337 { background-position: -256px -320px; } -.emoji-1f338 { background-position: -320px -320px; } -.emoji-1f339 { background-position: -384px -0px; } -.emoji-1f33a { background-position: -384px -64px; } -.emoji-1f33b { background-position: -384px -128px; } -.emoji-1f33c { background-position: -384px -192px; } -.emoji-1f33e { background-position: -384px -256px; } -.emoji-1f33f { background-position: -384px -320px; } -.emoji-1f340 { background-position: -0px -384px; } -.emoji-1f341 { background-position: -64px -384px; } -.emoji-1f342 { background-position: -128px -384px; } -.emoji-1f343 { background-position: -192px -384px; } -.emoji-1f344 { background-position: -256px -384px; } -.emoji-1f384 { background-position: -320px -384px; } -.emoji-1f38b { background-position: -384px -384px; } -.emoji-1f38d { background-position: -448px -0px; } -.emoji-1f400 { background-position: -448px -64px; } -.emoji-1f401 { background-position: -448px -128px; } -.emoji-1f402 { background-position: -448px -192px; } -.emoji-1f403 { background-position: -448px -256px; } -.emoji-1f404 { background-position: -448px -320px; } -.emoji-1f405 { background-position: -448px -384px; } -.emoji-1f406 { background-position: -0px -448px; } -.emoji-1f407 { background-position: -64px -448px; } -.emoji-1f408 { background-position: -128px -448px; } -.emoji-1f409 { background-position: -192px -448px; } -.emoji-1f40a { background-position: -256px -448px; } -.emoji-1f40b { background-position: -320px -448px; } -.emoji-1f40c { background-position: -384px -448px; } -.emoji-1f40d { background-position: -448px -448px; } -.emoji-1f40e { background-position: -512px -0px; } -.emoji-1f40f { background-position: -512px -64px; } -.emoji-1f410 { background-position: -512px -128px; } -.emoji-1f411 { background-position: -512px -192px; } -.emoji-1f412 { background-position: -512px -256px; } -.emoji-1f413 { background-position: -512px -320px; } -.emoji-1f414 { background-position: -512px -384px; } -.emoji-1f415 { background-position: -512px -448px; } -.emoji-1f416 { background-position: -0px -512px; } -.emoji-1f417 { background-position: -64px -512px; } -.emoji-1f418 { background-position: -128px -512px; } -.emoji-1f419 { background-position: -192px -512px; } -.emoji-1f41a { background-position: -256px -512px; } -.emoji-1f41b { background-position: -320px -512px; } -.emoji-1f41c { background-position: -384px -512px; } -.emoji-1f41d { background-position: -448px -512px; } -.emoji-1f41e { background-position: -512px -512px; } -.emoji-1f41f { background-position: -576px -0px; } -.emoji-1f420 { background-position: -576px -64px; } -.emoji-1f421 { background-position: -576px -128px; } -.emoji-1f422 { background-position: -576px -192px; } -.emoji-1f423 { background-position: -576px -256px; } -.emoji-1f424 { background-position: -576px -320px; } -.emoji-1f425 { background-position: -576px -384px; } -.emoji-1f426 { background-position: -576px -448px; } -.emoji-1f427 { background-position: -576px -512px; } -.emoji-1f428 { background-position: -0px -576px; } -.emoji-1f429 { background-position: -64px -576px; } -.emoji-1f42a { background-position: -128px -576px; } -.emoji-1f42b { background-position: -192px -576px; } -.emoji-1f42c { background-position: -256px -576px; } -.emoji-1f42d { background-position: -320px -576px; } -.emoji-1f42e { background-position: -384px -576px; } -.emoji-1f42f { background-position: -448px -576px; } -.emoji-1f430 { background-position: -512px -576px; } -.emoji-1f431 { background-position: -576px -576px; } -.emoji-1f432 { background-position: -640px -0px; } -.emoji-1f433 { background-position: -640px -64px; } -.emoji-1f434 { background-position: -640px -128px; } -.emoji-1f435 { background-position: -640px -192px; } -.emoji-1f436 { background-position: -640px -256px; } -.emoji-1f437 { background-position: -640px -320px; } -.emoji-1f438 { background-position: -640px -384px; } -.emoji-1f439 { background-position: -640px -448px; } -.emoji-1f43a { background-position: -640px -512px; } -.emoji-1f43b { background-position: -640px -576px; } -.emoji-1f43c { background-position: -0px -640px; } -.emoji-1f43d { background-position: -64px -640px; } -.emoji-1f43e { background-position: -128px -640px; } -.emoji-1f43f { background-position: -192px -640px; } -.emoji-1f490 { background-position: -256px -640px; } -.emoji-1f4a5 { background-position: -320px -640px; } -.emoji-1f4a6 { background-position: -384px -640px; } -.emoji-1f4a7 { background-position: -448px -640px; } -.emoji-1f4a8 { background-position: -512px -640px; } -.emoji-1f4ab { background-position: -576px -640px; } -.emoji-1f525 { background-position: -640px -640px; } -.emoji-1f54a { background-position: -704px -0px; } -.emoji-1f577 { background-position: -704px -64px; } -.emoji-1f578 { background-position: -704px -128px; } -.emoji-1f648 { background-position: -704px -192px; } -.emoji-1f649 { background-position: -704px -256px; } -.emoji-1f64a { background-position: -704px -320px; } -.emoji-1f940 { background-position: -704px -384px; } -.emoji-1f980 { background-position: -704px -448px; } -.emoji-1f981 { background-position: -704px -512px; } -.emoji-1f982 { background-position: -704px -576px; } -.emoji-1f983 { background-position: -704px -640px; } -.emoji-1f984 { background-position: -0px -704px; } -.emoji-1f985 { background-position: -64px -704px; } -.emoji-1f986 { background-position: -128px -704px; } -.emoji-1f987 { background-position: -192px -704px; } -.emoji-1f988 { background-position: -256px -704px; } -.emoji-1f989 { background-position: -320px -704px; } -.emoji-1f98a { background-position: -384px -704px; } -.emoji-1f98b { background-position: -448px -704px; } -.emoji-1f98c { background-position: -512px -704px; } -.emoji-1f98d { background-position: -576px -704px; } -.emoji-1f98e { background-position: -640px -704px; } -.emoji-1f98f { background-position: -704px -704px; } -.emoji-1f990 { background-position: -768px -0px; } -.emoji-1f991 { background-position: -768px -64px; } -.emoji-2600-fe0f { background-position: -768px -128px; } -.emoji-2601-fe0f { background-position: -768px -192px; } -.emoji-2603-fe0f { background-position: -768px -256px; } -.emoji-2604-fe0f { background-position: -768px -320px; } -.emoji-2614-fe0f { background-position: -768px -384px; } -.emoji-2618-fe0f { background-position: -768px -448px; } -.emoji-26a1-fe0f { background-position: -768px -512px; } -.emoji-26c4-fe0f { background-position: -768px -576px; } -.emoji-26c5-fe0f { background-position: -768px -640px; } -.emoji-26c8 { background-position: -768px -704px; } -.emoji-2728 { background-position: -0px -768px; } -.emoji-2744-fe0f { background-position: -64px -768px; } -.emoji-2b50-fe0f { background-position: -128px -768px; } -.emoji-category-foods { background-image: url('../images/emoji-sheets/foods.png'); } -.emoji-1f32d { background-position: -0px -0px; } -.emoji-1f32e { background-position: -64px -0px; } -.emoji-1f32f { background-position: -0px -64px; } -.emoji-1f330 { background-position: -64px -64px; } -.emoji-1f336 { background-position: -128px -0px; } -.emoji-1f33d { background-position: -128px -64px; } -.emoji-1f345 { background-position: -0px -128px; } -.emoji-1f346 { background-position: -64px -128px; } -.emoji-1f347 { background-position: -128px -128px; } -.emoji-1f348 { background-position: -192px -0px; } -.emoji-1f349 { background-position: -192px -64px; } -.emoji-1f34a { background-position: -192px -128px; } -.emoji-1f34b { background-position: -0px -192px; } -.emoji-1f34c { background-position: -64px -192px; } -.emoji-1f34d { background-position: -128px -192px; } -.emoji-1f34e { background-position: -192px -192px; } -.emoji-1f34f { background-position: -256px -0px; } -.emoji-1f350 { background-position: -256px -64px; } -.emoji-1f351 { background-position: -256px -128px; } -.emoji-1f352 { background-position: -256px -192px; } -.emoji-1f353 { background-position: -0px -256px; } -.emoji-1f354 { background-position: -64px -256px; } -.emoji-1f355 { background-position: -128px -256px; } -.emoji-1f356 { background-position: -192px -256px; } -.emoji-1f357 { background-position: -256px -256px; } -.emoji-1f358 { background-position: -320px -0px; } -.emoji-1f359 { background-position: -320px -64px; } -.emoji-1f35a { background-position: -320px -128px; } -.emoji-1f35b { background-position: -320px -192px; } -.emoji-1f35c { background-position: -320px -256px; } -.emoji-1f35d { background-position: -0px -320px; } -.emoji-1f35e { background-position: -64px -320px; } -.emoji-1f35f { background-position: -128px -320px; } -.emoji-1f360 { background-position: -192px -320px; } -.emoji-1f361 { background-position: -256px -320px; } -.emoji-1f362 { background-position: -320px -320px; } -.emoji-1f363 { background-position: -384px -0px; } -.emoji-1f364 { background-position: -384px -64px; } -.emoji-1f365 { background-position: -384px -128px; } -.emoji-1f366 { background-position: -384px -192px; } -.emoji-1f367 { background-position: -384px -256px; } -.emoji-1f368 { background-position: -384px -320px; } -.emoji-1f369 { background-position: -0px -384px; } -.emoji-1f36a { background-position: -64px -384px; } -.emoji-1f36b { background-position: -128px -384px; } -.emoji-1f36c { background-position: -192px -384px; } -.emoji-1f36d { background-position: -256px -384px; } -.emoji-1f36e { background-position: -320px -384px; } -.emoji-1f36f { background-position: -384px -384px; } -.emoji-1f370 { background-position: -448px -0px; } -.emoji-1f371 { background-position: -448px -64px; } -.emoji-1f372 { background-position: -448px -128px; } -.emoji-1f373 { background-position: -448px -192px; } -.emoji-1f374 { background-position: -448px -256px; } -.emoji-1f375 { background-position: -448px -320px; } -.emoji-1f376 { background-position: -448px -384px; } -.emoji-1f377 { background-position: -0px -448px; } -.emoji-1f378 { background-position: -64px -448px; } -.emoji-1f379 { background-position: -128px -448px; } -.emoji-1f37a { background-position: -192px -448px; } -.emoji-1f37b { background-position: -256px -448px; } -.emoji-1f37c { background-position: -320px -448px; } -.emoji-1f37d { background-position: -384px -448px; } -.emoji-1f37e { background-position: -448px -448px; } -.emoji-1f37f { background-position: -512px -0px; } -.emoji-1f382 { background-position: -512px -64px; } -.emoji-1f942 { background-position: -512px -128px; } -.emoji-1f943 { background-position: -512px -192px; } -.emoji-1f944 { background-position: -512px -256px; } -.emoji-1f950 { background-position: -512px -320px; } -.emoji-1f951 { background-position: -512px -384px; } -.emoji-1f952 { background-position: -512px -448px; } -.emoji-1f953 { background-position: -0px -512px; } -.emoji-1f954 { background-position: -64px -512px; } -.emoji-1f955 { background-position: -128px -512px; } -.emoji-1f956 { background-position: -192px -512px; } -.emoji-1f957 { background-position: -256px -512px; } -.emoji-1f958 { background-position: -320px -512px; } -.emoji-1f959 { background-position: -384px -512px; } -.emoji-1f95a { background-position: -448px -512px; } -.emoji-1f95b { background-position: -512px -512px; } -.emoji-1f95c { background-position: -576px -0px; } -.emoji-1f95d { background-position: -576px -64px; } -.emoji-1f95e { background-position: -576px -128px; } -.emoji-1f9c0 { background-position: -576px -192px; } -.emoji-2615-fe0f { background-position: -576px -256px; } -.emoji-category-activity { background-image: url('../images/emoji-sheets/activity.png'); } -.emoji-1f396 { background-position: -0px -0px; } -.emoji-1f397 { background-position: -64px -0px; } -.emoji-1f39f { background-position: -0px -64px; } -.emoji-1f3a3 { background-position: -64px -64px; } -.emoji-1f3a4 { background-position: -128px -0px; } -.emoji-1f3a7 { background-position: -128px -64px; } -.emoji-1f3a8 { background-position: -0px -128px; } -.emoji-1f3aa { background-position: -64px -128px; } -.emoji-1f3ab { background-position: -128px -128px; } -.emoji-1f3ac { background-position: -192px -0px; } -.emoji-1f3ad { background-position: -192px -64px; } -.emoji-1f3ae { background-position: -192px -128px; } -.emoji-1f3af { background-position: -0px -192px; } -.emoji-1f3b0 { background-position: -64px -192px; } -.emoji-1f3b1 { background-position: -128px -192px; } -.emoji-1f3b2 { background-position: -192px -192px; } -.emoji-1f3b3 { background-position: -256px -0px; } -.emoji-1f3b7 { background-position: -256px -64px; } -.emoji-1f3b8 { background-position: -256px -128px; } -.emoji-1f3b9 { background-position: -256px -192px; } -.emoji-1f3ba { background-position: -0px -256px; } -.emoji-1f3bb { background-position: -64px -256px; } -.emoji-1f3bc { background-position: -128px -256px; } -.emoji-1f3bd { background-position: -192px -256px; } -.emoji-1f3be { background-position: -256px -256px; } -.emoji-1f3bf { background-position: -320px -0px; } -.emoji-1f3c0 { background-position: -320px -64px; } -.emoji-1f3c2 { background-position: -320px -128px; } -.emoji-1f3c4 { background-position: -320px -192px; } -.emoji-1f3c4-200d-2640-fe0f { background-position: -320px -256px; } -.emoji-1f3c5 { background-position: -0px -320px; } -.emoji-1f3c6 { background-position: -64px -320px; } -.emoji-1f3c7 { background-position: -128px -320px; } -.emoji-1f3c8 { background-position: -192px -320px; } -.emoji-1f3c9 { background-position: -256px -320px; } -.emoji-1f3ca { background-position: -320px -320px; } -.emoji-1f3ca-200d-2640-fe0f { background-position: -384px -0px; } -.emoji-1f3cb-fe0f { background-position: -384px -64px; } -.emoji-1f3cb-fe0f-200d-2640-fe0f { background-position: -384px -128px; } -.emoji-1f3cc-fe0f { background-position: -384px -192px; } -.emoji-1f3cc-fe0f-200d-2640-fe0f { background-position: -384px -256px; } -.emoji-1f3cf { background-position: -384px -320px; } -.emoji-1f3d0 { background-position: -0px -384px; } -.emoji-1f3d1 { background-position: -64px -384px; } -.emoji-1f3d2 { background-position: -128px -384px; } -.emoji-1f3d3 { background-position: -192px -384px; } -.emoji-1f3f5 { background-position: -256px -384px; } -.emoji-1f3f8 { background-position: -320px -384px; } -.emoji-1f3f9 { background-position: -384px -384px; } -.emoji-1f6a3 { background-position: -448px -0px; } -.emoji-1f6a3-200d-2640-fe0f { background-position: -448px -64px; } -.emoji-1f6b4 { background-position: -448px -128px; } -.emoji-1f6b4-200d-2640-fe0f { background-position: -448px -192px; } -.emoji-1f6b5 { background-position: -448px -256px; } -.emoji-1f6b5-200d-2640-fe0f { background-position: -448px -320px; } -.emoji-1f938-200d-2640-fe0f { background-position: -448px -384px; } -.emoji-1f938-200d-2642-fe0f { background-position: -0px -448px; } -.emoji-1f939-200d-2640-fe0f { background-position: -64px -448px; } -.emoji-1f939-200d-2642-fe0f { background-position: -128px -448px; } -.emoji-1f93a { background-position: -192px -448px; } -.emoji-1f93c-200d-2640-fe0f { background-position: -256px -448px; } -.emoji-1f93c-200d-2642-fe0f { background-position: -320px -448px; } -.emoji-1f93d-200d-2640-fe0f { background-position: -384px -448px; } -.emoji-1f93d-200d-2642-fe0f { background-position: -448px -448px; } -.emoji-1f93e-200d-2640-fe0f { background-position: -512px -0px; } -.emoji-1f93e-200d-2642-fe0f { background-position: -512px -64px; } -.emoji-1f941 { background-position: -512px -128px; } -.emoji-1f945 { background-position: -512px -192px; } -.emoji-1f947 { background-position: -512px -256px; } -.emoji-1f948 { background-position: -512px -320px; } -.emoji-1f949 { background-position: -512px -384px; } -.emoji-1f94a { background-position: -512px -448px; } -.emoji-1f94b { background-position: -0px -512px; } -.emoji-26bd-fe0f { background-position: -64px -512px; } -.emoji-26be-fe0f { background-position: -128px -512px; } -.emoji-26f3-fe0f { background-position: -192px -512px; } -.emoji-26f7 { background-position: -256px -512px; } -.emoji-26f8 { background-position: -320px -512px; } -.emoji-26f9-fe0f { background-position: -384px -512px; } -.emoji-26f9-fe0f-200d-2640-fe0f { background-position: -448px -512px; } -.emoji-category-places { background-image: url('../images/emoji-sheets/places.png'); } -.emoji-1f301 { background-position: -0px -0px; } -.emoji-1f303 { background-position: -64px -0px; } -.emoji-1f304 { background-position: -0px -64px; } -.emoji-1f305 { background-position: -64px -64px; } -.emoji-1f306 { background-position: -128px -0px; } -.emoji-1f307 { background-position: -128px -64px; } -.emoji-1f309 { background-position: -0px -128px; } -.emoji-1f30b { background-position: -64px -128px; } -.emoji-1f30c { background-position: -128px -128px; } -.emoji-1f320 { background-position: -192px -0px; } -.emoji-1f386 { background-position: -192px -64px; } -.emoji-1f387 { background-position: -192px -128px; } -.emoji-1f391 { background-position: -0px -192px; } -.emoji-1f3a0 { background-position: -64px -192px; } -.emoji-1f3a1 { background-position: -128px -192px; } -.emoji-1f3a2 { background-position: -192px -192px; } -.emoji-1f3cd { background-position: -256px -0px; } -.emoji-1f3ce { background-position: -256px -64px; } -.emoji-1f3d4 { background-position: -256px -128px; } -.emoji-1f3d5 { background-position: -256px -192px; } -.emoji-1f3d6 { background-position: -0px -256px; } -.emoji-1f3d7 { background-position: -64px -256px; } -.emoji-1f3d8 { background-position: -128px -256px; } -.emoji-1f3d9 { background-position: -192px -256px; } -.emoji-1f3da { background-position: -256px -256px; } -.emoji-1f3db { background-position: -320px -0px; } -.emoji-1f3dc { background-position: -320px -64px; } -.emoji-1f3dd { background-position: -320px -128px; } -.emoji-1f3de { background-position: -320px -192px; } -.emoji-1f3df { background-position: -320px -256px; } -.emoji-1f3e0 { background-position: -0px -320px; } -.emoji-1f3e1 { background-position: -64px -320px; } -.emoji-1f3e2 { background-position: -128px -320px; } -.emoji-1f3e3 { background-position: -192px -320px; } -.emoji-1f3e4 { background-position: -256px -320px; } -.emoji-1f3e5 { background-position: -320px -320px; } -.emoji-1f3e6 { background-position: -384px -0px; } -.emoji-1f3e8 { background-position: -384px -64px; } -.emoji-1f3e9 { background-position: -384px -128px; } -.emoji-1f3ea { background-position: -384px -192px; } -.emoji-1f3eb { background-position: -384px -256px; } -.emoji-1f3ec { background-position: -384px -320px; } -.emoji-1f3ed { background-position: -0px -384px; } -.emoji-1f3ef { background-position: -64px -384px; } -.emoji-1f3f0 { background-position: -128px -384px; } -.emoji-1f492 { background-position: -192px -384px; } -.emoji-1f4ba { background-position: -256px -384px; } -.emoji-1f54b { background-position: -320px -384px; } -.emoji-1f54c { background-position: -384px -384px; } -.emoji-1f54d { background-position: -448px -0px; } -.emoji-1f5fa { background-position: -448px -64px; } -.emoji-1f5fb { background-position: -448px -128px; } -.emoji-1f5fc { background-position: -448px -192px; } -.emoji-1f5fd { background-position: -448px -256px; } -.emoji-1f5fe { background-position: -448px -320px; } -.emoji-1f5ff { background-position: -448px -384px; } -.emoji-1f680 { background-position: -0px -448px; } -.emoji-1f681 { background-position: -64px -448px; } -.emoji-1f682 { background-position: -128px -448px; } -.emoji-1f683 { background-position: -192px -448px; } -.emoji-1f684 { background-position: -256px -448px; } -.emoji-1f685 { background-position: -320px -448px; } -.emoji-1f686 { background-position: -384px -448px; } -.emoji-1f687 { background-position: -448px -448px; } -.emoji-1f688 { background-position: -512px -0px; } -.emoji-1f689 { background-position: -512px -64px; } -.emoji-1f68a { background-position: -512px -128px; } -.emoji-1f68b { background-position: -512px -192px; } -.emoji-1f68c { background-position: -512px -256px; } -.emoji-1f68d { background-position: -512px -320px; } -.emoji-1f68e { background-position: -512px -384px; } -.emoji-1f68f { background-position: -512px -448px; } -.emoji-1f690 { background-position: -0px -512px; } -.emoji-1f691 { background-position: -64px -512px; } -.emoji-1f692 { background-position: -128px -512px; } -.emoji-1f693 { background-position: -192px -512px; } -.emoji-1f694 { background-position: -256px -512px; } -.emoji-1f695 { background-position: -320px -512px; } -.emoji-1f696 { background-position: -384px -512px; } -.emoji-1f697 { background-position: -448px -512px; } -.emoji-1f698 { background-position: -512px -512px; } -.emoji-1f699 { background-position: -576px -0px; } -.emoji-1f69a { background-position: -576px -64px; } -.emoji-1f69b { background-position: -576px -128px; } -.emoji-1f69c { background-position: -576px -192px; } -.emoji-1f69d { background-position: -576px -256px; } -.emoji-1f69e { background-position: -576px -320px; } -.emoji-1f69f { background-position: -576px -384px; } -.emoji-1f6a0 { background-position: -576px -448px; } -.emoji-1f6a1 { background-position: -576px -512px; } -.emoji-1f6a2 { background-position: -0px -576px; } -.emoji-1f6a4 { background-position: -64px -576px; } -.emoji-1f6a5 { background-position: -128px -576px; } -.emoji-1f6a6 { background-position: -192px -576px; } -.emoji-1f6a7 { background-position: -256px -576px; } -.emoji-1f6a8 { background-position: -320px -576px; } -.emoji-1f6b2 { background-position: -384px -576px; } -.emoji-1f6e3 { background-position: -448px -576px; } -.emoji-1f6e4 { background-position: -512px -576px; } -.emoji-1f6e5 { background-position: -576px -576px; } -.emoji-1f6e9 { background-position: -640px -0px; } -.emoji-1f6eb { background-position: -640px -64px; } -.emoji-1f6ec { background-position: -640px -128px; } -.emoji-1f6f0 { background-position: -640px -192px; } -.emoji-1f6f3 { background-position: -640px -256px; } -.emoji-1f6f4 { background-position: -640px -320px; } -.emoji-1f6f5 { background-position: -640px -384px; } -.emoji-1f6f6 { background-position: -640px -448px; } -.emoji-2693-fe0f { background-position: -640px -512px; } -.emoji-26e9 { background-position: -640px -576px; } -.emoji-26ea-fe0f { background-position: -0px -640px; } -.emoji-26f0 { background-position: -64px -640px; } -.emoji-26f1 { background-position: -128px -640px; } -.emoji-26f2-fe0f { background-position: -192px -640px; } -.emoji-26f4 { background-position: -256px -640px; } -.emoji-26f5-fe0f { background-position: -320px -640px; } -.emoji-26fa-fe0f { background-position: -384px -640px; } -.emoji-26fd-fe0f { background-position: -448px -640px; } -.emoji-2708-fe0f { background-position: -512px -640px; } -.emoji-category-objects { background-image: url('../images/emoji-sheets/objects.png'); } -.emoji-1f321 { background-position: -0px -0px; } -.emoji-1f380 { background-position: -64px -0px; } -.emoji-1f381 { background-position: -0px -64px; } -.emoji-1f388 { background-position: -64px -64px; } -.emoji-1f389 { background-position: -128px -0px; } -.emoji-1f38a { background-position: -128px -64px; } -.emoji-1f38e { background-position: -0px -128px; } -.emoji-1f38f { background-position: -64px -128px; } -.emoji-1f390 { background-position: -128px -128px; } -.emoji-1f399 { background-position: -192px -0px; } -.emoji-1f39a { background-position: -192px -64px; } -.emoji-1f39b { background-position: -192px -128px; } -.emoji-1f39e { background-position: -0px -192px; } -.emoji-1f3a5 { background-position: -64px -192px; } -.emoji-1f3ee { background-position: -128px -192px; } -.emoji-1f3f7 { background-position: -192px -192px; } -.emoji-1f3fa { background-position: -256px -0px; } -.emoji-1f488 { background-position: -256px -64px; } -.emoji-1f489 { background-position: -256px -128px; } -.emoji-1f48a { background-position: -256px -192px; } -.emoji-1f48c { background-position: -0px -256px; } -.emoji-1f48e { background-position: -64px -256px; } -.emoji-1f4a1 { background-position: -128px -256px; } -.emoji-1f4a3 { background-position: -192px -256px; } -.emoji-1f4b0 { background-position: -256px -256px; } -.emoji-1f4b3 { background-position: -320px -0px; } -.emoji-1f4b4 { background-position: -320px -64px; } -.emoji-1f4b5 { background-position: -320px -128px; } -.emoji-1f4b6 { background-position: -320px -192px; } -.emoji-1f4b7 { background-position: -320px -256px; } -.emoji-1f4b8 { background-position: -0px -320px; } -.emoji-1f4bb { background-position: -64px -320px; } -.emoji-1f4bd { background-position: -128px -320px; } -.emoji-1f4be { background-position: -192px -320px; } -.emoji-1f4bf { background-position: -256px -320px; } -.emoji-1f4c0 { background-position: -320px -320px; } -.emoji-1f4c1 { background-position: -384px -0px; } -.emoji-1f4c2 { background-position: -384px -64px; } -.emoji-1f4c3 { background-position: -384px -128px; } -.emoji-1f4c4 { background-position: -384px -192px; } -.emoji-1f4c5 { background-position: -384px -256px; } -.emoji-1f4c6 { background-position: -384px -320px; } -.emoji-1f4c7 { background-position: -0px -384px; } -.emoji-1f4c8 { background-position: -64px -384px; } -.emoji-1f4c9 { background-position: -128px -384px; } -.emoji-1f4ca { background-position: -192px -384px; } -.emoji-1f4cb { background-position: -256px -384px; } -.emoji-1f4cc { background-position: -320px -384px; } -.emoji-1f4cd { background-position: -384px -384px; } -.emoji-1f4ce { background-position: -448px -0px; } -.emoji-1f4cf { background-position: -448px -64px; } -.emoji-1f4d0 { background-position: -448px -128px; } -.emoji-1f4d1 { background-position: -448px -192px; } -.emoji-1f4d2 { background-position: -448px -256px; } -.emoji-1f4d3 { background-position: -448px -320px; } -.emoji-1f4d4 { background-position: -448px -384px; } -.emoji-1f4d5 { background-position: -0px -448px; } -.emoji-1f4d6 { background-position: -64px -448px; } -.emoji-1f4d7 { background-position: -128px -448px; } -.emoji-1f4d8 { background-position: -192px -448px; } -.emoji-1f4d9 { background-position: -256px -448px; } -.emoji-1f4da { background-position: -320px -448px; } -.emoji-1f4dc { background-position: -384px -448px; } -.emoji-1f4dd { background-position: -448px -448px; } -.emoji-1f4de { background-position: -512px -0px; } -.emoji-1f4df { background-position: -512px -64px; } -.emoji-1f4e0 { background-position: -512px -128px; } -.emoji-1f4e1 { background-position: -512px -192px; } -.emoji-1f4e4 { background-position: -512px -256px; } -.emoji-1f4e5 { background-position: -512px -320px; } -.emoji-1f4e6 { background-position: -512px -384px; } -.emoji-1f4e7 { background-position: -512px -448px; } -.emoji-1f4e8 { background-position: -0px -512px; } -.emoji-1f4e9 { background-position: -64px -512px; } -.emoji-1f4ea { background-position: -128px -512px; } -.emoji-1f4eb { background-position: -192px -512px; } -.emoji-1f4ec { background-position: -256px -512px; } -.emoji-1f4ed { background-position: -320px -512px; } -.emoji-1f4ee { background-position: -384px -512px; } -.emoji-1f4ef { background-position: -448px -512px; } -.emoji-1f4f0 { background-position: -512px -512px; } -.emoji-1f4f1 { background-position: -576px -0px; } -.emoji-1f4f2 { background-position: -576px -64px; } -.emoji-1f4f7 { background-position: -576px -128px; } -.emoji-1f4f8 { background-position: -576px -192px; } -.emoji-1f4f9 { background-position: -576px -256px; } -.emoji-1f4fa { background-position: -576px -320px; } -.emoji-1f4fb { background-position: -576px -384px; } -.emoji-1f4fc { background-position: -576px -448px; } -.emoji-1f4fd { background-position: -576px -512px; } -.emoji-1f4ff { background-position: -0px -576px; } -.emoji-1f50b { background-position: -64px -576px; } -.emoji-1f50c { background-position: -128px -576px; } -.emoji-1f50d { background-position: -192px -576px; } -.emoji-1f50e { background-position: -256px -576px; } -.emoji-1f50f { background-position: -320px -576px; } -.emoji-1f510 { background-position: -384px -576px; } -.emoji-1f511 { background-position: -448px -576px; } -.emoji-1f512 { background-position: -512px -576px; } -.emoji-1f513 { background-position: -576px -576px; } -.emoji-1f516 { background-position: -640px -0px; } -.emoji-1f517 { background-position: -640px -64px; } -.emoji-1f526 { background-position: -640px -128px; } -.emoji-1f527 { background-position: -640px -192px; } -.emoji-1f528 { background-position: -640px -256px; } -.emoji-1f529 { background-position: -640px -320px; } -.emoji-1f52a { background-position: -640px -384px; } -.emoji-1f52b { background-position: -640px -448px; } -.emoji-1f52c { background-position: -640px -512px; } -.emoji-1f52d { background-position: -640px -576px; } -.emoji-1f52e { background-position: -0px -640px; } -.emoji-1f56f { background-position: -64px -640px; } -.emoji-1f570 { background-position: -128px -640px; } -.emoji-1f573 { background-position: -192px -640px; } -.emoji-1f579 { background-position: -256px -640px; } -.emoji-1f587 { background-position: -320px -640px; } -.emoji-1f58a { background-position: -384px -640px; } -.emoji-1f58b { background-position: -448px -640px; } -.emoji-1f58c { background-position: -512px -640px; } -.emoji-1f58d { background-position: -576px -640px; } -.emoji-1f5a5 { background-position: -640px -640px; } -.emoji-1f5a8 { background-position: -704px -0px; } -.emoji-1f5b1 { background-position: -704px -64px; } -.emoji-1f5b2 { background-position: -704px -128px; } -.emoji-1f5bc { background-position: -704px -192px; } -.emoji-1f5c2 { background-position: -704px -256px; } -.emoji-1f5c3 { background-position: -704px -320px; } -.emoji-1f5c4 { background-position: -704px -384px; } -.emoji-1f5d1 { background-position: -704px -448px; } -.emoji-1f5d2 { background-position: -704px -512px; } -.emoji-1f5d3 { background-position: -704px -576px; } -.emoji-1f5dc { background-position: -704px -640px; } -.emoji-1f5dd { background-position: -0px -704px; } -.emoji-1f5de { background-position: -64px -704px; } -.emoji-1f5e1 { background-position: -128px -704px; } -.emoji-1f5f3 { background-position: -192px -704px; } -.emoji-1f6aa { background-position: -256px -704px; } -.emoji-1f6ac { background-position: -320px -704px; } -.emoji-1f6b0 { background-position: -384px -704px; } -.emoji-1f6bd { background-position: -448px -704px; } -.emoji-1f6bf { background-position: -512px -704px; } -.emoji-1f6c0 { background-position: -576px -704px; } -.emoji-1f6c1 { background-position: -640px -704px; } -.emoji-1f6cb { background-position: -704px -704px; } -.emoji-1f6cc { background-position: -768px -0px; } -.emoji-1f6cd { background-position: -768px -64px; } -.emoji-1f6ce { background-position: -768px -128px; } -.emoji-1f6cf { background-position: -768px -192px; } -.emoji-1f6d2 { background-position: -768px -256px; } -.emoji-1f6e0 { background-position: -768px -320px; } -.emoji-1f6e1 { background-position: -768px -384px; } -.emoji-1f6e2 { background-position: -768px -448px; } -.emoji-231a-fe0f { background-position: -768px -512px; } -.emoji-231b-fe0f { background-position: -768px -576px; } -.emoji-2328-fe0f { background-position: -768px -640px; } -.emoji-23f0 { background-position: -768px -704px; } -.emoji-23f1 { background-position: -0px -768px; } -.emoji-23f2 { background-position: -64px -768px; } -.emoji-23f3 { background-position: -128px -768px; } -.emoji-260e-fe0f { background-position: -192px -768px; } -.emoji-2692 { background-position: -256px -768px; } -.emoji-2694-fe0f { background-position: -320px -768px; } -.emoji-2696-fe0f { background-position: -384px -768px; } -.emoji-2697-fe0f { background-position: -448px -768px; } -.emoji-2699-fe0f { background-position: -512px -768px; } -.emoji-26b0-fe0f { background-position: -576px -768px; } -.emoji-26b1-fe0f { background-position: -640px -768px; } -.emoji-26cf { background-position: -704px -768px; } -.emoji-26d3 { background-position: -768px -768px; } -.emoji-2702-fe0f { background-position: -832px -0px; } -.emoji-2709-fe0f { background-position: -832px -64px; } -.emoji-270f-fe0f { background-position: -832px -128px; } -.emoji-2712-fe0f { background-position: -832px -192px; } -.emoji-category-symbols { background-image: url('../images/emoji-sheets/symbols.png'); } -.emoji-0023-fe0f-20e3 { background-position: -0px -0px; } -.emoji-002a-fe0f-20e3 { background-position: -64px -0px; } -.emoji-0030-fe0f-20e3 { background-position: -0px -64px; } -.emoji-0031-fe0f-20e3 { background-position: -64px -64px; } -.emoji-0032-fe0f-20e3 { background-position: -128px -0px; } -.emoji-0033-fe0f-20e3 { background-position: -128px -64px; } -.emoji-0034-fe0f-20e3 { background-position: -0px -128px; } -.emoji-0035-fe0f-20e3 { background-position: -64px -128px; } -.emoji-0036-fe0f-20e3 { background-position: -128px -128px; } -.emoji-0037-fe0f-20e3 { background-position: -192px -0px; } -.emoji-0038-fe0f-20e3 { background-position: -192px -64px; } -.emoji-0039-fe0f-20e3 { background-position: -192px -128px; } -.emoji-00a9-fe0f { background-position: -0px -192px; } -.emoji-00ae-fe0f { background-position: -64px -192px; } -.emoji-1f004-fe0f { background-position: -128px -192px; } -.emoji-1f0cf { background-position: -192px -192px; } -.emoji-1f170-fe0f { background-position: -256px -0px; } -.emoji-1f171-fe0f { background-position: -256px -64px; } -.emoji-1f17e-fe0f { background-position: -256px -128px; } -.emoji-1f17f-fe0f { background-position: -256px -192px; } -.emoji-1f18e { background-position: -0px -256px; } -.emoji-1f191 { background-position: -64px -256px; } -.emoji-1f192 { background-position: -128px -256px; } -.emoji-1f193 { background-position: -192px -256px; } -.emoji-1f194 { background-position: -256px -256px; } -.emoji-1f195 { background-position: -320px -0px; } -.emoji-1f196 { background-position: -320px -64px; } -.emoji-1f197 { background-position: -320px -128px; } -.emoji-1f198 { background-position: -320px -192px; } -.emoji-1f199 { background-position: -320px -256px; } -.emoji-1f19a { background-position: -0px -320px; } -.emoji-1f201 { background-position: -64px -320px; } -.emoji-1f202-fe0f { background-position: -128px -320px; } -.emoji-1f21a-fe0f { background-position: -192px -320px; } -.emoji-1f22f-fe0f { background-position: -256px -320px; } -.emoji-1f232 { background-position: -320px -320px; } -.emoji-1f233 { background-position: -384px -0px; } -.emoji-1f234 { background-position: -384px -64px; } -.emoji-1f235 { background-position: -384px -128px; } -.emoji-1f236 { background-position: -384px -192px; } -.emoji-1f237-fe0f { background-position: -384px -256px; } -.emoji-1f238 { background-position: -384px -320px; } -.emoji-1f239 { background-position: -0px -384px; } -.emoji-1f23a { background-position: -64px -384px; } -.emoji-1f250 { background-position: -128px -384px; } -.emoji-1f251 { background-position: -192px -384px; } -.emoji-1f300 { background-position: -256px -384px; } -.emoji-1f310 { background-position: -320px -384px; } -.emoji-1f3a6 { background-position: -384px -384px; } -.emoji-1f3b4 { background-position: -448px -0px; } -.emoji-1f3b5 { background-position: -448px -64px; } -.emoji-1f3b6 { background-position: -448px -128px; } -.emoji-1f3e7 { background-position: -448px -192px; } -.emoji-1f441-200d-1f5e8 { background-position: -448px -256px; } -.emoji-1f493 { background-position: -448px -320px; } -.emoji-1f494 { background-position: -448px -384px; } -.emoji-1f495 { background-position: -0px -448px; } -.emoji-1f496 { background-position: -64px -448px; } -.emoji-1f497 { background-position: -128px -448px; } -.emoji-1f498 { background-position: -192px -448px; } -.emoji-1f499 { background-position: -256px -448px; } -.emoji-1f49a { background-position: -320px -448px; } -.emoji-1f49b { background-position: -384px -448px; } -.emoji-1f49c { background-position: -448px -448px; } -.emoji-1f49d { background-position: -512px -0px; } -.emoji-1f49e { background-position: -512px -64px; } -.emoji-1f49f { background-position: -512px -128px; } -.emoji-1f4a0 { background-position: -512px -192px; } -.emoji-1f4a2 { background-position: -512px -256px; } -.emoji-1f4a4 { background-position: -512px -320px; } -.emoji-1f4ac { background-position: -512px -384px; } -.emoji-1f4ad { background-position: -512px -448px; } -.emoji-1f4ae { background-position: -0px -512px; } -.emoji-1f4af { background-position: -64px -512px; } -.emoji-1f4b1 { background-position: -128px -512px; } -.emoji-1f4b2 { background-position: -192px -512px; } -.emoji-1f4b9 { background-position: -256px -512px; } -.emoji-1f4db { background-position: -320px -512px; } -.emoji-1f4e2 { background-position: -384px -512px; } -.emoji-1f4e3 { background-position: -448px -512px; } -.emoji-1f4f3 { background-position: -512px -512px; } -.emoji-1f4f4 { background-position: -576px -0px; } -.emoji-1f4f5 { background-position: -576px -64px; } -.emoji-1f4f6 { background-position: -576px -128px; } -.emoji-1f500 { background-position: -576px -192px; } -.emoji-1f501 { background-position: -576px -256px; } -.emoji-1f502 { background-position: -576px -320px; } -.emoji-1f503 { background-position: -576px -384px; } -.emoji-1f504 { background-position: -576px -448px; } -.emoji-1f505 { background-position: -576px -512px; } -.emoji-1f506 { background-position: -0px -576px; } -.emoji-1f507 { background-position: -64px -576px; } -.emoji-1f508 { background-position: -128px -576px; } -.emoji-1f509 { background-position: -192px -576px; } -.emoji-1f50a { background-position: -256px -576px; } -.emoji-1f514 { background-position: -320px -576px; } -.emoji-1f515 { background-position: -384px -576px; } -.emoji-1f518 { background-position: -448px -576px; } -.emoji-1f519 { background-position: -512px -576px; } -.emoji-1f51a { background-position: -576px -576px; } -.emoji-1f51b { background-position: -640px -0px; } -.emoji-1f51c { background-position: -640px -64px; } -.emoji-1f51d { background-position: -640px -128px; } -.emoji-1f51e { background-position: -640px -192px; } -.emoji-1f51f { background-position: -640px -256px; } -.emoji-1f520 { background-position: -640px -320px; } -.emoji-1f521 { background-position: -640px -384px; } -.emoji-1f522 { background-position: -640px -448px; } -.emoji-1f523 { background-position: -640px -512px; } -.emoji-1f524 { background-position: -640px -576px; } -.emoji-1f52f { background-position: -0px -640px; } -.emoji-1f530 { background-position: -64px -640px; } -.emoji-1f531 { background-position: -128px -640px; } -.emoji-1f532 { background-position: -192px -640px; } -.emoji-1f533 { background-position: -256px -640px; } -.emoji-1f534 { background-position: -320px -640px; } -.emoji-1f535 { background-position: -384px -640px; } -.emoji-1f536 { background-position: -448px -640px; } -.emoji-1f537 { background-position: -512px -640px; } -.emoji-1f538 { background-position: -576px -640px; } -.emoji-1f539 { background-position: -640px -640px; } -.emoji-1f53a { background-position: -704px -0px; } -.emoji-1f53b { background-position: -704px -64px; } -.emoji-1f53c { background-position: -704px -128px; } -.emoji-1f53d { background-position: -704px -192px; } -.emoji-1f549 { background-position: -704px -256px; } -.emoji-1f54e { background-position: -704px -320px; } -.emoji-1f550 { background-position: -704px -384px; } -.emoji-1f551 { background-position: -704px -448px; } -.emoji-1f552 { background-position: -704px -512px; } -.emoji-1f553 { background-position: -704px -576px; } -.emoji-1f554 { background-position: -704px -640px; } -.emoji-1f555 { background-position: -0px -704px; } -.emoji-1f556 { background-position: -64px -704px; } -.emoji-1f557 { background-position: -128px -704px; } -.emoji-1f558 { background-position: -192px -704px; } -.emoji-1f559 { background-position: -256px -704px; } -.emoji-1f55a { background-position: -320px -704px; } -.emoji-1f55b { background-position: -384px -704px; } -.emoji-1f55c { background-position: -448px -704px; } -.emoji-1f55d { background-position: -512px -704px; } -.emoji-1f55e { background-position: -576px -704px; } -.emoji-1f55f { background-position: -640px -704px; } -.emoji-1f560 { background-position: -704px -704px; } -.emoji-1f561 { background-position: -768px -0px; } -.emoji-1f562 { background-position: -768px -64px; } -.emoji-1f563 { background-position: -768px -128px; } -.emoji-1f564 { background-position: -768px -192px; } -.emoji-1f565 { background-position: -768px -256px; } -.emoji-1f566 { background-position: -768px -320px; } -.emoji-1f567 { background-position: -768px -384px; } -.emoji-1f5a4 { background-position: -768px -448px; } -.emoji-1f5ef { background-position: -768px -512px; } -.emoji-1f6ab { background-position: -768px -576px; } -.emoji-1f6ad { background-position: -768px -640px; } -.emoji-1f6ae { background-position: -768px -704px; } -.emoji-1f6af { background-position: -0px -768px; } -.emoji-1f6b1 { background-position: -64px -768px; } -.emoji-1f6b3 { background-position: -128px -768px; } -.emoji-1f6b7 { background-position: -192px -768px; } -.emoji-1f6b8 { background-position: -256px -768px; } -.emoji-1f6b9 { background-position: -320px -768px; } -.emoji-1f6ba { background-position: -384px -768px; } -.emoji-1f6bb { background-position: -448px -768px; } -.emoji-1f6bc { background-position: -512px -768px; } -.emoji-1f6be { background-position: -576px -768px; } -.emoji-1f6c2 { background-position: -640px -768px; } -.emoji-1f6c3 { background-position: -704px -768px; } -.emoji-1f6c4 { background-position: -768px -768px; } -.emoji-1f6c5 { background-position: -832px -0px; } -.emoji-1f6d0 { background-position: -832px -64px; } -.emoji-1f6d1 { background-position: -832px -128px; } -.emoji-203c-fe0f { background-position: -832px -192px; } -.emoji-2049-fe0f { background-position: -832px -256px; } -.emoji-2122-fe0f { background-position: -832px -320px; } -.emoji-2139-fe0f { background-position: -832px -384px; } -.emoji-2194-fe0f { background-position: -832px -448px; } -.emoji-2195-fe0f { background-position: -832px -512px; } -.emoji-2196-fe0f { background-position: -832px -576px; } -.emoji-2197-fe0f { background-position: -832px -640px; } -.emoji-2198-fe0f { background-position: -832px -704px; } -.emoji-2199-fe0f { background-position: -832px -768px; } -.emoji-21a9-fe0f { background-position: -0px -832px; } -.emoji-21aa-fe0f { background-position: -64px -832px; } -.emoji-23e9 { background-position: -128px -832px; } -.emoji-23ea { background-position: -192px -832px; } -.emoji-23eb { background-position: -256px -832px; } -.emoji-23ec { background-position: -320px -832px; } -.emoji-23ed { background-position: -384px -832px; } -.emoji-23ee { background-position: -448px -832px; } -.emoji-23ef { background-position: -512px -832px; } -.emoji-23f8 { background-position: -576px -832px; } -.emoji-23f9 { background-position: -640px -832px; } -.emoji-23fa { background-position: -704px -832px; } -.emoji-24c2-fe0f { background-position: -768px -832px; } -.emoji-25aa-fe0f { background-position: -832px -832px; } -.emoji-25ab-fe0f { background-position: -896px -0px; } -.emoji-25b6-fe0f { background-position: -896px -64px; } -.emoji-25c0-fe0f { background-position: -896px -128px; } -.emoji-25fb-fe0f { background-position: -896px -192px; } -.emoji-25fc-fe0f { background-position: -896px -256px; } -.emoji-25fd-fe0f { background-position: -896px -320px; } -.emoji-25fe-fe0f { background-position: -896px -384px; } -.emoji-2611-fe0f { background-position: -896px -448px; } -.emoji-2622-fe0f { background-position: -896px -512px; } -.emoji-2623-fe0f { background-position: -896px -576px; } -.emoji-2626-fe0f { background-position: -896px -640px; } -.emoji-262a-fe0f { background-position: -896px -704px; } -.emoji-262e-fe0f { background-position: -896px -768px; } -.emoji-262f-fe0f { background-position: -896px -832px; } -.emoji-2638-fe0f { background-position: -0px -896px; } -.emoji-2648-fe0f { background-position: -64px -896px; } -.emoji-2649-fe0f { background-position: -128px -896px; } -.emoji-264a-fe0f { background-position: -192px -896px; } -.emoji-264b-fe0f { background-position: -256px -896px; } -.emoji-264c-fe0f { background-position: -320px -896px; } -.emoji-264d-fe0f { background-position: -384px -896px; } -.emoji-264e-fe0f { background-position: -448px -896px; } -.emoji-264f-fe0f { background-position: -512px -896px; } -.emoji-2650-fe0f { background-position: -576px -896px; } -.emoji-2651-fe0f { background-position: -640px -896px; } -.emoji-2652-fe0f { background-position: -704px -896px; } -.emoji-2653-fe0f { background-position: -768px -896px; } -.emoji-2660-fe0f { background-position: -832px -896px; } -.emoji-2663-fe0f { background-position: -896px -896px; } -.emoji-2665-fe0f { background-position: -960px -0px; } -.emoji-2666-fe0f { background-position: -960px -64px; } -.emoji-2668-fe0f { background-position: -960px -128px; } -.emoji-267b-fe0f { background-position: -960px -192px; } -.emoji-267f-fe0f { background-position: -960px -256px; } -.emoji-269b-fe0f { background-position: -960px -320px; } -.emoji-269c-fe0f { background-position: -960px -384px; } -.emoji-26a0-fe0f { background-position: -960px -448px; } -.emoji-26aa-fe0f { background-position: -960px -512px; } -.emoji-26ab-fe0f { background-position: -960px -576px; } -.emoji-26ce { background-position: -960px -640px; } -.emoji-26d4-fe0f { background-position: -960px -704px; } -.emoji-2705 { background-position: -960px -768px; } -.emoji-2714-fe0f { background-position: -960px -832px; } -.emoji-2716-fe0f { background-position: -960px -896px; } -.emoji-271d-fe0f { background-position: -0px -960px; } -.emoji-2721-fe0f { background-position: -64px -960px; } -.emoji-2733-fe0f { background-position: -128px -960px; } -.emoji-2734-fe0f { background-position: -192px -960px; } -.emoji-2747-fe0f { background-position: -256px -960px; } -.emoji-274c { background-position: -320px -960px; } -.emoji-274e { background-position: -384px -960px; } -.emoji-2753 { background-position: -448px -960px; } -.emoji-2754 { background-position: -512px -960px; } -.emoji-2755 { background-position: -576px -960px; } -.emoji-2757-fe0f { background-position: -640px -960px; } -.emoji-2763-fe0f { background-position: -704px -960px; } -.emoji-2764-fe0f { background-position: -768px -960px; } -.emoji-2795 { background-position: -832px -960px; } -.emoji-2796 { background-position: -896px -960px; } -.emoji-2797 { background-position: -960px -960px; } -.emoji-27a1-fe0f { background-position: -1024px -0px; } -.emoji-27b0 { background-position: -1024px -64px; } -.emoji-27bf { background-position: -1024px -128px; } -.emoji-2934-fe0f { background-position: -1024px -192px; } -.emoji-2935-fe0f { background-position: -1024px -256px; } -.emoji-2b05-fe0f { background-position: -1024px -320px; } -.emoji-2b06-fe0f { background-position: -1024px -384px; } -.emoji-2b07-fe0f { background-position: -1024px -448px; } -.emoji-2b1b-fe0f { background-position: -1024px -512px; } -.emoji-2b1c-fe0f { background-position: -1024px -576px; } -.emoji-2b55-fe0f { background-position: -1024px -640px; } -.emoji-3030-fe0f { background-position: -1024px -704px; } -.emoji-303d-fe0f { background-position: -1024px -768px; } -.emoji-3297-fe0f { background-position: -1024px -832px; } -.emoji-3299-fe0f { background-position: -1024px -896px; } -.emoji-category-flags { background-image: url('../images/emoji-sheets/flags.png'); } -.emoji-1f1e6-1f1e9 { background-position: -0px -0px; } -.emoji-1f1e6-1f1ea { background-position: -64px -0px; } -.emoji-1f1e6-1f1eb { background-position: -0px -64px; } -.emoji-1f1e6-1f1ec { background-position: -64px -64px; } -.emoji-1f1e6-1f1ee { background-position: -128px -0px; } -.emoji-1f1e6-1f1f1 { background-position: -128px -64px; } -.emoji-1f1e6-1f1f2 { background-position: -0px -128px; } -.emoji-1f1e6-1f1f4 { background-position: -64px -128px; } -.emoji-1f1e6-1f1f6 { background-position: -128px -128px; } -.emoji-1f1e6-1f1f7 { background-position: -192px -0px; } -.emoji-1f1e6-1f1f8 { background-position: -192px -64px; } -.emoji-1f1e6-1f1f9 { background-position: -192px -128px; } -.emoji-1f1e6-1f1fa { background-position: -0px -192px; } -.emoji-1f1e6-1f1fc { background-position: -64px -192px; } -.emoji-1f1e6-1f1fd { background-position: -128px -192px; } -.emoji-1f1e6-1f1ff { background-position: -192px -192px; } -.emoji-1f1e7-1f1e6 { background-position: -256px -0px; } -.emoji-1f1e7-1f1e7 { background-position: -256px -64px; } -.emoji-1f1e7-1f1e9 { background-position: -256px -128px; } -.emoji-1f1e7-1f1ea { background-position: -256px -192px; } -.emoji-1f1e7-1f1eb { background-position: -0px -256px; } -.emoji-1f1e7-1f1ec { background-position: -64px -256px; } -.emoji-1f1e7-1f1ed { background-position: -128px -256px; } -.emoji-1f1e7-1f1ee { background-position: -192px -256px; } -.emoji-1f1e7-1f1ef { background-position: -256px -256px; } -.emoji-1f1e7-1f1f1 { background-position: -320px -0px; } -.emoji-1f1e7-1f1f2 { background-position: -320px -64px; } -.emoji-1f1e7-1f1f3 { background-position: -320px -128px; } -.emoji-1f1e7-1f1f4 { background-position: -320px -192px; } -.emoji-1f1e7-1f1f6 { background-position: -320px -256px; } -.emoji-1f1e7-1f1f7 { background-position: -0px -320px; } -.emoji-1f1e7-1f1f8 { background-position: -64px -320px; } -.emoji-1f1e7-1f1f9 { background-position: -128px -320px; } -.emoji-1f1e7-1f1fc { background-position: -192px -320px; } -.emoji-1f1e7-1f1fe { background-position: -256px -320px; } -.emoji-1f1e7-1f1ff { background-position: -320px -320px; } -.emoji-1f1e8-1f1e6 { background-position: -384px -0px; } -.emoji-1f1e8-1f1e8 { background-position: -384px -64px; } -.emoji-1f1e8-1f1e9 { background-position: -384px -128px; } -.emoji-1f1e8-1f1eb { background-position: -384px -192px; } -.emoji-1f1e8-1f1ec { background-position: -384px -256px; } -.emoji-1f1e8-1f1ed { background-position: -384px -320px; } -.emoji-1f1e8-1f1ee { background-position: -0px -384px; } -.emoji-1f1e8-1f1f0 { background-position: -64px -384px; } -.emoji-1f1e8-1f1f1 { background-position: -128px -384px; } -.emoji-1f1e8-1f1f2 { background-position: -192px -384px; } -.emoji-1f1e8-1f1f3 { background-position: -256px -384px; } -.emoji-1f1e8-1f1f4 { background-position: -320px -384px; } -.emoji-1f1e8-1f1f7 { background-position: -384px -384px; } -.emoji-1f1e8-1f1fa { background-position: -448px -0px; } -.emoji-1f1e8-1f1fb { background-position: -448px -64px; } -.emoji-1f1e8-1f1fc { background-position: -448px -128px; } -.emoji-1f1e8-1f1fd { background-position: -448px -192px; } -.emoji-1f1e8-1f1fe { background-position: -448px -256px; } -.emoji-1f1e8-1f1ff { background-position: -448px -320px; } -.emoji-1f1e9-1f1ea { background-position: -448px -384px; } -.emoji-1f1e9-1f1ef { background-position: -0px -448px; } -.emoji-1f1e9-1f1f0 { background-position: -64px -448px; } -.emoji-1f1e9-1f1f2 { background-position: -128px -448px; } -.emoji-1f1e9-1f1f4 { background-position: -192px -448px; } -.emoji-1f1e9-1f1ff { background-position: -256px -448px; } -.emoji-1f1ea-1f1e8 { background-position: -320px -448px; } -.emoji-1f1ea-1f1ea { background-position: -384px -448px; } -.emoji-1f1ea-1f1ec { background-position: -448px -448px; } -.emoji-1f1ea-1f1ed { background-position: -512px -0px; } -.emoji-1f1ea-1f1f7 { background-position: -512px -64px; } -.emoji-1f1ea-1f1f8 { background-position: -512px -128px; } -.emoji-1f1ea-1f1f9 { background-position: -512px -192px; } -.emoji-1f1ea-1f1fa { background-position: -512px -256px; } -.emoji-1f1eb-1f1ee { background-position: -512px -320px; } -.emoji-1f1eb-1f1ef { background-position: -512px -384px; } -.emoji-1f1eb-1f1f0 { background-position: -512px -448px; } -.emoji-1f1eb-1f1f2 { background-position: -0px -512px; } -.emoji-1f1eb-1f1f4 { background-position: -64px -512px; } -.emoji-1f1eb-1f1f7 { background-position: -128px -512px; } -.emoji-1f1ec-1f1e6 { background-position: -192px -512px; } -.emoji-1f1ec-1f1e7 { background-position: -256px -512px; } -.emoji-1f1ec-1f1e9 { background-position: -320px -512px; } -.emoji-1f1ec-1f1ea { background-position: -384px -512px; } -.emoji-1f1ec-1f1eb { background-position: -448px -512px; } -.emoji-1f1ec-1f1ec { background-position: -512px -512px; } -.emoji-1f1ec-1f1ed { background-position: -576px -0px; } -.emoji-1f1ec-1f1ee { background-position: -576px -64px; } -.emoji-1f1ec-1f1f1 { background-position: -576px -128px; } -.emoji-1f1ec-1f1f2 { background-position: -576px -192px; } -.emoji-1f1ec-1f1f3 { background-position: -576px -256px; } -.emoji-1f1ec-1f1f5 { background-position: -576px -320px; } -.emoji-1f1ec-1f1f6 { background-position: -576px -384px; } -.emoji-1f1ec-1f1f7 { background-position: -576px -448px; } -.emoji-1f1ec-1f1f8 { background-position: -576px -512px; } -.emoji-1f1ec-1f1f9 { background-position: -0px -576px; } -.emoji-1f1ec-1f1fa { background-position: -64px -576px; } -.emoji-1f1ec-1f1fc { background-position: -128px -576px; } -.emoji-1f1ec-1f1fe { background-position: -192px -576px; } -.emoji-1f1ed-1f1f0 { background-position: -256px -576px; } -.emoji-1f1ed-1f1f3 { background-position: -320px -576px; } -.emoji-1f1ed-1f1f7 { background-position: -384px -576px; } -.emoji-1f1ed-1f1f9 { background-position: -448px -576px; } -.emoji-1f1ed-1f1fa { background-position: -512px -576px; } -.emoji-1f1ee-1f1e8 { background-position: -576px -576px; } -.emoji-1f1ee-1f1e9 { background-position: -640px -0px; } -.emoji-1f1ee-1f1ea { background-position: -640px -64px; } -.emoji-1f1ee-1f1f1 { background-position: -640px -128px; } -.emoji-1f1ee-1f1f2 { background-position: -640px -192px; } -.emoji-1f1ee-1f1f3 { background-position: -640px -256px; } -.emoji-1f1ee-1f1f4 { background-position: -640px -320px; } -.emoji-1f1ee-1f1f6 { background-position: -640px -384px; } -.emoji-1f1ee-1f1f7 { background-position: -640px -448px; } -.emoji-1f1ee-1f1f8 { background-position: -640px -512px; } -.emoji-1f1ee-1f1f9 { background-position: -640px -576px; } -.emoji-1f1ef-1f1ea { background-position: -0px -640px; } -.emoji-1f1ef-1f1f2 { background-position: -64px -640px; } -.emoji-1f1ef-1f1f4 { background-position: -128px -640px; } -.emoji-1f1ef-1f1f5 { background-position: -192px -640px; } -.emoji-1f1f0-1f1ea { background-position: -256px -640px; } -.emoji-1f1f0-1f1ec { background-position: -320px -640px; } -.emoji-1f1f0-1f1ed { background-position: -384px -640px; } -.emoji-1f1f0-1f1ee { background-position: -448px -640px; } -.emoji-1f1f0-1f1f2 { background-position: -512px -640px; } -.emoji-1f1f0-1f1f3 { background-position: -576px -640px; } -.emoji-1f1f0-1f1f5 { background-position: -640px -640px; } -.emoji-1f1f0-1f1f7 { background-position: -704px -0px; } -.emoji-1f1f0-1f1fc { background-position: -704px -64px; } -.emoji-1f1f0-1f1fe { background-position: -704px -128px; } -.emoji-1f1f0-1f1ff { background-position: -704px -192px; } -.emoji-1f1f1-1f1e6 { background-position: -704px -256px; } -.emoji-1f1f1-1f1e7 { background-position: -704px -320px; } -.emoji-1f1f1-1f1e8 { background-position: -704px -384px; } -.emoji-1f1f1-1f1ee { background-position: -704px -448px; } -.emoji-1f1f1-1f1f0 { background-position: -704px -512px; } -.emoji-1f1f1-1f1f7 { background-position: -704px -576px; } -.emoji-1f1f1-1f1f8 { background-position: -704px -640px; } -.emoji-1f1f1-1f1f9 { background-position: -0px -704px; } -.emoji-1f1f1-1f1fa { background-position: -64px -704px; } -.emoji-1f1f1-1f1fb { background-position: -128px -704px; } -.emoji-1f1f1-1f1fe { background-position: -192px -704px; } -.emoji-1f1f2-1f1e6 { background-position: -256px -704px; } -.emoji-1f1f2-1f1e8 { background-position: -320px -704px; } -.emoji-1f1f2-1f1e9 { background-position: -384px -704px; } -.emoji-1f1f2-1f1ea { background-position: -448px -704px; } -.emoji-1f1f2-1f1ec { background-position: -512px -704px; } -.emoji-1f1f2-1f1ed { background-position: -576px -704px; } -.emoji-1f1f2-1f1f0 { background-position: -640px -704px; } -.emoji-1f1f2-1f1f1 { background-position: -704px -704px; } -.emoji-1f1f2-1f1f2 { background-position: -768px -0px; } -.emoji-1f1f2-1f1f3 { background-position: -768px -64px; } -.emoji-1f1f2-1f1f4 { background-position: -768px -128px; } -.emoji-1f1f2-1f1f5 { background-position: -768px -192px; } -.emoji-1f1f2-1f1f6 { background-position: -768px -256px; } -.emoji-1f1f2-1f1f7 { background-position: -768px -320px; } -.emoji-1f1f2-1f1f8 { background-position: -768px -384px; } -.emoji-1f1f2-1f1f9 { background-position: -768px -448px; } -.emoji-1f1f2-1f1fa { background-position: -768px -512px; } -.emoji-1f1f2-1f1fb { background-position: -768px -576px; } -.emoji-1f1f2-1f1fc { background-position: -768px -640px; } -.emoji-1f1f2-1f1fd { background-position: -768px -704px; } -.emoji-1f1f2-1f1fe { background-position: -0px -768px; } -.emoji-1f1f2-1f1ff { background-position: -64px -768px; } -.emoji-1f1f3-1f1e6 { background-position: -128px -768px; } -.emoji-1f1f3-1f1e8 { background-position: -192px -768px; } -.emoji-1f1f3-1f1ea { background-position: -256px -768px; } -.emoji-1f1f3-1f1eb { background-position: -320px -768px; } -.emoji-1f1f3-1f1ec { background-position: -384px -768px; } -.emoji-1f1f3-1f1ee { background-position: -448px -768px; } -.emoji-1f1f3-1f1f1 { background-position: -512px -768px; } -.emoji-1f1f3-1f1f4 { background-position: -576px -768px; } -.emoji-1f1f3-1f1f5 { background-position: -640px -768px; } -.emoji-1f1f3-1f1f7 { background-position: -704px -768px; } -.emoji-1f1f3-1f1fa { background-position: -768px -768px; } -.emoji-1f1f3-1f1ff { background-position: -832px -0px; } -.emoji-1f1f4-1f1f2 { background-position: -832px -64px; } -.emoji-1f1f5-1f1e6 { background-position: -832px -128px; } -.emoji-1f1f5-1f1ea { background-position: -832px -192px; } -.emoji-1f1f5-1f1eb { background-position: -832px -256px; } -.emoji-1f1f5-1f1ec { background-position: -832px -320px; } -.emoji-1f1f5-1f1ed { background-position: -832px -384px; } -.emoji-1f1f5-1f1f0 { background-position: -832px -448px; } -.emoji-1f1f5-1f1f1 { background-position: -832px -512px; } -.emoji-1f1f5-1f1f2 { background-position: -832px -576px; } -.emoji-1f1f5-1f1f3 { background-position: -832px -640px; } -.emoji-1f1f5-1f1f7 { background-position: -832px -704px; } -.emoji-1f1f5-1f1f8 { background-position: -832px -768px; } -.emoji-1f1f5-1f1f9 { background-position: -0px -832px; } -.emoji-1f1f5-1f1fc { background-position: -64px -832px; } -.emoji-1f1f5-1f1fe { background-position: -128px -832px; } -.emoji-1f1f6-1f1e6 { background-position: -192px -832px; } -.emoji-1f1f7-1f1ea { background-position: -256px -832px; } -.emoji-1f1f7-1f1f4 { background-position: -320px -832px; } -.emoji-1f1f7-1f1f8 { background-position: -384px -832px; } -.emoji-1f1f7-1f1fa { background-position: -448px -832px; } -.emoji-1f1f7-1f1fc { background-position: -512px -832px; } -.emoji-1f1f8-1f1e6 { background-position: -576px -832px; } -.emoji-1f1f8-1f1e7 { background-position: -640px -832px; } -.emoji-1f1f8-1f1e8 { background-position: -704px -832px; } -.emoji-1f1f8-1f1e9 { background-position: -768px -832px; } -.emoji-1f1f8-1f1ea { background-position: -832px -832px; } -.emoji-1f1f8-1f1ec { background-position: -896px -0px; } -.emoji-1f1f8-1f1ed { background-position: -896px -64px; } -.emoji-1f1f8-1f1ee { background-position: -896px -128px; } -.emoji-1f1f8-1f1f0 { background-position: -896px -192px; } -.emoji-1f1f8-1f1f1 { background-position: -896px -256px; } -.emoji-1f1f8-1f1f2 { background-position: -896px -320px; } -.emoji-1f1f8-1f1f3 { background-position: -896px -384px; } -.emoji-1f1f8-1f1f4 { background-position: -896px -448px; } -.emoji-1f1f8-1f1f7 { background-position: -896px -512px; } -.emoji-1f1f8-1f1f8 { background-position: -896px -576px; } -.emoji-1f1f8-1f1f9 { background-position: -896px -640px; } -.emoji-1f1f8-1f1fb { background-position: -896px -704px; } -.emoji-1f1f8-1f1fd { background-position: -896px -768px; } -.emoji-1f1f8-1f1fe { background-position: -896px -832px; } -.emoji-1f1f8-1f1ff { background-position: -0px -896px; } -.emoji-1f1f9-1f1e8 { background-position: -64px -896px; } -.emoji-1f1f9-1f1e9 { background-position: -128px -896px; } -.emoji-1f1f9-1f1eb { background-position: -192px -896px; } -.emoji-1f1f9-1f1ec { background-position: -256px -896px; } -.emoji-1f1f9-1f1ed { background-position: -320px -896px; } -.emoji-1f1f9-1f1ef { background-position: -384px -896px; } -.emoji-1f1f9-1f1f0 { background-position: -448px -896px; } -.emoji-1f1f9-1f1f1 { background-position: -512px -896px; } -.emoji-1f1f9-1f1f2 { background-position: -576px -896px; } -.emoji-1f1f9-1f1f3 { background-position: -640px -896px; } -.emoji-1f1f9-1f1f4 { background-position: -704px -896px; } -.emoji-1f1f9-1f1f7 { background-position: -768px -896px; } -.emoji-1f1f9-1f1f9 { background-position: -832px -896px; } -.emoji-1f1f9-1f1fb { background-position: -896px -896px; } -.emoji-1f1f9-1f1fc { background-position: -960px -0px; } -.emoji-1f1f9-1f1ff { background-position: -960px -64px; } -.emoji-1f1fa-1f1e6 { background-position: -960px -128px; } -.emoji-1f1fa-1f1ec { background-position: -960px -192px; } -.emoji-1f1fa-1f1f8 { background-position: -960px -256px; } -.emoji-1f1fa-1f1fe { background-position: -960px -320px; } -.emoji-1f1fa-1f1ff { background-position: -960px -384px; } -.emoji-1f1fb-1f1e6 { background-position: -960px -448px; } -.emoji-1f1fb-1f1e8 { background-position: -960px -512px; } -.emoji-1f1fb-1f1ea { background-position: -960px -576px; } -.emoji-1f1fb-1f1ec { background-position: -960px -640px; } -.emoji-1f1fb-1f1ee { background-position: -960px -704px; } -.emoji-1f1fb-1f1f3 { background-position: -960px -768px; } -.emoji-1f1fb-1f1fa { background-position: -960px -832px; } -.emoji-1f1fc-1f1eb { background-position: -960px -896px; } -.emoji-1f1fc-1f1f8 { background-position: -0px -960px; } -.emoji-1f1fd-1f1f0 { background-position: -64px -960px; } -.emoji-1f1fe-1f1ea { background-position: -128px -960px; } -.emoji-1f1fe-1f1f9 { background-position: -192px -960px; } -.emoji-1f1ff-1f1e6 { background-position: -256px -960px; } -.emoji-1f1ff-1f1f2 { background-position: -320px -960px; } -.emoji-1f1ff-1f1fc { background-position: -384px -960px; } -.emoji-1f38c { background-position: -448px -960px; } -.emoji-1f3c1 { background-position: -512px -960px; } -.emoji-1f3f3-fe0f { background-position: -576px -960px; } -.emoji-1f3f3-fe0f-200d-1f308 { background-position: -640px -960px; } -.emoji-1f3f4 { background-position: -704px -960px; } -.emoji-1f6a9 { background-position: -768px -960px; } -.emoji-category-custom { background-image: url('../images/emoji-sheets/custom.png'); } -.emoji-shipit { background-position: -0px -0px; width: 75px; height: 75px; } -.emoji-octocat { background-position: -75px -0px; } -.emoji-finnadie { background-position: -0px -75px; } -.emoji-goberserk { background-position: -64px -75px; } -.emoji-godmode { background-position: -139px -0px; } -.emoji-hurtrealbad { background-position: -139px -64px; } -.emoji-mattermost { background-position: -0px -139px; } -.emoji-neckbeard { background-position: -64px -139px; } -.emoji-feelsgood { background-position: -128px -139px; } -.emoji-rage1 { background-position: -203px -0px; } -.emoji-rage2 { background-position: -203px -64px; } -.emoji-rage3 { background-position: -203px -128px; } -.emoji-rage4 { background-position: -0px -203px; } -.emoji-bowtie { background-position: -64px -203px; } -.emoji-suspect { background-position: -128px -203px; } -.emoji-trollface { background-position: -192px -203px; } \ No newline at end of file diff --git a/webapp/sass/components/_emoticons.scss b/webapp/sass/components/_emoticons.scss deleted file mode 100644 index c8fd50226..000000000 --- a/webapp/sass/components/_emoticons.scss +++ /dev/null @@ -1,233 +0,0 @@ -@charset "UTF-8"; - -.reacticon { - display: inline-block; - fill: inherit; - opacity: .7; - position: relative; - top: 2px; - vertical-align: middle; - visibility: hidden; -} - -.emoticon { - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - display: inline-block; - height: 21px; - min-height: 1em; - min-width: 1em; - vertical-align: middle; - width: 21px; -} - -.emoticon-suggestion { - @include clearfix; - cursor: pointer; - font-size: 13px; - height: 30px; - line-height: 30px; - width: 100%; - - > div { - &:first-child { - text-align: center; - width: 30px; - } - } -} - -.emoticon-suggestion__image { - margin-top: -2px; - max-height: 20px; - max-width: 20px; - padding: 0; - text-align: center; - vertical-align: middle; -} - -.emoji-picker { - @include user-select(none); - border-radius: 3px; - border: 1px solid; - display: flex; - flex-direction: column; - position: absolute; - height: 362px; - width: 278px; - z-index: 8; -} - -.emoji-picker__categories { - flex-grow: 0; - flex-shrink: 0; - - .emoji-picker__category { - color: #333333; - display: inline-block; - font-size: 16px; - margin: 3px 6px; - text-align: center; - width: 15px; - - &--selected, - &:hover { - color: #666666; - } - } -} - -.emoji-picker__search-container { - position: relative; - border-top-style: solid; - border-top-width: 1px; - - .emoji-picker__search-icon { - padding-left: 6px; - padding-top: 6px; - position: absolute; - font-size: 13px; - } - - .emoji-picker__search { - border-width: 0px; - padding: 2px 0 2px 25px; - width: 100%; - height: 25px; - font-size: 12px; - - &:focus{ - outline: none; - } - } -} - -.emoji-picker__items { - max-height: 278px; - overflow-x: hidden; - overflow-y: auto; - padding: 0px 8px 8px 8px; - position: relative; - border-top-style: solid; - border-top-width: 1px; - - .emoji-picker__category-header { - font-size: 12px; - font-weight: bold; - margin-bottom: 6px; - margin-top: 3px; - padding-top: 3px; - } - - .emoji-picker__preview_sprite { - isplay: inline-block; - height: 45px; - margin: 3px; - vertical-align: top; - - padding: 3px; - } - - .emoji-picker-items__container { - > div { - display: inline-block; - height: 21px; - margin: 3px; - vertical-align: top; - width: 21px; - padding: 3px; - } - > span { - display: inline-block; - height: 21px; - margin: 3px; - vertical-align: top; - width: 21px; - padding: 0px; - border: 0px; - text-align: center; - border-radius: 6px; - overflow: hidden; - cursor: pointer; - } - } - - .emoji-picker__item-wrapper { - .emoji-picker__item { - font-size: 18px; - margin: 3px; - max-height: 21px; - max-width: 21px; - min-height: 0; - min-width: 0; - width: auto; - height: auto; - margin: 0 auto; - } - } -} - -.emoji-picker__preview { - border-top: 1px solid; - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: stretch; - vertical-align: middle; - flex-grow: 0; - flex-shrink: 0; - height: 45px; - padding: 3px 10px; - vertical-align: middle; - width: 278px; - - &.emoji-picker__preview-placeholder { - padding: 12px; - } - - > div { - display: table-cell; - vertical-align: middle; - } - - .emoji-picker__preview-image-label-box { - margin-left: 3px; - .emoji-picker__preview-name { - font-size: 13px; - font-weight: bold; - } - - .emoji-picker__preview-aliases { - display: block; - font-size: 12px; - - font-weight: bold; - } - } - - .emoji-picker__preview-image-box { - display: flex; - align-items: center; - justify-content: center; - height: 36px; - max-height: 36px; - width: 42px; - max-width: 42px; - text-align: center; - - .sprite-preview { - border: none; - display: inline-block; - height: 36px; - padding: 0; - vertical-align: middle; - width: 36px; - } - } - - .emoji-picker__preview-image { - max-height: 36px; - max-width: 42px; - } -} diff --git a/webapp/sass/components/_error-bar.scss b/webapp/sass/components/_error-bar.scss deleted file mode 100644 index b08b6d95b..000000000 --- a/webapp/sass/components/_error-bar.scss +++ /dev/null @@ -1,55 +0,0 @@ -@charset 'UTF-8'; - -.error-bar { - background-color: darken($primary-color, 5%); - color: $white; - padding: 5px 30px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index: 9999; - - &.error-bar--fixed { - overflow: hidden; - padding: 1px 30px; - text-overflow: ellipsis; - white-space: nowrap; - } - - a { - color: inherit !important; - text-decoration: underline; - - &:hover, - &:active, - &:focus { - color: inherit !important; - } - - &.error-bar__close { - color: $white; - font-family: 'Open Sans', sans-serif; - font-size: 20px; - font-weight: 600; - padding: 0 10px; - position: absolute; - right: 0; - text-decoration: none; - top: 0; - - &:hover { - color: $white; - text-decoration: none; - } - } - } -} - -.error-bar-critical { - background-color: #B0171F; -} - -.error-bar-developer { - background-color: purple; -} diff --git a/webapp/sass/components/_files.scss b/webapp/sass/components/_files.scss deleted file mode 100644 index b72180b42..000000000 --- a/webapp/sass/components/_files.scss +++ /dev/null @@ -1,298 +0,0 @@ -@charset 'UTF-8'; - -.file-preview__container { - height: 100px; - margin: 1px 0 10px; - max-height: 100px; - overflow-x: auto; - overflow-y: hidden; - position: relative; - white-space: nowrap; - width: 100%; -} - -.file-preview { - @include clearfix; - border: 1px solid $light-gray; - display: inline-block; - height: 100px; - margin: 0 0 0 10px; - position: relative; - width: 120px; - - &:first-child { - margin-left: 0; - } - - .spinner { - height: 32px; - left: 50%; - margin-left: -16px; - margin-top: -16px; - position: absolute; - top: 50%; - width: 32px; - } -} - -.file-preview__remove { - background: alpha-color($black, .5); - border-radius: 0 0 0 2px; - height: 28px; - position: absolute; - right: 0; - text-align: center; - top: 0; - width: 28px; - - i { - color: $white; - cursor: pointer; - font-size: 16px; - line-height: 29px; - position: relative; - right: auto; - text-shadow: 0 0 3px alpha-color($black, .7); - top: auto; - z-index: 5; - } -} - -.image-comment { - background-position: left top; - background-repeat: no-repeat; - height: 300px; - width: 300px; -} - - -.file-icon { - height: 100%; - width: 100%; - - &.audio { - @include file-icon('../images/icons/audio.png'); - } - - &.video { - @include file-icon('../images/icons/video.png'); - } - - &.ppt { - @include file-icon('../images/icons/ppt.png'); - } - - &.generic { - @include file-icon('../images/icons/generic.png'); - } - - &.code { - @include file-icon('../images/icons/code.png'); - } - - &.excel { - @include file-icon('../images/icons/excel.png'); - } - - &.word { - @include file-icon('../images/icons/word.png'); - } - - &.pdf { - @include file-icon('../images/icons/pdf.png'); - } - - &.patch { - @include file-icon('../images/icons/patch.png'); - } - - &.image { - @include file-icon('../images/icons/image.png'); - } -} - -.pdf-preview-spacer { - height: 5px; -} - -.pdf-max-pages { - background: $white; - bottom: 0; - display: block; - left: 0; - position: relative; - width: 100%; - - span { - @include border-radius(3px); - background: alpha-color($black, .8); - bottom: 15px; - color: $white; - display: inline-block; - height: 3em; - line-height: 3em; - padding: 0 1.5em; - position: relative; - } -} - -.post-image__column { - border: 1px solid alpha-color($black, .2); - float: left; - height: 100px; - margin: 5px 10px 5px 0; - position: relative; - width: 240px; - - &--placeholder { - visibility: hidden; - } -} - -.post-image__load { - background-position: center; - background-repeat: no-repeat; - background-size: 20px 20px; - height: 100%; - width: 100%; -} - -.post-image { - background-color: $white; - background-repeat: no-repeat; - height: 100%; - overflow: hidden; - position: relative; - text-align: center; - width: 100%; - - &.small { - background-position: center; - } - - &.normal { - background-position: top left; - } - - .spinner { - .file__loading { - left: 50%; - margin-left: -16px; - margin-top: -16px; - position: absolute; - top: 50%; - } - } - - .file__loaded { - max-width: initial; - - &.landscape, - &.quadrat { - height: 100px; - } - - &.portrait { - width: 120px; - } - } -} - -.post-image__thumbnail { - @include cursor(zoom-in); - float: left; - height: 100%; - width: 50%; -} - -.post-image__details { - @include clearfix; - background: $white; - border-left: 1px solid $light-gray; - color: alpha-color($black, .8); - float: left; - font-size: 13px; - height: 100%; - padding: 7px; - width: 50%; - word-break: break-word; - - .post-image__name { - display: block; - margin-bottom: 3px; - } - - .post-image__download { - @include opacity(.7); - cursor: pointer; - display: inline-block; - padding-right: 7px; - } - - .post-image__type { - @include opacity(.6); - } - - .post-image__size { - @include opacity(.6); - margin-left: 4px; - } -} - -.file-details__container { - @include display-flex; - background: $white; - - .file-details { - height: 270px; - padding: 14px; - text-align: left; - vertical-align: top; - width: 320px; - - .file-details__name { - color: alpha-color($black, .9); - font-size: 16px; - margin: 5px 0; - word-break: break-word; - } - - .file-details__info { - color: alpha-color($black, .5); - } - } - - .file-details__preview { - border-right: 1px solid $light-gray; - height: 270px; - vertical-align: center; - width: 320px; - - // helper to center the image icon in the preview window - .file-details__preview-helper { - display: inline-block; - height: 100%; - vertical-align: middle; - } - } -} - -.file-playback__controls { - @include single-transition(opacity, .6s); - bottom: 0; - cursor: pointer; - font-size: 22px; - position: absolute; - right: 5px; - transition: opacity .6s; - z-index: 2; - - &.stop { - @include opacity(0); - } -} - -.view-image__loading { - background: $black; - min-height: 100px; -} diff --git a/webapp/sass/components/_inputs.scss b/webapp/sass/components/_inputs.scss deleted file mode 100644 index 4d99e00e4..000000000 --- a/webapp/sass/components/_inputs.scss +++ /dev/null @@ -1,71 +0,0 @@ -@charset 'UTF-8'; - -.form-control { - @include border-radius($border-rad); - - &:focus { - @include box-shadow(none); - } - - &.no-padding { - line-height: 32px; - padding: 0; - } - - &.no-resize { - resize: none; - } - - &[disabled], - [readonly] { - @include alpha-property(background, $white, .1); - color: inherit; - cursor: auto; - } -} - -fieldset { - &[disabled] { - .form-control { - @include alpha-property(background, $white, .1); - color: inherit; - cursor: auto; - } - } -} - -.admin-textarea { - resize: none; -} - -input { - &[type='radio'], - &[type='checkbox'] { - font-size: 14px; - margin-top: 3px; - } -} - -input::-webkit-file-upload-button { - display: none -} - -::-webkit-input-placeholder { /* Chrome/Opera/Safari */ - color: inherit; - opacity: 0.5; -} - -::-moz-placeholder { /* Firefox 19+ */ - color: inherit; - opacity: 0.5; -} - -:-ms-input-placeholder { /* IE 10+ */ - color: inherit; - opacity: 0.5; -} - -:-moz-placeholder { /* Firefox 18- */ - color: inherit; - opacity: 0.5; -} diff --git a/webapp/sass/components/_links.scss b/webapp/sass/components/_links.scss deleted file mode 100644 index 3d7472670..000000000 --- a/webapp/sass/components/_links.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset 'UTF-8'; - -a { - color: $primary-color; - cursor: pointer; - text-decoration: none; - word-break: break-word; - - &:hover, - &:focus { - color: $primary-color--hover; - } -} - -.text-danger { - color: desaturate($red, 20%); - - &:hover, - &:focus { - color: desaturate($red, 20%); - } -} diff --git a/webapp/sass/components/_mentions.scss b/webapp/sass/components/_mentions.scss deleted file mode 100644 index 37820cbd9..000000000 --- a/webapp/sass/components/_mentions.scss +++ /dev/null @@ -1,112 +0,0 @@ -@charset 'UTF-8'; - -.mention { - @include border-radius(3px); - background: $primary-color; - color: $white; - padding-bottom: 2px; - position: relative; - z-index: 10; -} - -.badge { - background-color: #777; - border-radius: 10px; - color: #fff; - display: inline-block; - font-size: 12px; - font-weight: bold; - line-height: 1; - min-width: 10px; - padding: 3px 7px; - text-align: center; - vertical-align: middle; - white-space: nowrap; -} - -.mentions__name { - @include clearfix; - cursor: pointer; - font-size: 13px; - line-height: 20px; - margin: 0; - padding: 6px 10px; - position: relative; - white-space: nowrap; - width: 100%; - z-index: 101; - - .icon { - @include opacity(.5); - display: inline-block; - margin: 0 7px 0 0; - position: relative; - text-align: center; - top: 2px; - vertical-align: top; - width: 16px; - - &.icon__globe { - svg { - height: 14px; - width: 14px; - } - } - } - - .status { - font-size: 15px; - text-align: center; - vertical-align: bottom; - width: 20px; - } - - .fa-user { - position: relative; - top: -1px; - } - - .mention--align { - @include clearfix; - text-overflow: ellipsis; - width: calc(100% - 50px); - } -} - -.mention__image { - @include border-radius(20px); - display: block; - font-size: 15px; - height: 16px; - line-height: 16px; - margin-right: 7px; - margin-top: 3px; - text-align: center; - width: 16px; - - .mention--align { - display: inline-block; - max-width: 80%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } -} - -.mention__fullname { - @include opacity(.5); -} - -.mention--highlight { - background-color: $yellow; -} - -.mention__purpose { - @include opacity(.5); - line-height: normal; - margin-left: 5px; -} - -.mention__channelname { - @include opacity(.5); -} diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss deleted file mode 100644 index 58887b0bc..000000000 --- a/webapp/sass/components/_modal.scss +++ /dev/null @@ -1,700 +0,0 @@ -@charset 'UTF-8'; - -.app__body { - - &.browser--ie { - .modal { - .modal-dialog { - @include translateY(0); - } - } - } - - .modal-body { - max-height: calc(90vh - 62px); - overflow: auto; - padding: 20px 15px; - } - - .edit-modal-body { - overflow: visible; - - .custom-textarea { - max-height: 60vh; - min-height: 8em; - } - - .suggestion-list__content { - max-height: 150px; - } - - .edit-post-footer { - display: inline-block; - font-size: 13px; - position: relative; - - .post-error { - @include opacity(.55); - font-size: .85em; - font-weight: normal; - margin-bottom: 0; - position: relative; - top: 3px; - } - } - } - - .row--invite { - .col-sm-6 { - &:first-child { - padding-right: 0; - } - } - } - - .modal__hint { - @include opacity(.8); - display: block; - font-size: .9em; - margin: 0 0 10px; - } - - .modal__error { - color: $red; - float: left; - font-size: .95em; - font-weight: normal; - margin-top: 6px; - } - - .more-table { - margin: 0; - table-layout: fixed; - } - - .modal { - color: alpha-color($black, .9); - width: 100%; - - .channel-switch-modal { - .modal-header { - background: transparent; - border: none; - min-height: 0; - padding: 0; - - .close { - top: 10px; - } - } - } - - .modal--overflow { - .modal-body { - overflow: visible; - } - } - - &.modal-image { - .modal-backdrop { - &.in { - @include opacity(.7); - } - } - } - - .custom-textarea { - border-color: $light-gray; - color: inherit; - - &:focus { - border-color: $light-gray; - box-shadow: none; - } - } - - .btn { - font-size: 13px; - - &.btn-default { - background: transparent; - border: none; - } - } - - .info__label { - @include opacity(.5); - font-size: .9em; - font-weight: 600; - margin-bottom: 3px; - } - - .info__value { - padding-left: 10px; - word-break: break-word; - } - - .team-member-list { - width: 100%; - } - - .remove__member { - color: inherit; - float: right; - font-size: 20px; - line-height: 0; - padding: 6px; - - &:hover { - color: $red; - } - } - - .modal-dialog { - margin-bottom: 0; - margin-left: auto; - margin-right: auto; - max-width: 95%; - - &.modal-xl { - width: 800px; - } - } - - .modal-push-down { - margin-top: 60px; - } - - .modal-next-bar { - height: 100%; - position: absolute; - right: 0; - top: 0; - } - - .modal-header { - @include border-radius(0); - @include clearfix; - background: $primary-color; - border: 1px solid $light-gray; - color: $white; - min-height: 56px; - padding: 14px 15px 11px; - - .modal-title { - color: $bg--gray; - float: left; - font-size: 17px; - line-height: 27px; - max-width: calc(100% - 80px); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - - .name { - color: $white; - font-weight: 600; - } - } - - .modal-action { - margin: 0; - padding: 0; - } - - .close { - @include opacity(1); - @include single-transition(all, .25s, ease-in); - color: $white; - height: 30px; - line-height: 30px; - position: absolute; - right: 10px; - text-shadow: none; - width: 30px; - z-index: 5; - - &:hover { - @include alpha-property(background, $black, .1); - } - - .sr-only { - display: none; - } - - span { - font-family: 'Open Sans', sans-serif; - line-height: 10px; - } - } - - .btn { - &.btn-primary { - float: right; - margin: -4px 33px 0 0; - position: relative; - - i { - margin-right: 5px; - } - } - } - } - - .no-channel-message { - padding: 2em 1em; - text-align: center; - - .primary-message { - font-size: 1.25em; - } - - .secondary-message { - @include opacity(.8); - margin: 1em 0 0; - } - } - - .modal-content { - @include box-shadow(0 0 10px rgba($black, .5)); - border-radius: $border-rad; - } - - .modal-chevron-icon { - font-size: 120%; - top: 50%; - } - - .modal-prev-bar { - height: 100%; - left: 0; - position: absolute; - top: 0; - } - - .modal-image { - height: 100%; - margin: 0 auto; - max-width: 100%; - position: relative; - width: 100%; - - .modal-body { - @include clearfix; - display: table; - height: 100%; - max-height: 100%; - table-layout: fixed; - width: 100%; - } - - .modal-image__content { - max-height: 85vh; - max-width: 90vw; - overflow-x: hidden; - overflow-y: visible; - } - - .post-code__container { - overflow: auto; - } - - .modal-image__wrapper { - @include border-radius(3px); - display: table-cell; - max-width: 90%; - position: relative; - text-align: center; - vertical-align: middle; - width: 100%; - - &:hover { - @include border-radius(3px 3px 0 0); - } - - &.default { - height: 80%; - width: 100%; - } - - audio, - canvas, - progress, - video { - display: block; - height: auto; - max-width: 100%; - } - - .modal-close { - @include single-transition(opacity, .6s); - @include background-size(100% 100%); - @include opacity(0); - background-image: url('../images/close.png'); - cursor: pointer; - height: 37px; - position: absolute; - right: -13px; - top: -13px; - transition: opacity .6s; - width: 37px; - z-index: 9999; - - &.modal-close--show { - @include opacity(1); - } - } - - > div { - display: inline-block; - min-height: 100px; - min-width: 320px; - position: relative; - } - - code { - min-height: 130px; - min-width: 330px; - } - - pre, - code { - display: inline-block; - } - - .post-body--code { - max-height: calc(100vh - 80px); - max-width: calc(100vw - 80px); - overflow: auto; - } - - img { - max-height: calc(100vh - 200px); - max-width: 100%; - } - - .spinner { - .file__loading { - left: 50%; - margin-left: -16px; - margin-top: -16px; - position: absolute; - top: 50%; - z-index: 2; - } - } - } - - .modal-content { - background: alpha-color($black, 0); - border: none; - box-shadow: none; - height: 100%; - padding: 0; - width: 100%; - } - - .modal-image__body { - display: table-cell; - height: 100%; - overflow: visible; - padding: 0; - position: relative; - text-align: center; - vertical-align: middle; - } - - .image-control { - background: url('../images/prev.png') left no-repeat; - float: left; - height: 45px; - margin-top: -23px; - position: relative; - top: 50%; - width: 50px; - - &.image-next { - background: url('../images/next.png') left no-repeat; - float: right; - } - } - - .loader-image { - bottom: 0; - left: 0; - margin: auto; - position: absolute; - right: 0; - top: 0; - } - - .loader-percent { - bottom: 0; - color: alpha-color($white, 0.8); - height: 20px; - left: 0; - margin: auto; - position: absolute; - right: 0; - top: 55px; - } - - .modal-button-bar { - @include single-transition(opacity, .6s); - @include border-radius(0 0 3px 3px); - @include opacity(0); - background-color: $black; - bottom: -40px; - left: 0; - line-height: 40px; - max-width: 90vw; - padding: 0 10px; - position: absolute; - right: 0; - - &.footer--show { - @include opacity(1); - } - - .image-links { - a, - span { - float: right; - } - } - - .text { - bottom: 0; - color: $white; - margin-left: 5px; - vertical-align: middle; - } - - .public-link { - margin-right: 5px; - } - } - } - - &.more-channel__modal { - .modal-body { - overflow-x: hidden; - padding: 10px 0 15px; - } - - .channel-count { - @include opacity(.8); - float: right; - margin-top: 5px; - } - } - } - - .more-modal { - - .user-list { - margin-top: 10px; - overflow-x: hidden; - overflow-y: auto; - position: relative; - } - - .modal-body { - overflow-x: hidden; - padding: 10px 0 15px; - } - - .filter-row { - margin: 5px 0 10px; - width: 300px; - - &.filter-row--full { - width: 100%; - } - } - - .member-count { - @include opacity(.8); - float: right; - margin-top: 5px; - } - - .member-show { - @include opacity(.8); - float: right; - margin-right: 3px; - margin-top: 8px; - } - - .member-select__container { - .member-count { - margin: 12px 0 0 3px; - } - - select { - @include opacity(.8); - float: right; - margin: 1px 5px 0 2px; - width: auto; - } - } - - .more-purpose { - @include opacity(.7); - } - } - -} - -.more-modal__button { - .btn { - font-size: .9em; - font-weight: 600; - height: 39px; - width: 100%; - } -} - -.more-modal__list { - display: flex; - flex-direction: column; - - .browser--ie & { - flex: 20; - } - - > div { - min-height: 100%; - overflow: auto; - } - - .popover & { - font-size: .95em; - - .more-modal__row { - padding: 5px 10px; - } - } - - .more-modal__image { - @include border-radius(60px); - flex-grow: 0; - flex-shrink: 0; - margin-top: 2px; - max-width: none; - } - - .more-modal__details { - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - padding-left: 10px; - text-overflow: ellipsis; - } - - .more-modal__actions { - flex-grow: 0; - flex-shrink: 0; - margin: 5px 0; - padding-left: 20px; - } - - .more-modal__name { - font-size: .95em; - font-weight: 600; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .more-modal__description { - @include opacity(.7); - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .more-modal__row { - border-bottom: 1px solid $light-gray; - display: flex; - padding: 10px 15px; - - &.clickable { - cursor: pointer; - } - - &:hover { - .more-modal__actions--round { - opacity: .5; - } - } - } - - .more-modal__placeholder-row { - padding: 10px 15px; - } - - .more-modal__actions--round { - height: 32px; - line-height: 32px; - opacity: 0; - text-align: center; - width: 32px; - } - - p { - @include opacity(.8); - font-size: .9em; - margin: 5px 0; - overflow: hidden; - text-overflow: ellipsis; - } -} - -.member-select__container { - position: absolute; - right: 15px; - top: 15px; -} - -.filtered-user-list { - display: flex; - flex-direction: column; - height: calc(90vh - 120px); - width: 100%; - - > div { - flex: 1 1 auto; - } - - .more-modal__list { - flex-grow: 500; - height: 1px; - } - - .filter-button { - .btn { - height: 34px; - } - } - - .filter-controls { - padding: 1em 1.5em 0; - - .filter-control__next { - float: right; - } - } - - .filter-button { - margin-left: 0; - padding-left: 0; - } -} - -.modal-invite-member { - .btn:hover { - text-decoration: underline; - } -} diff --git a/webapp/sass/components/_module.scss b/webapp/sass/components/_module.scss deleted file mode 100644 index f2180d525..000000000 --- a/webapp/sass/components/_module.scss +++ /dev/null @@ -1,25 +0,0 @@ -// Only for combining all the files in this folder -@import 'alerts'; -@import 'buttons'; -@import 'dropdown'; -@import 'emoticons'; -@import 'emojisprite'; -@import 'error-bar'; -@import 'files'; -@import 'inputs'; -@import 'links'; -@import 'mentions'; -@import 'modal'; -@import 'multi-select'; -@import 'oauth'; -@import 'popover'; -@import 'save-button'; -@import 'scrollbar'; -@import 'search'; -@import 'status-icon'; -@import 'status-dropdown'; -@import 'suggestion-list'; -@import 'tooltip'; -@import 'tutorial'; -@import 'videos'; -@import 'webrtc'; diff --git a/webapp/sass/components/_multi-select.scss b/webapp/sass/components/_multi-select.scss deleted file mode 100644 index beceb7b9c..000000000 --- a/webapp/sass/components/_multi-select.scss +++ /dev/null @@ -1,58 +0,0 @@ -@charset 'UTF-8'; - -.multi-select__container { - display: table; - padding: 0 15px; - width: 100%; - - .Select { - display: table-cell; - padding-right: 15px; - vertical-align: top; - width: 100%; - } - - .btn { - display: table-cell; - height: 36px; - min-width: 60px; - vertical-align: top; - } - - .Select-control { - border-radius: 1px; - } - - .Select-value { - white-space: nowrap; - } - - .Select-value-label { - overflow: hidden; - } -} - -.multi-select__help { - padding: 10px 15px 0; - - > div:not(.multi-select__note), - > span { - @include opacity(.6); - } -} - -.multi-select__note { - @include border-radius(3px); - display: table; - margin-top: 5px; - padding: 8px 13px; - width: 100%; - - > div { - display: table-cell; - - &.note__icon { - width: 15px; - } - } -} diff --git a/webapp/sass/components/_oauth.scss b/webapp/sass/components/_oauth.scss deleted file mode 100644 index 8ca1e6c17..000000000 --- a/webapp/sass/components/_oauth.scss +++ /dev/null @@ -1,47 +0,0 @@ -@charset 'UTF-8'; - -.prompt { - background: $white; - border: 1px solid $light-gray; - margin: 50px auto; - max-width: 90%; - padding: 1em 2em 0; - width: 600px; - - .prompt__heading { - display: table; - font-size: em(18px); - line-height: normal; - margin: 1em 0; - table-layout: fixed; - width: 100%; - - > div { - display: table-cell; - vertical-align: top; - - &:first-child { - width: 70px; - } - } - - img { - margin-right: 15px; - } - } - - .prompt__allow { - font-size: em(20px); - margin: 1em 0; - } - - .prompt__buttons { - border-top: 1px solid $light-gray; - padding: 1.5em 0; - text-align: right; - } - - .prompt__error { - display: inline-block; - } -} diff --git a/webapp/sass/components/_popover.scss b/webapp/sass/components/_popover.scss deleted file mode 100644 index be0403292..000000000 --- a/webapp/sass/components/_popover.scss +++ /dev/null @@ -1,348 +0,0 @@ -@charset 'UTF-8'; -@import 'compass/css3/transition'; - -.popover { - @include border-radius($border-rad * 2); - color: lighten($black, 25%); - font-family: inherit; - padding: 0; - - &.bottom, - &.right, - &.top, - &.left { - > .arrow { - display: none; - - &:after { - border-color: transparent; - } - } - } - - &.bottom { - margin-top: 10px; - } - - .popover-title { - @include border-radius(0); - background: alpha-color($black, .05); - max-width: 100%; - overflow: hidden; - padding: 8px 10px; - text-overflow: ellipsis; - } - - .popover-content { - word-break: break-word; - - p { - &:last-child { - margin-bottom: 5px; - } - } - } - - .popover__row { - margin: 0 -15px 0; - padding: 9px 15px 0; - - &.first { - border-top: 1px solid transparent; - margin-top: 9px; - } - - > a { - > i { - margin-right: 5px; - } - - > span { - text-transform: capitalize; - } - } - } -} - -.channel-header__info { - .popover-content { - max-height: 250px; - overflow: auto; - } -} - -.user-popover { - cursor: pointer; - display: inline-block; -} - -.code-popover { - .popover-content { - padding: 5px; - } -} - -.user-popover__image { - @include border-radius(128px); - margin: 0 0 10px; -} - -.user-popover__email { - display: block; - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis; - - &[disabled] { - color: $video-circle-offline; - - &:focus, - &:hover { - color: $video-circle-offline; - text-decoration: none; - } - } - -} - -.search-help-popover { - @include single-transition(opacity, .3s, ease-in); - font-size: em(13px); - max-width: 350px; - top: 36px; - visibility: hidden; - width: 100%; - - &.autocomplete { - display: block; - - .popover-content { - padding: 10px; - position: relative; - -webkit-overflow-scrolling: touch; - } - } - - .search-autocomplete__divider { - line-height: 21px; - margin: 10px 0 5px; - position: relative; - - &:first-child { - margin-top: 5px; - } - - > span { - background: $white; - display: inline-block; - padding-right: 10px; - position: relative; - z-index: 5; - } - - &:before { - @include opacity(.2); - background: $dark-gray; - content: ''; - height: 1px; - left: 0; - position: absolute; - top: 10px; - width: 100%; - } - } - - .search-autocomplete__item { - @include border-radius(2px); - cursor: pointer; - margin: 3px 0 0 5px; - overflow: hidden; - padding: 6px 8px; - text-overflow: ellipsis; - white-space: nowrap; - - &:hover { - background: alpha-color($black, .1); - } - - &.selected { - background: alpha-color($black, .2); - } - - .mention--align { - display: inline-block; - } - - .fa { - @include opacity(.5); - margin-right: 5px; - } - - .profile-img { - height: 16px; - margin-right: 6px; - margin-top: -1px; - width: 16px; - } - } - - &.bottom > .arrow { - border-width: 9px; - left: 30px; - top: -18px; - } - - .popover-content { - max-height: 500px; - overflow: auto; - padding: 3px 13px; - } - - h4 { - font-size: 1em; - } - - ul { - padding-left: 17px; - - span { - @include opacity(.8); - } - - strong, - b { - @include opacity(1); - } - } - - .tooltip-inner { - max-width: 100%; - } - - &.visible { - @include opacity(1); - visibility: visible; - } -} - -.member-list__popover { - margin-left: -95px; - max-width: initial; - - .more-modal__body { - border-bottom: 1px solid transparent; - border-top: 1px solid transparent; - max-height: 275px; - overflow: auto; - position: relative; - } - - .more-modal__header { - padding: 14px 20px; - - .icon { - @include opacity(.8); - margin: 0 38px 0 24px; - position: relative; - top: 2px; - } - - span { - font-weight: 600; - } - } - - .more-modal__button { - .btn { - height: 42px; - } - } - - .more-modal__list { - .more-modal__row { - border: none; - cursor: pointer; - height: 50px; - margin: 1px 0; - overflow: hidden; - padding: 6px 19px 0 20px; - - &:hover { - border-left: 3px solid transparent; - padding-left: 17px; - - .more-modal__actions { - @include opacity(1); - } - - .more-modal__name { - font-weight: 600; - } - } - - &.more-modal__row--button { - border-left: none; - height: 40px; - position: relative; - - button { - font-weight: 500; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - } - } - } - - .more-modal__name { - font-size: 13.5px; - font-weight: normal; - } - - .more-modal__image { - margin: 0; - position: relative; - top: -1px; - } - - .more-modal__details { - line-height: 39px; - padding-left: 30px; - } - - .more-modal__actions { - @include opacity(0); - line-height: 42px; - margin: 0; - - .icon { - position: relative; - top: 2px; - } - } - } - - .popover-content { - max-height: 380px; - padding: 0; - position: relative; - width: 260px; - - .text-nowrap { - font-size: 13px; - line-height: 26px; - overflow: hidden; - padding: 6px 10px; - width: 100%; - } - - .more__name { - margin-left: 6px; - max-width: 140px; - overflow: hidden; - text-overflow: ellipsis; - } - } -} diff --git a/webapp/sass/components/_save-button.scss b/webapp/sass/components/_save-button.scss deleted file mode 100644 index dedef3255..000000000 --- a/webapp/sass/components/_save-button.scss +++ /dev/null @@ -1,7 +0,0 @@ -@charset 'UTF-8'; - -.save-button { - .icon { - margin-right: 10px; - } -} diff --git a/webapp/sass/components/_scrollbar.scss b/webapp/sass/components/_scrollbar.scss deleted file mode 100644 index 5c8f06a2d..000000000 --- a/webapp/sass/components/_scrollbar.scss +++ /dev/null @@ -1,78 +0,0 @@ -@charset 'UTF-8'; - -::-webkit-scrollbar { - height: 8px; // for horizontal scrollbars - width: 8px; // for vertical scrollbars -} - -::-webkit-scrollbar-track { - background: rgba(0, 0, 0, .1); -} - -::-webkit-scrollbar-thumb { - @include border-radius($border-rad * 2); - background: rgba(0, 0, 0, .2); -} - -body { - &.app__body { - scrollbar-3dlight-color: #7D7E94; - scrollbar-arrow-color: #C1C1D1; - scrollbar-darkshadow-color: #2D2C4D; - scrollbar-face-color: rgba(0, 0, 0, .1); - scrollbar-highlight-color: #7D7E94; - scrollbar-shadow-color: #2D2C4D; - scrollbar-track-color: rgba(0, 0, 0, .1); - } - - .ps { - > .ps__scrollbar-y-rail { - > .ps__scrollbar-y { - width: 6px !important; - } - } - - &:hover { - > .ps__scrollbar-y-rail { - &:hover { - background: transparent; - } - } - } - } -} - -.scrollbar--horizontal, -.scrollbar--vertical { - @include border-radius(2px); - @include alpha-property(background-color, $black, .5); -} - -.scrollbar--view { - -ms-overflow-style: none; - - .browser--ie & { - margin: 0 !important; - } -} - - -.ps-container { - &:hover { - .ps-scrollbar-x-rail, - .ps-scrollbar-y-rail { - @include opacity(.3); - } - } - - > .ps-scrollbar-y-rail { - width: 10px; - - &:hover { - .ps-scrollbar-y { - @include opacity(.6); - width: 6px; - } - } - } -} diff --git a/webapp/sass/components/_search.scss b/webapp/sass/components/_search.scss deleted file mode 100644 index 8d80d5d82..000000000 --- a/webapp/sass/components/_search.scss +++ /dev/null @@ -1,163 +0,0 @@ -@charset 'UTF-8'; - -.search-bar__container { - .channel-header__links { - .sidebar--right & { - line-height: 25px; - } - } -} - -.icon--rotate { - @include animation(spin .7s infinite linear); -} - -.search-item-snippet { - @include clearfix; - text-overflow: ellipsis; - - ul, - ol { - padding-left: 20px; - } -} - -.search__icon { - left: 10px; - position: absolute; - top: 8px; -} - -.sidebar__search-clear { - @include opacity(.5); - color: $dark-gray; - cursor: pointer; - margin-right: 20px; - position: absolute; - right: 0; - top: 12px; - visibility: hidden; - width: 40px; -} - -.search__form { - position: relative; - - .search-bar__container & { - @include border-radius(50px); - border: 1px solid $light-gray; - margin: 16px 10px 0 0; - width: 229px; - } - - .sidebar--right & { - width: 100%; - } - - .search-bar { - background: transparent; - border: none; - box-shadow: none; - font-size: 14px; - height: 35px; - outline: none; - padding: 0 30px 0 40px; - width: 100%; - } - - .fa-spin { - @include opacity(0.5); - font-size: 1.2em; - position: absolute; - right: 27px; - top: 27px; - - .search-bar__container & { - right: 12px; - top: 10px; - } - } -} - -.search-items-container { - @include flex(1 1 auto); - -webkit-overflow-scrolling: touch; - height: calc(100% - 56px); - overflow: auto; - padding-top: 10px; - position: relative; -} - -.search-items-container div.loading { - text-align: center; -} - -.search-items-container img { - display: inline-block; -} - -.search-results-header { - border-bottom: $border-gray; - color: #999999; - font-size: 1em; - font-weight: 400; - height: 44px; - line-height: 44px; - padding: 0 10px; - text-transform: uppercase; -} - -.search-item__container { - .post { - margin: 0; - padding: 0 1em 1em; - - &:first-child { - border: none; - } - - .post__header { - padding-right: 70px; - } - - .search-channel__name { - font-weight: 600; - margin: 0 0 10px; - } - } -} - -.col__controls { - font-size: 13px; - position: absolute; - right: 0; - top: 0; - - a { - vertical-align: top; - } - - - .search-item__jump { - font-size: 13px; - position: relative; - top: 1px; - } - - .search-item__comment { - margin-right: 5px; - } -} - -.search-item-time { - @include opacity(.7); - font-size: .9em; -} - -.search-results-none { - padding: 10px; -} - -.search-highlight { - background-color: $yellow; -} diff --git a/webapp/sass/components/_spinner-button.scss b/webapp/sass/components/_spinner-button.scss deleted file mode 100644 index e683ad4f4..000000000 --- a/webapp/sass/components/_spinner-button.scss +++ /dev/null @@ -1,8 +0,0 @@ -@charset 'UTF-8'; - -.spinner-button__gif { - height: 15px; - margin-top: 2px; - width: 15px; -} - diff --git a/webapp/sass/components/_status-dropdown.scss b/webapp/sass/components/_status-dropdown.scss deleted file mode 100644 index 3a6b89835..000000000 --- a/webapp/sass/components/_status-dropdown.scss +++ /dev/null @@ -1,5 +0,0 @@ -@charset 'UTF-8'; - -#status-dropdown { - cursor: pointer; -} diff --git a/webapp/sass/components/_status-icon.scss b/webapp/sass/components/_status-icon.scss deleted file mode 100644 index 022cffa69..000000000 --- a/webapp/sass/components/_status-icon.scss +++ /dev/null @@ -1,97 +0,0 @@ -@charset 'UTF-8'; - -.status-wrapper { - display: inline-block; - height: 32px; - position: relative; - - .status { - border-radius: 100px; - bottom: -4px; - height: 15px; - line-height: 0; - margin: 0; - position: absolute; - right: -3px; - top: auto; - width: 15px; - - .modal & { - bottom: -6px; - } - - &.status-edit { - text-align: center; - - i { - @include opacity(1); - font-size: 10px; - position: relative; - top: 4px; - } - } - - - svg { - max-height: 11px; - position: relative; - top: 2px; - } - } -} - -.status { - display: inline-block; - margin: 0 7px 0 1px; - position: relative; - top: 2px; - width: 15px; - - &.status--group { - border-radius: 2px; - font-size: 10px; - font-weight: 600; - height: 15px; - left: 1px; - line-height: 14px; - margin: 0 9px 0 -1px; - text-align: center; - top: -2px; - width: 15px; - - .mentions__name & { - height: 18px; - left: 0; - line-height: 18px; - margin-left: 0; - margin-right: 6px; - text-align: center; - width: 17px; - } - } - - svg { - max-height: 14px; - } - - i, - path, - ellipse { - @include opacity(.5); - - &.online--icon, - &.away--icon { - @include opacity(1); - } - } - - .fa-lock { - margin-left: 1px; - } - - .fa-globe { - position: relative; - top: -1px; - } -} - diff --git a/webapp/sass/components/_suggestion-list.scss b/webapp/sass/components/_suggestion-list.scss deleted file mode 100644 index 05a83c32d..000000000 --- a/webapp/sass/components/_suggestion-list.scss +++ /dev/null @@ -1,92 +0,0 @@ -@charset 'UTF-8'; - -.suggestion-list { - @extend %popover-box-shadow; - width: 100%; - z-index: 100; - - .suggestion-list__item { - &:hover { - background: alpha-color($black, .1); - } - } -} - -.suggestion-list--top { - bottom: 100%; - position: absolute; -} - -.suggestion-list--bottom { - height: 0; - position: relative; -} - -.suggestion-list__content { - -webkit-overflow-scrolling: touch; - background-color: $white; - border: $border-gray; - max-height: 292px; - overflow-x: hidden; - overflow-y: scroll; - padding-bottom: 5px; - width: 100%; - - .command { - border-bottom: 1px solid $light-gray; - font-size: .95em; - line-height: 24px; - padding: 5px 10px 8px; - position: relative; - width: 100%; - z-index: 101; - - .command__desc { - @include opacity(.5); - line-height: normal; - margin-left: 5px; - } - } -} - -.suggestion-list__content--top { - bottom: 0; - position: absolute; -} - -.suggestion-list--bottom { - position: relative; -} - -.suggestion-loader { - margin: 6px 11px; -} - -.suggestion-list__divider { - line-height: 21px; - margin: 5px 0 5px 5px; - position: relative; - - &:first-child { - margin-top: 5px; - } - - > span { - display: inline-block; - font-size: .9em; - padding: 0 10px 0 5px; - position: relative; - z-index: 5; - } - - &:before { - @include opacity(.2); - background: $dark-gray; - content: ''; - height: 1px; - left: 0; - position: absolute; - top: 11px; - width: 100%; - } -} diff --git a/webapp/sass/components/_tooltip.scss b/webapp/sass/components/_tooltip.scss deleted file mode 100644 index 6953dad58..000000000 --- a/webapp/sass/components/_tooltip.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset 'UTF-8'; - -.tooltip { - .tooltip-inner { - font-size: 13px; - font-weight: 500; - padding: 3px 10px 4px; - word-break: break-word; - } - - &.text-nowrap { - .tooltip-inner { - white-space: nowrap; - } - } -} - -#webrtcTooltip { - .tooltip-inner { - word-break: normal; - } -} diff --git a/webapp/sass/components/_tutorial.scss b/webapp/sass/components/_tutorial.scss deleted file mode 100644 index 0eae59629..000000000 --- a/webapp/sass/components/_tutorial.scss +++ /dev/null @@ -1,239 +0,0 @@ -@charset 'UTF-8'; - -.tip-backdrop { - background: alpha-color($black, .5); - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 999; -} - -.tip-overlay { - @include border-radius(3px); - background-color: $white; - max-width: 90%; - padding: 20px; - position: absolute; - width: 350px; - z-index: 1000; - - .arrow { - border-color: transparent; - border-style: solid; - border-width: 10px; - display: block; - height: 0; - position: absolute; - width: 0; - } - - &.tip-overlay--sidebar { - margin: 50px 0 0 10px; - max-width: 75%; - min-height: 330px; - - .tutorial__footer { - bottom: 20px; - left: 0; - padding: 0 20px; - position: absolute; - width: 100%; - } - - .arrow { - border-left-width: 0; - border-right-color: $white; - left: -10px; - margin-top: -10px; - top: 80px; - } - } - - &.tip-overlay--header--left { - margin: 10px 0 0 10px; - - .arrow { - border-left-width: 0; - border-right-color: $white; - left: -10px; - top: 15px; - } - } - - &.tip-overlay--header--bottom { - margin-top: -10px; - - .arrow { - border-bottom-color: $white; - border-top-width: 0; - left: 50%; - margin-left: -10px; - top: -10px; - } - } - - &.tip-overlay--chat { - margin-top: -10px; - - .arrow { - border-bottom-width: 0; - border-top-color: $white; - bottom: -10px; - left: 50%; - margin-left: -10px; - } - } - - h4 { - font-size: em(16px); - font-weight: 600; - margin: 5px 0 15px; - } - - p { - font-size: 13px; - line-height: 1.6; - - strong { - font-weight: 600; - } - } - - .btn { - @include border-radius(3px); - background: alpha-color($black, .3); - border: none; - color: $white; - margin: 10px 0; - - &:hover, - &:active, - &:focus { - background: alpha-color($black, .4); - border: none; - color: $white; - } - } - - .tip-opt { - font-size: 12px; - - span { - @include opacity(.9); - } - } - - .tutorial__circles { - margin: 1.5em 0 -1.7em -4px; - - .circle { - height: 7px; - margin: 0 4px; - width: 7px; - } - } -} - -.tip-button { - cursor: pointer; - position: relative; - right: -10px; - top: -10px; - z-index: 998; -} - -.tip-div { - position: absolute; - right: 0; - top: 0; - - &.tip-overlay--header { - right: 2px; - top: 21px; - - .tip-button { - @include opacity(.8); - } - } - - &.tip-overlay--sidebar { - @include opacity(.8); - left: 0; - top: -9px; - } -} - -.tutorial-steps__container { - display: table; - height: 100%; - left: 0; - position: absolute; - text-align: center; - top: 0; - width: 100%; - - .tutorial__content { - display: table-cell; - vertical-align: middle; - - .tutorial__steps { - display: inline-block; - margin-bottom: 50px; - max-width: 310px; - min-height: 480px; - position: relative; - text-align: left; - } - } - - .tutorial__footer { - bottom: 0; - position: absolute; - } - - h1 { - font-size: em(40px); - font-weight: 600; - margin: -20px 0 30px; - } - - h3 { - font-size: em(24px); - font-weight: 600; - margin-bottom: 30px; - } - - .tutorial__circles { - bottom: 25px; - position: absolute; - } - - .tutorial-skip { - margin-left: 13px; - } -} - -.tutorial__circles { - margin: 2em 0; - - .circle { - @include border-radius(9px); - @include opacity(.2); - background: $black; - display: inline-block; - height: 9px; - margin: 0 5px; - width: 9px; - - &.active { - @include opacity(1); - background: $primary-color; - } - } -} - -.tutorial__app-icons { - margin: 2em 0; -} \ No newline at end of file diff --git a/webapp/sass/components/_videos.scss b/webapp/sass/components/_videos.scss deleted file mode 100644 index 16e3468d1..000000000 --- a/webapp/sass/components/_videos.scss +++ /dev/null @@ -1,95 +0,0 @@ -@charset 'UTF-8'; - -.post { - .video-div { - margin-bottom: 8px; - max-width: 480px; - position: relative; - - .video-thumbnail { - height: auto; - max-width: 100%; - } - - .video-thumbnail__error { - height: 100%; - line-height: 2; - padding: 110px 0; - text-align: center; - width: 100%; - - .fa { - @include opacity(.5); - } - - div { - font-size: 1.2em; - } - } - - .block { - background-color: alpha-color($black, .5); - border-radius: 10px; - height: 150px; - left: 50%; - margin: -75px 0 0 -100px; - position: absolute; - top: 50%; - width: 200px; - } - } - - .video-type { - @include opacity(.8); - font-size: 15px; - margin: 0; - padding: 0; - } - - .video-title { - font-size: 15px; - margin-top: 3px; - } - - .play-button { - @include border-radius(14px); - border: 4px solid alpha-color($white, .4); - height: 100px; - position: absolute; - right: 51px; - top: 26px; - width: 100px; - - span { - border-bottom: 36px solid transparent; - border-left: 60px solid alpha-color($white, .4); - border-top: 36px solid transparent; - height: 0; - left: 20px; - position: absolute; - top: 10px; - width: 0; - } - } - - .img-div { - -moz-force-broken-image-icon: 1; - border-radius: 5px; - margin-bottom: 8px; - max-height: 500px; - max-width: 450px; - position: relative; - - &.placeholder { - height: 500px; - } - - .sidebar--right & { - max-width: 100%; - } - } - - .video-loading { - height: 360px; - } -} diff --git a/webapp/sass/components/_webrtc.scss b/webapp/sass/components/_webrtc.scss deleted file mode 100644 index 05ef408e2..000000000 --- a/webapp/sass/components/_webrtc.scss +++ /dev/null @@ -1,331 +0,0 @@ -@charset 'UTF-8'; - -.webrtc__header { - @include webrtc-button; - - svg { - position: relative; - } -} - -.webrtc__notification--rhs { - background: $button--ready; - border-radius: 3px 0 0 3px; - color: $white; - cursor: pointer; - left: 50%; - margin-left: -150px; - overflow: hidden; - padding: 10px 15px; - position: absolute; - text-align: center; - text-overflow: ellipsis; - top: 0; - white-space: nowrap; - width: 300px; - z-index: 9999; - - &:empty { - display: none; - } - - .fa { - margin-right: 6px; - } -} - -.webrtc__error { - padding: 0 20px; - text-align: center; - - .sidebar--right--expanded & { - bottom: 80px; - padding: 0 20px; - position: absolute; - text-align: center; - width: 100%; - } - - .form-group { - padding: 0 20px; - position: relative; - text-align: center; - z-index: 9999; - } - - .control-label { - @include border-radius(3px); - background: #f2f2f2; - color: alpha-color($black, .7); - font-size: 14px; - font-weight: normal; - margin: 1em 0 -1em; - padding: .7em 1em; - } - - .has-error { - .control-label { - color: #a94442; - font-size: .95em; - - &.warning { - color: #444; - - &:before { - display: none; - } - } - - &:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - color: #a94442; - content: '\F071'; - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - margin-right: 4px; - text-rendering: auto; - transform: translate(0, 0); - } - } - } -} - -#videos { - background: $black; - font-size: 0; - height: 300px; - left: 0; - pointer-events: none; - position: relative; - text-align: center; - width: 100%; - - #main-video video { - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - } - - #local-video { - border: 1px solid gray; - max-width: 30%; - opacity: 1; - position: absolute; - right: 10px; - top: 10px; - transition: opacity 1s; - z-index: 2; - - &.full { - background: $black; - border: none; - height: 100%; - max-width: 100% !important; - right: 0; - top: 0; - width: 100%; - } - - video { - -moz-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - -webkit-transform: scale(-1, 1); - height: 100%; - max-height: 100%; - max-width: 100%; - object-fit: cover; - transform: scale(-1, 1); - transition: opacity 1s; - width: 100%; - } - } - - .webrtc__local-image { - position: absolute; - right: 10px; - top: 10px; - z-index: 2; - - img { - border-radius: 50%; - height: 64px; - max-width: 100%; - width: 64px; - } - } - - .webrtc__remote-image { - background-color: $black; - border: 1px solid alpha-color($black, .2); - padding: 40px 0; - - img { - border-radius: 50%; - max-height: 128px; - max-width: 128px; - width: 100%; - } - } - - .webrtc__remote-mute { - bottom: 0; - position: absolute; - right: 10px; - z-index: 9999; - } -} - -.webrtc-buttons { - margin-top: 1.2em; - text-align: center; - - .webrtc-icons__call { - border-radius: 48px; - - circle { - fill: $button--ready; - } - - &:hover { - cursor: pointer; - - circle { - fill: darken($button--ready, 5%); - } - } - - &[disabled] { - circle { - fill: $video-circle-offline; - } - } - } - - .webrtc-icons__cancel { - border-radius: 48px; - - circle { - fill: $button--cancel; - } - - &:hover { - cursor: pointer; - - circle { - fill: darken($button--cancel, 5%); - } - } - } -} - -.webrtc-icons { - &.active { - svg { - transform: translateY(0); - } - } - - svg { - border-radius: 48px; - margin: 5px; - - path { - &.on { - display: block; - } - - &.off { - display: none; - } - } - } -} - -.connecting { - position: absolute; - top: 0; - width: 100%; - - .loading-screen { - background-color: rgba(0,0,0, .3); - color: $connecting; - margin-left: 5px; - padding: 20px; - position: relative; - top: 75px; - width: 97%; - - .loading__content { - .round { - background: $connecting !important; - } - } - } -} - -.webrtc-notification { - background-color: $webrtc-notification-bg; - color: $white; - left: calc(50% - 200px); - padding: 20px 30px 10px; - position: absolute; - text-align: center; - top: calc(50% - 115px); - width: 400px; - z-index: 99999; - - .webrtc-buttons { - margin-top: 1.2em; - text-align: center; - - .webrtc-icons__pickup { - circle { - fill: $button--pickup; - } - - &:hover { - cursor: pointer; - - circle { - fill: darken($button--pickup, 3%); - } - } - } - } -} - -.sidebar--right--expanded { - #videos { - height: calc(100% - 90px); - position: absolute; - - #main-video { - height: 100%; - - video { - height: 100%; - width: 100%; - } - } - } - - .webrtc-buttons { - bottom: 15px; - position: absolute; - width: 100%; - } - - #videos { - #local-video { - max-width: 200px; - } - } - - #videos.small { - position: relative; - } -} -- cgit v1.2.3-1-g7c22