diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/icons.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/icons.scss deleted file mode 100644 index 913b6b846..000000000 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/icons.scss +++ /dev/null @@ -1,117 +0,0 @@ -.icon.plus { - background-image: url(#{$blocks-editor-icons-path}/plus.svg); -} - -/** -.icon.dropdown-more { -background-image: url(#{$blocks-editor-icons-path}/dropdown-more.svg); -} - -.icon.font-color { - background-image: url(#{$blocks-editor-icons-path}/font-color.svg); -} - -.icon.font-family { - background-image: url(#{$blocks-editor-icons-path}/font-family.svg); -} - -.icon.bg-color { - background-image: url(#{$blocks-editor-icons-path}/bg-color.svg); -} - -i.palette { - background-image: url(#{$blocks-editor-icons-path}/palette.svg); -} - -i.bucket { - background-image: url(#{$blocks-editor-icons-path}/paint-bucket.svg); -} - -i.clear { - background-image: url(#{$blocks-editor-icons-path}/trash.svg); -} - -i.image { - background-image: url(#{$blocks-editor-icons-path}/file-image.svg); -} - -i.close { - background-image: url(#{$blocks-editor-icons-path}/close.svg); -} - -i.figma { - background-image: url(#{$blocks-editor-icons-path}/figma.svg); -} - -i.poll { - background-image: url(#{$blocks-editor-icons-path}/card-checklist.svg); -} - -i.indent { - background-image: url(#{$blocks-editor-icons-path}/indent.svg); -} - -i.markdown { - background-image: url(#{$blocks-editor-icons-path}/markdown.svg); -} - -i.outdent { - background-image: url(#{$blocks-editor-icons-path}/outdent.svg); -} - -i.undo { - background-image: url(#{$blocks-editor-icons-path}/arrow-counterclockwise.svg); -} - -i.redo { - background-image: url(#{$blocks-editor-icons-path}/arrow-clockwise.svg); -} - -i.sticky { - background-image: url(#{$blocks-editor-icons-path}/sticky.svg); -} - -i.mic { - background-image: url(#{$blocks-editor-icons-path}/mic.svg); -} - -i.import { - background-image: url(#{$blocks-editor-icons-path}/upload.svg); -} - -i.export { - background-image: url(#{$blocks-editor-icons-path}/download.svg); -} - -i.diagram-2 { - background-image: url(#{$blocks-editor-icons-path}/diagram-2.svg); -} - -i.user { - background-image: url(#{$blocks-editor-icons-path}/user.svg); -} - -i.equation { - background-image: url(#{$blocks-editor-icons-path}/plus-slash-minus.svg); -} - -i.gif { - background-image: url(#{$blocks-editor-icons-path}/filetype-gif.svg); -} - -i.copy { - background-image: url(#{$blocks-editor-icons-path}/copy.svg); -} - -i.success { - background-image: url(#{$blocks-editor-icons-path}/success.svg); -} - -i.prettier { - background-image: url(#{$blocks-editor-icons-path}/prettier.svg); -} - -i.prettier-error { - background-image: url(#{$blocks-editor-icons-path}/prettier-error.svg); -} -*/ diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/lexical.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/lexical.scss index 778d1270d..f0206c8a9 100644 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/lexical.scss +++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/lexical.scss @@ -1,5 +1,3 @@ @import 'base'; @import 'custom'; @import 'editor'; -@import 'icons'; -@import 'links'; diff --git a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/links.scss b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/links.scss deleted file mode 100644 index 2f5c83717..000000000 --- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/links.scss +++ /dev/null @@ -1,110 +0,0 @@ -.button.active, -.toolbar .button.active { - background-color: var(--sn-stylekit-contrast-background-color); -} - -.link-editor { - background-color: var(--sn-stylekit-secondary-background-color); - border-radius: 8px; - border: 0; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); - box-sizing: border-box; - display: absolute; - font-family: inherit; - font-size: 15px; - left: 0; - margin: 8px 12px; - max-width: 400px; - opacity: 0; - outline: 0; - padding: 8px 12px; - position: absolute; - top: 0; - transition: opacity 0.5s; - width: 100%; - will-change: transform; - z-index: 10; -} - -.link-input { - background-color: var(--sn-stylekit-background-color); - border-radius: 15px; - border: 0; - box-sizing: border-box; - color: var(--sn-stylekit-contrast-color); - display: absolute; - font-family: inherit; - font-size: 15px; - margin: 8px 12px; - outline: 0; - padding: 8px 12px; - position: relative; - width: calc(100% - 24px); -} - -.link-editor div.link-edit { - display: flex; - align-items: center; - background-size: 16px; - background-position: center; - background-repeat: no-repeat; - vertical-align: -0.25em; - position: absolute; - right: 12px; - top: 0; - bottom: 0; - cursor: pointer; -} - -.link-editor .link-input a { - color: rgb(33, 111, 219); - text-decoration: none; - display: block; - white-space: nowrap; - overflow: hidden; - margin-right: 30px; - text-overflow: ellipsis; -} - -.link-editor .link-input a:hover { - text-decoration: underline; -} - -.link-editor .font-size-wrapper, -.link-editor .font-family-wrapper { - display: flex; - margin: 0 4px; -} - -.link-editor select { - padding: 6px; - border: none; - background-color: rgba(0, 0, 0, 0.075); - border-radius: 4px; -} - -.link-editor .button { - width: 20px; - height: 20px; - display: inline-block; - padding: 6px; - border-radius: 8px; - cursor: pointer; - margin: 0 2px; -} - -.link-editor .button.hovered { - width: 20px; - height: 20px; - display: inline-block; - background-color: #eee; -} - -.link-editor .button i, -.actions i { - background-size: contain; - display: inline-block; - height: 20px; - width: 20px; - vertical-align: -0.25em; -}