jodit-pro/es2021.en/plugins/emoji/emoji.css

PRO Version of Jodit Editor

/*!
 * jodit-pro - PRO Version of Jodit Editor
 * Author: Chupurnov Valerii <chupurnov@gmail.com>
 * Version: v4.9.27
 * Url: https://xdsoft.net/jodit/pro/
 * License(s): SEE LICENSE IN LICENSE.md
 */
	
:root {
  --jd-jodit-emoji-width: 308px;
  --jd-jodit-emoji-height: 284px;
  --jd-jodit-emoji-item-size: 28px;
}
.jodit-emoji {
  display: flex;
  width: var(--jd-jodit-emoji-width);
  height: var(--jd-jodit-emoji-height);
  flex-direction: column;
}
.jodit-emoji__navigate {
  height: 87px;
  padding: var(--jd-padding-default) 0;
  border-bottom: 1px solid var(--jd-color-border);
  background-color: var(--jd-color-white);
}
.jodit-emoji__categories {
  display: flex;
  justify-content: space-between;
}
.jodit-emoji__category {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  opacity: 0.8;
}
.jodit-emoji__category_active_true {
  border-color: var(--jd-color-border-selected);
  opacity: 1;
}
.jodit-emoji__category::before {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(data:image/png;base64,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) no-repeat;
  background-position: 0 0;
  content: '';
}
.jodit-emoji__category[title='People & Body']::before {
  background-position: -21px 0;
}
.jodit-emoji__category[title='Animals & Nature']::before {
  background-position: -42px 0;
}
.jodit-emoji__category[title='Food & Drink']::before {
  background-position: -63px 0;
}
.jodit-emoji__category[title='Activities']::before {
  background-position: -84px 0;
}
.jodit-emoji__category[title='Travel & Places']::before {
  background-position: -42px -21px;
}
.jodit-emoji__category[title='Objects']::before {
  background-position: -21px -21px;
}
.jodit-emoji__category[title='Symbols']::before {
  background-position: -42px -21px;
}
.jodit-emoji__category[title='Flags']::before {
  background-position: -63px -21px;
}
.jodit-emoji__input {
  margin-top: var(--jd-padding-default);
  margin-bottom: 0;
}
.jodit-emoji__emojis {
  display: flex;
  overflow: auto;
  height: calc(100% - 87px);
  flex: 1;
  flex-wrap: wrap;
  padding: var(--jd-padding-default) 0;
}
.jodit-emoji__emojis:empty::before {
  content: 'No result';
}
.jodit-emoji__emoji {
  width: var(--jd-jodit-emoji-item-size);
  height: var(--jd-jodit-emoji-item-size);
  margin-bottom: calc(var(--jd-jodit-emoji-item-size, 25px) / 7);
  cursor: pointer;
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', serif;
  font-size: var(--jd-jodit-emoji-item-size);
  line-height: var(--jd-jodit-emoji-item-size);
  text-align: center;
  vertical-align: middle;
}
.jodit-emoji__category-title {
  height: var(--jd-jodit-emoji-item-size, 25px);
  flex: 100%;
  color: var(--jd-color-label);
  font-weight: 300;
}