158 lines
3.3 KiB
SCSS
158 lines
3.3 KiB
SCSS
/**
|
|
* League theme for reveal.js.
|
|
*
|
|
* This was the default theme pre-3.0.0.
|
|
*
|
|
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
|
*/
|
|
|
|
// Default mixins and settings -----------------
|
|
@import "../template/mixins";
|
|
@import "../template/settings";
|
|
// ---------------------------------------------
|
|
|
|
// Include theme-specific fonts
|
|
@import url(./fonts/league-gothic/league-gothic.css);
|
|
|
|
// Override theme settings (see ../template/settings.scss)
|
|
$headingTextShadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
|
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 20px 20px rgba(0, 0, 0, .15);
|
|
$mainFont: 'Cabin', sans-serif;
|
|
$headingFont: 'Montserrat', Impact, sans-serif;
|
|
$listColor: #7bf;
|
|
|
|
// Background generator
|
|
@mixin bodyBackground() {
|
|
@include radial-gradient(rgba(28, 30, 32, 1), rgba(65, 70, 75, 1));
|
|
}
|
|
|
|
// Change text colors against light slide backgrounds
|
|
@include light-bg-text-color(#222);
|
|
|
|
|
|
// Theme template ------------------------------
|
|
@import "../template/theme";
|
|
// ---------------------------------------------
|
|
|
|
div.sourceCode {
|
|
border-radius: 0.2em;
|
|
border-bottom: rgba(0, 0, 0, 0.6) 9px solid;
|
|
padding-top: 0.1em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
|
|
pre.sourceCode, code.sourceCode {
|
|
font-family: "JetBrains Mono", monospace;
|
|
box-shadow: none;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
:not(pre) > code {
|
|
font-size: 0.9em;
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-radius: 0.2em;
|
|
padding: 0.1em 0.5em;
|
|
border-bottom: rgba(0, 0, 0, 0.6) 3px solid;
|
|
}
|
|
|
|
pre code {
|
|
max-height: 800px !important;
|
|
}
|
|
|
|
pre.numberSource {
|
|
// *** REMOVED: ***
|
|
// margin-left: 3em;
|
|
// border-left: 1px solid red;
|
|
// [... more SCSS, omitted ...]
|
|
}
|
|
|
|
// *** ADDED: *** Needed to preserve Line Numbers background-color
|
|
pre.numberSource {
|
|
margin-left: 4em; // Space for Line Numbers with 4 digits maximum!
|
|
padding-left: 4px; // Add some space to distance from line numbers
|
|
counter-reset: linecount;
|
|
}
|
|
|
|
// *** LINE-NUMS BORDER: *** The border separating linenums from code
|
|
pre.numberSource a::before {
|
|
color: rgba(255, 255, 255, 0.25) !important;
|
|
text-decoration: none !important;
|
|
border-right: 1px solid #fff;
|
|
counter-increment: linecount;
|
|
content: counter(linecount) !important;
|
|
}
|
|
|
|
body:after {
|
|
content: url(./image/python.png);
|
|
position: fixed;
|
|
top: 1em;
|
|
right: 1em;
|
|
transform: scale(0.5);
|
|
}
|
|
|
|
div.progress {
|
|
height: 6px !important;
|
|
}
|
|
|
|
ul, ol {
|
|
min-width: 66% !important;
|
|
}
|
|
|
|
.reveal ol {
|
|
counter-reset: item;
|
|
|
|
li {
|
|
display: block;
|
|
}
|
|
|
|
li:before {
|
|
opacity: 0.6;
|
|
content: counter(item) "⋅ ";
|
|
counter-increment: item;
|
|
font-family: "JetBrains Mono", monospace;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
figcaption {
|
|
font-size: 0.8em;
|
|
font-weight: 400;
|
|
opacity: 0.6;
|
|
font-style: italic;
|
|
}
|
|
|
|
figure > img {
|
|
border-radius: 0.2em;
|
|
max-height: 75vh !important;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
|
|
thead {
|
|
th {
|
|
border-bottom: 0.25em solid #000 !important;
|
|
padding-bottom: 0.3em !important;
|
|
}
|
|
}
|
|
|
|
tbody {
|
|
tr:nth-of-type(2n) td {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
td {
|
|
border-bottom: transparent !important;
|
|
padding-bottom: 0.3em !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.naming {
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
color: #FC1;
|
|
}
|