diff --git a/community/public/css/community.bundle.less b/community/public/css/community.bundle.less index 66652c93..84e96562 100644 --- a/community/public/css/community.bundle.less +++ b/community/public/css/community.bundle.less @@ -1,4 +1,3 @@ @import "./style.css"; @import "./vars.css"; -@import "./style.less"; diff --git a/community/public/css/style.less b/community/public/css/style.less deleted file mode 100644 index 329f14f3..00000000 --- a/community/public/css/style.less +++ /dev/null @@ -1,307 +0,0 @@ -h2 { - margin: 20px 0px; - color: black; -} - -.teaser { - background: white; - border-radius: 9px; - border: 1px solid #C4C4C4; - - .teaser-body { - padding: 20px; - box-shadow: 0px 5px 10px rgb(0 0 0 / 10%) - } - .teaser-footer { - padding: 20px; - } -} - -.sketch-teaser { - .teaser(); - width: 220px; - margin-bottom: 30px; - margin-top: 30px; - - svg { - width: 200px; - height: 200px; - } - .sketch-image { - padding: 10px; - } - .sketch-footer { - border-top: 1px solid#C4C4C4; - padding: 10px; - background: #F6F6F6; - border-radius: 0px 0px 10px 10px; - } -} - -.course-teaser { - .teaser(); - color: #444; - margin-bottom: 20px; - margin-top: 20px; - - h3, h4 { - color: black; - font-weight: bold; - } - - .course-body, .course-footer { - padding: 20px; - } - - .course-body { - min-height: 8em; - } - - .course-footer { - border-top: 1px solid #ddd; - } - - a, a:hover { - color: inherit; - text-decoration: none; - } -} - - -.anchor_style { - color: inherit; -} - -.anchor_style:hover { - text-decoration: none -} - -section { - padding: 60px 0px; -} - -section h2 { - margin-bottom: 40px; - font-size: 48px; - line-height: 58px; - font-weight: bold; -} - -section.lightgray { - background: #F6F6F6; -} - -#hero .jumbotron { - background: inherit; -} - -.chapter-teaser { - .teaser(); - color: #444; - margin: 20px 0px; - - h3, h4 { - color: black; - font-weight: bold; - } -} - -.field-width { - width: 40%; - display: inline-block; -} - -.footer-grouped-links { - display: none; -} - -.footer-info { - border-top: 0px; - margin-top: 0px; - - .footer-col-right { - padding-top: 1.8rem; - } -} - -.web-footer { - border-top: 1px solid #E2E6E9; - padding: 0px; - padding: 2rem 0px; - margin-top: 2rem; -} - -.course-type { - text-transform: uppercase; - font-size: 1.0em; - font-weight: bold; - color: var(--tag-color); -} - -.instructor-title { - color: black; -} - -.instructor-subtitle { - font-size: 0.8em; - color: var(--text-color); -} - -// .mentors-wrapper { -// .gray-section(); -// } - - -.chapter-number { - background: var(--text-color); - color: white; - height: 24px; - min-width: 24px; - margin-right: 5px; -} - -.sidebar { - background: var(--sidebar-bg); - border: 1px solid var(--sidebar-border); - margin: 20px 0px; - border-radius: 10px; - padding: 1px 20px 20px 20px; -} - -.sidebar h3 { - margin-top: 20px; - color: black; -} - -.sidebar-batch { - background: var(--sidebar-bg); - color: var(--text-color); - position: fixed; - left: 0; - height: 100%; -} - -.sidebar-batch a { - padding: 16px 8px 8px 16px; - display: block; -} - - -.sidebar .notice { - margin-top: 10px; - padding: 10px; - border-radius: 10px; - border: 1px dashed var(--text-color); -} - -.sidebar .notice a { - color: inherit; - text-decoration: underline; -} - -// LiveCode editor - -.livecode-editor { - - .CodeMirror { - border: 1px solid #ddd; - background: #ffe; - height: auto; - } - .CodeMirror-scroll { - max-height: 310px; - min-height: 310px; - } - .controls { - padding: 10px 0px; - } - canvas { - border: 5px solid #ddd; - position: relative; - z-index: 0; - } - - .output { - position: absolute; - z-index: 1; - width: 300px; - left: 0px; - top: 0px; - background-color: rgba(255, 255, 255, 0); - max-height: 300px; - white-space: pre-wrap; - word-wrap: break-word; - margin: 0px; - margin-left: 20px; - padding: 4px; - color: #888; - } - - @media (max-width: 768px) { - .canvas-wrapper { - padding-top: 10px; - } - .code-wrapper { - min-height: 50px; - } - .CodeMirror { - min-height: 50px; - } - } -} - -.sketch-header { - input#sketch-title { - font-weight: bold; - } -} - -.lesson-teaser { - line-height: 40px; -} - -#hero h1 { - color: black !important; -} - -.lesson-page { - margin: 20px 0px; -} - -.exercise-image svg { - width: 200px; - height: 200px; - border: 1px solid #ddd; - margin-bottom: 20px; -} - -.svg-200 svg { - width: 200px; - height: 200px; -} - -.livecode-editor-small .livecode-editor { - .CodeMirror-scroll { - max-height: 160px; - min-height: 160px; - } - - canvas { - width: 150px; - height: 150px; - } -} - -.mentor-dashboard { - margin-top: 20px; - - .submission { - margin: 40px 0px 0px 20px; - } -} - -.no-preview-message { - width: fit-content; - margin: 50px 0px 50px; - color: black; -}