"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "css/theme/template/theme.scss" between
reveal.js-4.1.1.tar.gz and reveal.js-4.1.2.tar.gz

About: reveal.js is a HTML presentation framework including nested slides, Markdown contents, PDF export, speaker notes and a JavaScript API.

theme.scss  (reveal.js-4.1.1):theme.scss  (reveal.js-4.1.2)
// Base theme template for reveal.js // Base theme template for reveal.js
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
@import "./exposer"; @import "./exposer";
.reveal-viewport { .reveal-viewport {
@include bodyBackground(); @include bodyBackground();
background-color: $backgroundColor; background-color: var(--r-background-color);
} }
.reveal { .reveal {
font-family: $mainFont; font-family: var(--r-main-font);
font-size: $mainFontSize; font-size: var(--r-main-font-size);
font-weight: normal; font-weight: normal;
color: $mainColor; color: var(--r-main-color);
} }
.reveal ::selection { .reveal ::selection {
color: $selectionColor; color: var(--r-selection-color);
background: $selectionBackgroundColor; background: var(--r-selection-background-color);
text-shadow: none; text-shadow: none;
} }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: $selectionColor; color: var(--r-selection-color);
background: $selectionBackgroundColor; background: var(--r-selection-background-color);
text-shadow: none; text-shadow: none;
} }
.reveal .slides section, .reveal .slides section,
.reveal .slides section>section { .reveal .slides section>section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; font-weight: inherit;
} }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h1,
.reveal h2, .reveal h2,
.reveal h3, .reveal h3,
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: $headingMargin; margin: var(--r-heading-margin);
color: $headingColor; color: var(--r-heading-color);
font-family: $headingFont; font-family: var(--r-heading-font);
font-weight: $headingFontWeight; font-weight: var(--r-heading-font-weight);
line-height: $headingLineHeight; line-height: var(--r-heading-line-height);
letter-spacing: $headingLetterSpacing; letter-spacing: var(--r-heading-letter-spacing);
text-transform: $headingTextTransform; text-transform: var(--r-heading-text-transform);
text-shadow: $headingTextShadow; text-shadow: var(--r-heading-text-shadow);
word-wrap: break-word; word-wrap: break-word;
} }
.reveal h1 {font-size: $heading1Size; } .reveal h1 {font-size: var(--r-heading1-size); }
.reveal h2 {font-size: $heading2Size; } .reveal h2 {font-size: var(--r-heading2-size); }
.reveal h3 {font-size: $heading3Size; } .reveal h3 {font-size: var(--r-heading3-size); }
.reveal h4 {font-size: $heading4Size; } .reveal h4 {font-size: var(--r-heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: $heading1TextShadow; text-shadow: var(--r-heading1-text-shadow);
} }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: $blockMargin 0; margin: var(--r-block-margin) 0;
line-height: 1.3; line-height: 1.3;
} }
/* Remove trailing margins after titles */ /* Remove trailing margins after titles */
.reveal h1:last-child, .reveal h1:last-child,
.reveal h2:last-child, .reveal h2:last-child,
.reveal h3:last-child, .reveal h3:last-child,
.reveal h4:last-child, .reveal h4:last-child,
.reveal h5:last-child, .reveal h5:last-child,
.reveal h6:last-child { .reveal h6:last-child {
skipping to change at line 152 skipping to change at line 152
} }
.reveal dd { .reveal dd {
margin-left: 40px; margin-left: 40px;
} }
.reveal blockquote { .reveal blockquote {
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: $blockMargin auto; margin: var(--r-block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
} }
.reveal blockquote p:first-child, .reveal blockquote p:first-child,
.reveal blockquote p:last-child { .reveal blockquote p:last-child {
display: inline-block; display: inline-block;
} }
.reveal q { .reveal q {
font-style: italic; font-style: italic;
} }
.reveal pre { .reveal pre {
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: $blockMargin auto; margin: var(--r-block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: $codeFont; font-family: var(--r-code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
} }
.reveal code { .reveal code {
font-family: $codeFont; font-family: var(--r-code-font);
text-transform: none; text-transform: none;
tab-size: 2; tab-size: 2;
} }
.reveal pre code { .reveal pre code {
display: block; display: block;
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal;
} }
.reveal .code-wrapper {
white-space: normal;
}
.reveal .code-wrapper code {
white-space: pre;
}
.reveal table { .reveal table {
margin: auto; margin: auto;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
.reveal table th { .reveal table th {
font-weight: bold; font-weight: bold;
} }
skipping to change at line 251 skipping to change at line 259
font-size: 0.6em; font-size: 0.6em;
line-height: 1.2em; line-height: 1.2em;
vertical-align: top; vertical-align: top;
} }
.reveal small * { .reveal small * {
vertical-align: top; vertical-align: top;
} }
.reveal img { .reveal img {
margin: $blockMargin 0; margin: var(--r-block-margin) 0;
} }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: $linkColor; color: var(--r-link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; transition: color .15s ease;
} }
.reveal a:hover { .reveal a:hover {
color: $linkColorHover; color: var(--r-link-color-hover);
text-shadow: none; text-shadow: none;
border: none; border: none;
} }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: darken( $linkColor, 15% ); // background: darken( var(--r-link-color), 15% );
background: var(--r-link-color-dark);
} }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid $mainColor; border: 4px solid var(--r-main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
} }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; transition: all .15s linear;
} }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: $linkColor; border-color: var(--r-link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
} }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: $linkColor; color: var(--r-link-color);
} }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
color: $linkColor; color: var(--r-link-color);
} }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: $backgroundColor; background-color: var(--r-background-color);
} }
} }
 End of changes. 25 change blocks. 
35 lines changed or deleted 45 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)