diff --git a/xmodule/assets/HtmlBlockDisplay.scss b/xmodule/assets/HtmlBlockDisplay.scss
deleted file mode 100644
index 0bc49706cfff..000000000000
--- a/xmodule/assets/HtmlBlockDisplay.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.xmodule_display.xmodule_AboutBlock,
-.xmodule_display.xmodule_CourseInfoBlock,
-.xmodule_display.xmodule_HtmlBlock,
-.xmodule_display.xmodule_StaticTabBlock {
- @import "html/display.scss";
-}
diff --git a/xmodule/assets/HtmlBlockEditor.scss b/xmodule/assets/HtmlBlockEditor.scss
deleted file mode 100644
index 15d60863e28e..000000000000
--- a/xmodule/assets/HtmlBlockEditor.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.xmodule_edit.xmodule_AboutBlock,
-.xmodule_edit.xmodule_CourseInfoBlock,
-.xmodule_edit.xmodule_HtmlBlock,
-.xmodule_edit.xmodule_StaticTabBlock {
- @import "editor/edit.scss";
- @import "html/edit.scss";
-}
diff --git a/xmodule/assets/html/_display.scss b/xmodule/assets/html/_display.scss
deleted file mode 100644
index beceaa1d0119..000000000000
--- a/xmodule/assets/html/_display.scss
+++ /dev/null
@@ -1,318 +0,0 @@
-@import 'vendor/bi-app/bi-app-ltr';
-@import 'bourbon/bourbon';
-@import 'lms/theme/variables';
-@import 'bootstrap/scss/variables';
-@import 'lms/theme/variables-v1';
-
-// HTML component display:
-* {
- line-height: 1.4em;
-}
-
-h1 {
- color: var(--body-color);
- font: normal 2em/1.4em var(--font-family-sans-serif);
- letter-spacing: 1px;
-
- @include margin(0, 0, 1.416em, 0);
-}
-
-h2 {
- color: #646464;
- font: normal 1.2em/1.2em var(--font-family-sans-serif);
- letter-spacing: 1px;
- margin-bottom: calc((var(--baseline)*0.75));
- -webkit-font-smoothing: antialiased;
-}
-
-h3,
-h4,
-h5,
-h6 {
- @include margin(0, 0, calc((var(--baseline)/2)), 0);
-
- font-weight: 600;
-}
-
-h3 {
- font-size: 1.2em;
-}
-
-h4 {
- font-size: 1em;
-}
-
-h5 {
- font-size: 0.83em;
-}
-
-h6 {
- font-size: 0.75em;
-}
-
-p {
- margin-bottom: 1.416em;
- font-size: 1em;
- line-height: 1.6em !important;
- color: var(--body-color);
-}
-
-em,
-i {
- font-style: italic;
-
- span {
- font-style: italic;
- }
-}
-
-strong,
-b {
- font-weight: bold;
-
- span {
- font-weight: bold;
- }
-}
-
-p + p,
-ul + p,
-ol + p {
- margin-top: var(--baseline);
-}
-
-blockquote {
- margin: 1em calc((var(--baseline)*2));
-}
-
-ol,
-ul {
- // Using the lower level Bi App Sass mixin to avoid @padding conflicts with bourbon.
- @include bi-app-compact(padding, 0, 0, 0, 1em);
-
- margin: 1em 0;
- color: var(--body-color);
-
- li {
- margin-bottom: 0.708em;
- }
-}
-
-ol {
- list-style: decimal outside none;
-}
-
-ul {
- list-style: disc outside none;
-}
-
-a {
- &:link,
- &:visited,
- &:hover,
- &:active,
- &:focus {
- color: var(--blue);
- }
-}
-
-img {
- max-width: 100%;
-}
-
-pre {
- margin: 1em 0;
- color: var(--body-color);
- font-family: monospace, serif;
- font-size: 1em;
- white-space: pre-wrap;
- word-wrap: break-word;
-}
-
-code {
- color: var(--body-color);
- font-family: monospace, serif;
- background: none;
- padding: 0;
-}
-
-table {
- width: 100%;
- margin: var(--baseline) 0;
- border-collapse: collapse;
- font-size: 16px;
-
- td,
- th {
- margin: var(--baseline) 0;
- padding: calc((var(--baseline)/2));
- border: 1px solid var(--gray-l3);
- font-size: 14px;
-
- &.cont-justified-left {
- text-align: left !important; // nasty, but needed to override the bad specificity of the xmodule css selectors
- }
-
- &.cont-justified-right {
- text-align: right !important; // nasty, but needed to override the bad specificity of the xmodule css selectors
- }
-
- &.cont-justified-center {
- text-align: center !important; // nasty, but needed to override the bad specificity of the xmodule css selectorsstyles
- }
- }
-}
-
-th {
- background: #eee;
- font-weight: bold;
-}
-
-
-// image modal
-// --------------------
-
-// modal - image zoom, fill window
-.wrapper-modal-image {
- .modal-ui-icon {
- @extend %ui-fake-link;
-
- position: absolute;
- display: block;
- padding: calc((var(--baseline)/4)) 7px;
- border-radius: 5px;
- opacity: 0.9;
- background: var(--white);
- color: var(--black);
- border: 2px solid var(--black);
-
- .label {
- font-weight: bold;
- }
-
- i {
- font-style: normal;
- }
- }
-
- .image-link {
- @extend %ui-fake-link;
-
- position: relative;
- display: block;
-
- .action-fullscreen {
- display: none;
- top: 10px;
- left: 10px;
- }
-
- &:hover .action-fullscreen {
- display: block;
- }
- }
-
- .image-modal {
- @extend %ui-fake-link;
- @extend %ui-depth5;
-
- position: fixed;
- top: 0;
- left: 0;
- display: none;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.7);
-
- .image-content {
- position: relative;
- top: 2.5%;
- display: block;
- height: 95%;
- width: 95%;
- margin: auto;
- overflow: hidden;
-
- .image-wrapper {
- position: relative;
-
- img {
- position: relative;
- display: block;
- max-width: 100%;
- max-height: 100%;
- margin: auto;
- cursor: default;
- }
- }
-
- .action-close {
- top: 10px;
- right: 10px;
- }
-
- .image-controls {
- position: absolute;
- right: 10px;
- bottom: 10px;
- margin: 0;
- padding: 0;
- list-style: none;
-
- .image-control {
- position: relative;
- display: inline-block;
- margin: 0;
- padding: 0;
-
- .modal-ui-icon {
- position: relative;
-
- &.action-zoom-in {
- margin-right: calc((var(--baseline)/4));
- }
-
- &.action-zoom-out {
- margin-left: calc((var(--baseline)/4));
- }
-
- &.is-disabled {
- opacity: 0.5;
- cursor: default;
- }
- }
- }
- }
- }
-
- &.image-is-fit-to-screen {
- display: block;
-
- // !important used here to override jQuery.
- .image-content .image-wrapper {
- top: 0 !important;
- left: 0 !important;
- width: 100% !important;
- height: 100% !important;
-
- img {
- top: 0 !important;
- left: 0 !important;
- }
- }
- }
-
- &.image-is-zoomed {
- display: block;
-
- .image-content .image-wrapper {
- img {
- max-width: none;
- max-height: none;
- margin: 0;
- cursor: move;
- }
- }
- }
- }
-}
diff --git a/xmodule/assets/html/_edit.scss b/xmodule/assets/html/_edit.scss
deleted file mode 100644
index bf47a0f5d372..000000000000
--- a/xmodule/assets/html/_edit.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// HTML component editor:
-.html-editor {
- @include clearfix();
-
- .CodeMirror {
- box-sizing: border-box;
-
- height: 435px;
- }
-
- .is-inactive {
- display: none;
- }
-}