border-radius: 4px 0 0 4px;
}
+// Generic setup. Has to come before .error, .warning, and .output
+div[class^='language-'] { @include cdSetup($color-source); }
+
+div.source { @include cdSetup($color-source); }
div.error { @include cdSetup($color-error); }
div.warning { @include cdSetup($color-warning); }
div.output { @include cdSetup($color-output); }
-div.source { @include cdSetup($color-source); }
-
-div.bash, div.language-bash { @include cdSetup($color-source); }
-div.c, div.language-c { @include cdSetup($color-source); }
-div.cmake, div.language-cmake { @include cdSetup($color-source); }
-div.cpp, div.language-cpp { @include cdSetup($color-source); }
-div.make, div.language-make { @include cdSetup($color-source); }
-div.matlab, div.language-matlab { @include cdSetup($color-source); }
-div.python, div.language-python { @include cdSetup($color-source); }
-div.r, div.language-r { @include cdSetup($color-source); }
-div.sql, div.language-sql { @include cdSetup($color-source); }
div.error::before,
div.warning:before,
div.output::before,
div.source::before,
-div.bash::before, div.language-bash::before,
-div.c::before, div.language-c::before,
-div.cmake::before, div.language-cmake::before,
-div.cpp::before, div.language-cpp::before,
-div.make::before, div.language-make::before,
-div.matlab::before, div.language-matlab::before,
-div.python::before, div.language-python::before,
-div.r::before, div.language-r::before,
-div.sql::before, div.language-sql::before {
+div[class^='language-']::before {
background-color: #f2eff6;
display: block;
font-weight: bold;
padding: 5px 10px;
}
+div[class^='language-']::before,
+div.source::before { content: "Code"; }
+
div.error::before { background-color: #ffebe6; content: "Error"; }
div.warning:before { background-color: #f8f4e8; content:" Warning"; }
div.output::before { background-color: #efefef; content: "Output"; }
-div.source::before { content: "Code"; }
-div.bash::before, div.language-bash::before { content: "Bash"; }
-div.c::before, div.language-c::before { content: "C"; }
-div.cmake::before, div.language-cmake::before { content: "CMake"; }
-div.cpp::before, div.language-cpp::before { content: "C++"; }
-div.make::before, div.language-make::before { content: "Make"; }
-div.matlab::before, div.language-matlab::before { content: "Matlab"; }
-div.python::before, div.language-python::before { content: "Python"; }
-div.r::before, div.language-r::before { content: "R"; }
-div.sql::before, div.language-sql::before { content: "SQL"; }
+
+div.language-bash::before { content: "Bash"; }
+div.language-c::before { content: "C"; }
+div.language-cmake::before { content: "CMake"; }
+div.language-cpp::before { content: "C++"; }
+div.language-make::before { content: "Make"; }
+div.language-matlab::before { content: "MATLAB"; }
+div.language-python::before { content: "Python"; }
+div.language-r::before { content: "R"; }
+div.language-sql::before { content: "SQL"; }
// Tab panels are used on Setup pages to show instructions for different Operating Systems
.tab-pane {
// 7.07 on E1E1E1: https://webaim.org/resources/contrastchecker/?fcolor=204A6F&bcolor=E1E1E1&api (tab panels)
a { color: #204A6F; }
+// .yt-wrapper2 can be used for limiting maximum width of YouTube iframes only
+.yt-wrapper2 { max-width: 100%; margin: 0 auto; }
+
+// Use full width on small displays
+@media only screen and (max-width: 600px) { .yt-wrapper2 { max-width: 100%; } }
+
+.yt-wrapper {
+ height: 0;
+ margin-top: 10px;
+ padding-bottom: 56.25%;
+ position: relative;
+ width: 100%;
+}
+
+.yt-frame {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
//----------------------------------------
// Specialized blockquote environments for learning objectives, callouts, etc.
//----------------------------------------
max-width: 100%;
}
+li img {
+ display: inline;
+ margin: 3px auto;
+ max-width: 100%;
+}
+
article h2 {
margin: 48px 0 16px;
border-bottom: solid 1px #eaecef;
background: #d9edf7;
}
+// Remove border around spans of text within code blocks
+// that the highlighter (rouge) failed to recognize.
+pre.highlight span.err {
+ border: none;
+}
+
//----------------------------------------
// keyboard key style, from StackExchange.