mirror of
https://gitlab.vegova.si/rkv/spletisce.git
synced 2025-08-15 09:37:42 +00:00
Add formatting script with prettier
Formatted project
This commit is contained in:
Jakob Kordež
@ -1 +1,3 @@
|
||||
public/prosojnice/*.md
|
||||
public/prosojnice/*.md
|
||||
.next/*
|
||||
node_modules/*
|
||||
16
README.md
16
README.md
@ -14,4 +14,20 @@ yarn dev
|
||||
|
||||
## Contributing
|
||||
|
||||
### Formatting
|
||||
|
||||
Please use Prettier to format your code before submitting a pull request.
|
||||
|
||||
To format all files:
|
||||
|
||||
```bash
|
||||
yarn format
|
||||
```
|
||||
|
||||
### Linting
|
||||
|
||||
Run ESLint to check for errors and warnings:
|
||||
|
||||
```bash
|
||||
yarn lint
|
||||
```
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
const path = require('path')
|
||||
const path = require("path");
|
||||
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
reactStrictMode: true,
|
||||
sassOptions: {
|
||||
includePaths: [path.join(__dirname, 'styles')],
|
||||
includePaths: [path.join(__dirname, "styles")],
|
||||
},
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = nextConfig
|
||||
module.exports = nextConfig;
|
||||
|
||||
@ -6,7 +6,8 @@
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "next lint"
|
||||
"lint": "next lint",
|
||||
"format": "prettier --write ."
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "^6.2.1",
|
||||
@ -30,6 +31,7 @@
|
||||
"zustand": "^4.3.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react-katex": "^3.0.0"
|
||||
"@types/react-katex": "^3.0.0",
|
||||
"prettier": "^2.8.3"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,83 +1,107 @@
|
||||
<!doctype html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
|
||||
/>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>Radioamaterski tečaj</title>
|
||||
|
||||
<title>Radioamaterski tečaj</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/reset.css"
|
||||
/>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/reveal.css"
|
||||
/>
|
||||
<link rel="stylesheet" href="rkvegova.css" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/reset.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/reveal.css">
|
||||
<link rel="stylesheet" href="rkvegova.css">
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/highlight/monokai.min.css"
|
||||
/>
|
||||
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/highlight/monokai.min.css">
|
||||
<link rel="icon" href="/RKV_logo_32x32.png" sizes="32x32" />
|
||||
</head>
|
||||
|
||||
<link rel="icon" href="/RKV_logo_32x32.png" sizes="32x32">
|
||||
</head>
|
||||
<body>
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
<section
|
||||
data-markdown="0_ham_tecaj.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<body>
|
||||
<section
|
||||
data-markdown="1_radioamaterji.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
<section
|
||||
data-markdown="2_radijske_kom.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<section data-markdown="0_ham_tecaj.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
<section
|
||||
data-markdown="3_predpisi.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<section data-markdown="1_radioamaterji.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
<section
|
||||
data-markdown="4_pravila_praksa.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<section data-markdown="2_radijske_kom.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
<section
|
||||
data-markdown="5_elektrotehnika.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<section data-markdown="3_predpisi.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
<section
|
||||
data-markdown="6_radiotehnika.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<section data-markdown="4_pravila_praksa.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
<section
|
||||
data-markdown="7_antene.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
|
||||
<section data-markdown="5_elektrotehnika.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
<section
|
||||
data-markdown="8_motnje_meritve.md"
|
||||
data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}"
|
||||
></section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section data-markdown="6_radiotehnika.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4.4.0/dist/reveal.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/markdown/markdown.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/highlight/highlight.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/math/math.js"></script>
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
width: 1280,
|
||||
height: 720,
|
||||
controls: true,
|
||||
progress: true,
|
||||
history: false,
|
||||
center: true,
|
||||
navigationMode: "linear",
|
||||
|
||||
<section data-markdown="7_antene.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
|
||||
<section data-markdown="8_motnje_meritve.md" data-separator="^\r?\n----(\r?\n){2}"
|
||||
data-separator-vertical="^(\r?\n){3}">
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/reveal.js@4.4.0/dist/reveal.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/markdown/markdown.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/highlight/highlight.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.4.0/plugin/math/math.js"></script>
|
||||
<script>
|
||||
Reveal.initialize({
|
||||
width: 1280,
|
||||
height: 720,
|
||||
controls: true,
|
||||
progress: true,
|
||||
history: false,
|
||||
center: true,
|
||||
navigationMode: 'linear',
|
||||
|
||||
plugins: [RevealMarkdown, RevealHighlight, RevealMath.KaTeX]
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
plugins: [RevealMarkdown, RevealHighlight, RevealMath.KaTeX],
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,7 +10,11 @@
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
:root {
|
||||
--r-background-color: radial-gradient(circle, rgb(84, 89, 94) 0%, rgb(35, 38, 40) 100%);
|
||||
--r-background-color: radial-gradient(
|
||||
circle,
|
||||
rgb(84, 89, 94) 0%,
|
||||
rgb(35, 38, 40) 100%
|
||||
);
|
||||
--r-main-font: Open Sans, sans-serif;
|
||||
--r-main-font-size: 30px;
|
||||
--r-main-color: #eee;
|
||||
@ -253,13 +257,13 @@
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.reveal table th[align=center],
|
||||
.reveal table td[align=center] {
|
||||
.reveal table th[align="center"],
|
||||
.reveal table td[align="center"] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal table th[align=right],
|
||||
.reveal table td[align=right] {
|
||||
.reveal table th[align="right"],
|
||||
.reveal table td[align="right"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@ -365,11 +369,15 @@
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.reveal h4, .reveal h5, .reveal h6 {
|
||||
.reveal h4,
|
||||
.reveal h5,
|
||||
.reveal h6 {
|
||||
text-decoration: underline #ff5100;
|
||||
}
|
||||
|
||||
.reveal h1, .reveal h2, .reveal h3 {
|
||||
.reveal h1,
|
||||
.reveal h2,
|
||||
.reveal h3 {
|
||||
padding: 1rem;
|
||||
background-color: #ff5100;
|
||||
border-radius: 8px;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -3,21 +3,21 @@ import { IconProp } from "@fortawesome/fontawesome-svg-core";
|
||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||
|
||||
interface ButtonProps {
|
||||
href: string;
|
||||
icon?: IconProp;
|
||||
text: string;
|
||||
className: string;
|
||||
href: string;
|
||||
icon?: IconProp;
|
||||
text: string;
|
||||
className: string;
|
||||
}
|
||||
|
||||
export default function Button(props: ButtonProps) {
|
||||
return (
|
||||
<Link href={props.href} className={props.className + " button"}>
|
||||
{props.icon && (
|
||||
<span className="icon">
|
||||
<FontAwesomeIcon icon={props.icon} />
|
||||
</span>
|
||||
)}
|
||||
<span>{props.text}</span>
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
return (
|
||||
<Link href={props.href} className={props.className + " button"}>
|
||||
{props.icon && (
|
||||
<span className="icon">
|
||||
<FontAwesomeIcon icon={props.icon} />
|
||||
</span>
|
||||
)}
|
||||
<span>{props.text}</span>
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,31 +1,31 @@
|
||||
import Link from "next/link";
|
||||
|
||||
interface CardProps {
|
||||
title: string;
|
||||
href: string;
|
||||
image: string;
|
||||
children: React.ReactNode;
|
||||
title: string;
|
||||
href: string;
|
||||
image: string;
|
||||
children: React.ReactNode;
|
||||
}
|
||||
|
||||
export default function Card(props: CardProps) {
|
||||
return (
|
||||
<div className="column is-half-tablet is-one-third-desktop">
|
||||
<div className="card">
|
||||
<div className="card-image">
|
||||
<figure className="image is-2by1 m-0">
|
||||
<img src={props.image} alt={props.title} />
|
||||
</figure>
|
||||
</div>
|
||||
<div className="card-content">
|
||||
<p className="title is-size-4">{props.title}</p>
|
||||
<div className="content">{props.children}</div>
|
||||
</div>
|
||||
<footer className="card-footer has-background-light">
|
||||
<Link href={props.href} className="card-footer-item button is-light">
|
||||
Na poglavje
|
||||
</Link>
|
||||
</footer>
|
||||
</div>
|
||||
return (
|
||||
<div className="column is-half-tablet is-one-third-desktop">
|
||||
<div className="card">
|
||||
<div className="card-image">
|
||||
<figure className="image is-2by1 m-0">
|
||||
<img src={props.image} alt={props.title} />
|
||||
</figure>
|
||||
</div>
|
||||
);
|
||||
<div className="card-content">
|
||||
<p className="title is-size-4">{props.title}</p>
|
||||
<div className="content">{props.children}</div>
|
||||
</div>
|
||||
<footer className="card-footer has-background-light">
|
||||
<Link href={props.href} className="card-footer-item button is-light">
|
||||
Na poglavje
|
||||
</Link>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -34,4 +34,4 @@ export function DiscordInvite() {
|
||||
<span>Pridruži se nam!</span>
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -16,7 +16,12 @@ export default function Kontakt() {
|
||||
<section className="section">
|
||||
<div className="content">
|
||||
<h1 className="title">Kontakt</h1>
|
||||
<p>Radioklub Vegova<br />Vegova ulica 4 <br/>1000 Ljubljana</p>
|
||||
<p>
|
||||
Radioklub Vegova
|
||||
<br />
|
||||
Vegova ulica 4 <br />
|
||||
1000 Ljubljana
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@ -21,8 +21,11 @@ export default function Tecaj() {
|
||||
<div className="content">
|
||||
<div className="buttons are-medium">
|
||||
<iframe className="presentation" src="/prosojnice/index.html" />
|
||||
<p>Pritisnite tipko F, če želite odpreti prosojnice v celozaslonskem načinu</p>
|
||||
|
||||
<p>
|
||||
Pritisnite tipko F, če želite odpreti prosojnice v
|
||||
celozaslonskem načinu
|
||||
</p>
|
||||
|
||||
<Button
|
||||
href="https://github.com/jakobkordez/ham-tecaj/releases/latest"
|
||||
className="is-fullwidth is-light"
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
.quiz_image {
|
||||
max-width: 30rem;
|
||||
max-height: 20rem;
|
||||
margin: auto;
|
||||
object-fit: contain;
|
||||
max-width: 30rem;
|
||||
max-height: 20rem;
|
||||
margin: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.quiz_answer {
|
||||
justify-content: start;
|
||||
text-align: start;
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
justify-content: start;
|
||||
text-align: start;
|
||||
height: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
@charset "utf-8";
|
||||
|
||||
$primary: #ff5100;
|
||||
$info: #5865F2;
|
||||
$info: #5865f2;
|
||||
$dark: #2d2d2d;
|
||||
|
||||
$section-padding: 2rem 1.5rem;
|
||||
@ -20,7 +20,7 @@ $section-padding: 2rem 1.5rem;
|
||||
.flex-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: .5rem;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.card img {
|
||||
@ -31,10 +31,11 @@ iframe.presentation {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
aspect-ratio: 16/9;
|
||||
border-radius: 0.25rem;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
}
|
||||
@ -57,11 +58,20 @@ body > footer {
|
||||
max-height: 80%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
|
||||
& > .image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
& > img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.galerija {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
gap: 5px;
|
||||
flex-wrap: wrap;
|
||||
& > img {
|
||||
@ -70,7 +80,8 @@ body > footer {
|
||||
}
|
||||
}
|
||||
|
||||
// Text selection
|
||||
::selection {
|
||||
background: $primary;
|
||||
color:#FFF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -1,28 +1,28 @@
|
||||
// Exposes theme's variables for easy re-use in CSS for plugin authors
|
||||
|
||||
:root {
|
||||
--r-background-color: #{$backgroundColor};
|
||||
--r-main-font: #{$mainFont};
|
||||
--r-main-font-size: #{$mainFontSize};
|
||||
--r-main-color: #{$mainColor};
|
||||
--r-block-margin: #{$blockMargin};
|
||||
--r-heading-margin: #{$headingMargin};
|
||||
--r-heading-font: #{$headingFont};
|
||||
--r-heading-color: #{$headingColor};
|
||||
--r-heading-line-height: #{$headingLineHeight};
|
||||
--r-heading-letter-spacing: #{$headingLetterSpacing};
|
||||
--r-heading-text-transform: #{$headingTextTransform};
|
||||
--r-heading-text-shadow: #{$headingTextShadow};
|
||||
--r-heading-font-weight: #{$headingFontWeight};
|
||||
--r-heading1-text-shadow: #{$heading1TextShadow};
|
||||
--r-heading1-size: #{$heading1Size};
|
||||
--r-heading2-size: #{$heading2Size};
|
||||
--r-heading3-size: #{$heading3Size};
|
||||
--r-heading4-size: #{$heading4Size};
|
||||
--r-code-font: #{$codeFont};
|
||||
--r-link-color: #{$linkColor};
|
||||
--r-link-color-dark: #{darken($linkColor , 15% )};
|
||||
--r-link-color-hover: #{$linkColorHover};
|
||||
--r-selection-background-color: #{$selectionBackgroundColor};
|
||||
--r-selection-color: #{$selectionColor};
|
||||
}
|
||||
--r-background-color: #{$backgroundColor};
|
||||
--r-main-font: #{$mainFont};
|
||||
--r-main-font-size: #{$mainFontSize};
|
||||
--r-main-color: #{$mainColor};
|
||||
--r-block-margin: #{$blockMargin};
|
||||
--r-heading-margin: #{$headingMargin};
|
||||
--r-heading-font: #{$headingFont};
|
||||
--r-heading-color: #{$headingColor};
|
||||
--r-heading-line-height: #{$headingLineHeight};
|
||||
--r-heading-letter-spacing: #{$headingLetterSpacing};
|
||||
--r-heading-text-transform: #{$headingTextTransform};
|
||||
--r-heading-text-shadow: #{$headingTextShadow};
|
||||
--r-heading-font-weight: #{$headingFontWeight};
|
||||
--r-heading1-text-shadow: #{$heading1TextShadow};
|
||||
--r-heading1-size: #{$heading1Size};
|
||||
--r-heading2-size: #{$heading2Size};
|
||||
--r-heading3-size: #{$heading3Size};
|
||||
--r-heading4-size: #{$heading4Size};
|
||||
--r-code-font: #{$codeFont};
|
||||
--r-link-color: #{$linkColor};
|
||||
--r-link-color-dark: #{darken($linkColor, 15%)};
|
||||
--r-link-color-hover: #{$linkColorHover};
|
||||
--r-selection-background-color: #{$selectionBackgroundColor};
|
||||
--r-selection-color: #{$selectionColor};
|
||||
}
|
||||
|
||||
@ -1,45 +1,82 @@
|
||||
@mixin vertical-gradient( $top, $bottom ) {
|
||||
background: $top;
|
||||
background: -moz-linear-gradient( top, $top 0%, $bottom 100% );
|
||||
background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) );
|
||||
background: -webkit-linear-gradient( top, $top 0%, $bottom 100% );
|
||||
background: -o-linear-gradient( top, $top 0%, $bottom 100% );
|
||||
background: -ms-linear-gradient( top, $top 0%, $bottom 100% );
|
||||
background: linear-gradient( top, $top 0%, $bottom 100% );
|
||||
@mixin vertical-gradient($top, $bottom) {
|
||||
background: $top;
|
||||
background: -moz-linear-gradient(top, $top 0%, $bottom 100%);
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0%, $top),
|
||||
color-stop(100%, $bottom)
|
||||
);
|
||||
background: -webkit-linear-gradient(top, $top 0%, $bottom 100%);
|
||||
background: -o-linear-gradient(top, $top 0%, $bottom 100%);
|
||||
background: -ms-linear-gradient(top, $top 0%, $bottom 100%);
|
||||
background: linear-gradient(top, $top 0%, $bottom 100%);
|
||||
}
|
||||
|
||||
@mixin horizontal-gradient( $top, $bottom ) {
|
||||
background: $top;
|
||||
background: -moz-linear-gradient( left, $top 0%, $bottom 100% );
|
||||
background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) );
|
||||
background: -webkit-linear-gradient( left, $top 0%, $bottom 100% );
|
||||
background: -o-linear-gradient( left, $top 0%, $bottom 100% );
|
||||
background: -ms-linear-gradient( left, $top 0%, $bottom 100% );
|
||||
background: linear-gradient( left, $top 0%, $bottom 100% );
|
||||
@mixin horizontal-gradient($top, $bottom) {
|
||||
background: $top;
|
||||
background: -moz-linear-gradient(left, $top 0%, $bottom 100%);
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
color-stop(0%, $top),
|
||||
color-stop(100%, $bottom)
|
||||
);
|
||||
background: -webkit-linear-gradient(left, $top 0%, $bottom 100%);
|
||||
background: -o-linear-gradient(left, $top 0%, $bottom 100%);
|
||||
background: -ms-linear-gradient(left, $top 0%, $bottom 100%);
|
||||
background: linear-gradient(left, $top 0%, $bottom 100%);
|
||||
}
|
||||
|
||||
@mixin radial-gradient( $outer, $inner, $type: circle ) {
|
||||
background: $outer;
|
||||
background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
|
||||
background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) );
|
||||
background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
|
||||
background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
|
||||
background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
|
||||
background: radial-gradient( center, $type cover, $inner 0%, $outer 100% );
|
||||
@mixin radial-gradient($outer, $inner, $type: circle) {
|
||||
background: $outer;
|
||||
background: -moz-radial-gradient(center, $type cover, $inner 0%, $outer 100%);
|
||||
background: -webkit-gradient(
|
||||
radial,
|
||||
center center,
|
||||
0px,
|
||||
center center,
|
||||
100%,
|
||||
color-stop(0%, $inner),
|
||||
color-stop(100%, $outer)
|
||||
);
|
||||
background: -webkit-radial-gradient(
|
||||
center,
|
||||
$type cover,
|
||||
$inner 0%,
|
||||
$outer 100%
|
||||
);
|
||||
background: -o-radial-gradient(center, $type cover, $inner 0%, $outer 100%);
|
||||
background: -ms-radial-gradient(center, $type cover, $inner 0%, $outer 100%);
|
||||
background: radial-gradient(center, $type cover, $inner 0%, $outer 100%);
|
||||
}
|
||||
|
||||
@mixin light-bg-text-color( $color ) {
|
||||
section.has-light-background {
|
||||
&, h1, h2, h3, h4, h5, h6 {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
@mixin light-bg-text-color($color) {
|
||||
section.has-light-background {
|
||||
&,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin dark-bg-text-color( $color ) {
|
||||
section.has-dark-background {
|
||||
&, h1, h2, h3, h4, h5, h6 {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin dark-bg-text-color($color) {
|
||||
section.has-dark-background {
|
||||
&,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,24 +4,25 @@
|
||||
* By Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
|
||||
|
||||
// Default mixins and settings -----------------
|
||||
@import "mixins.scss";
|
||||
@import "settings.scss";
|
||||
// ---------------------------------------------
|
||||
|
||||
|
||||
// Include theme-specific fonts
|
||||
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
|
||||
|
||||
|
||||
// Override theme settings (see ../template/settings.scss)
|
||||
$backgroundColor: rgb(84,89,94);
|
||||
$backgroundColor: radial-gradient(circle, rgba(84,89,94,1) 0%, rgba(35,38,40,1) 100%);
|
||||
$backgroundColor: rgb(84, 89, 94);
|
||||
$backgroundColor: radial-gradient(
|
||||
circle,
|
||||
rgba(84, 89, 94, 1) 0%,
|
||||
rgba(35, 38, 40, 1) 100%
|
||||
);
|
||||
// $backgroundColor: #fff;
|
||||
|
||||
$primaryColor: #ff5100;
|
||||
$primaryColor: #ff5100;
|
||||
|
||||
$mainColor: #eee;
|
||||
$headingColor: #eee;
|
||||
@ -29,70 +30,72 @@ $headingColor: #eee;
|
||||
// $headingColor: #fff;
|
||||
|
||||
$mainFontSize: 30px;
|
||||
$mainFont: 'Open Sans', sans-serif;
|
||||
$mainFont: "Open Sans", sans-serif;
|
||||
$linkColor: #ff3c00;
|
||||
$linkColorHover: lighten( $linkColor, 20% );
|
||||
$headingFont: 'Montserrat', Impact, sans-serif;
|
||||
$linkColorHover: lighten($linkColor, 20%);
|
||||
$headingFont: "Montserrat", Impact, sans-serif;
|
||||
$headingTextShadow: none;
|
||||
$headingLetterSpacing: -0.03em;
|
||||
$headingTextTransform: none;
|
||||
$headingMargin: 0 -0.2em 0.8em -0.2em;
|
||||
$selectionBackgroundColor: $primaryColor;
|
||||
|
||||
$heading1Size: 2.0em;
|
||||
$heading1Size: 2em;
|
||||
$heading2Size: 1.6em;
|
||||
$heading3Size: 1.3em;
|
||||
$heading4Size: 1.0em;
|
||||
$heading4Size: 1em;
|
||||
|
||||
// Change text colors against light slide backgrounds
|
||||
// @include light-bg-text-color(#222);
|
||||
|
||||
|
||||
// Theme template ------------------------------
|
||||
@import "theme.scss";
|
||||
// ---------------------------------------------
|
||||
|
||||
|
||||
.reveal p {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
.reveal ul {
|
||||
display: block!important;
|
||||
display: block !important;
|
||||
}
|
||||
.reveal ol {
|
||||
display: block!important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.reveal h4, .reveal h5, .reveal h6 {
|
||||
text-decoration: underline $primaryColor;
|
||||
.reveal h4,
|
||||
.reveal h5,
|
||||
.reveal h6 {
|
||||
text-decoration: underline $primaryColor;
|
||||
}
|
||||
|
||||
.reveal h1, .reveal h2, .reveal h3 {
|
||||
padding: 1rem;
|
||||
background-color: $primaryColor;
|
||||
border-radius: 8px;
|
||||
.reveal h1,
|
||||
.reveal h2,
|
||||
.reveal h3 {
|
||||
padding: 1rem;
|
||||
background-color: $primaryColor;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.reveal ul li {
|
||||
list-style-type: "\2794 ";
|
||||
list-style-type: "\2794 ";
|
||||
}
|
||||
|
||||
.reveal div.hg {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.reveal div.hg > *:first-child {
|
||||
margin-right: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.reveal div.hg > *:not(:first-child) {
|
||||
margin: auto;
|
||||
display: block;
|
||||
margin: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.reveal div.row-even {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.reveal img {
|
||||
@ -100,132 +103,147 @@ display: block!important;
|
||||
}
|
||||
|
||||
.reveal div.grid-2 {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
text-align: left;
|
||||
width: fit-content;
|
||||
gap: 15px 40px;
|
||||
margin-left: 40px;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
text-align: left;
|
||||
width: fit-content;
|
||||
gap: 15px 40px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal div.grid-4 {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto auto;
|
||||
text-align: left;
|
||||
width: fit-content;
|
||||
gap: 15px 40px;
|
||||
margin-left: 40px;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto auto;
|
||||
text-align: left;
|
||||
width: fit-content;
|
||||
gap: 15px 40px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal table {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: auto 40px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: auto 40px;
|
||||
}
|
||||
.reveal table tr:nth-child(even) {
|
||||
background-color: #fff4;
|
||||
}
|
||||
.reveal table tr {
|
||||
background-color: #fff2;
|
||||
}
|
||||
.reveal table td {
|
||||
border: none;
|
||||
border-right: 1px #fff5 solid;
|
||||
}
|
||||
.reveal table td:last-child {
|
||||
border: none;
|
||||
}
|
||||
.reveal table tr:nth-child(even) {background-color: #fff4;}
|
||||
.reveal table tr {background-color: #fff2;}
|
||||
.reveal table td {border: none; border-right: 1px #fff5 solid;}
|
||||
.reveal table td:last-child {border: none;}
|
||||
|
||||
.reveal table.center td {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal table.center th {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal table.right td {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.reveal table.right th {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.reveal table.compact {
|
||||
font-size: 0.6em;
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.reveal table.compacter {
|
||||
font-size: 0.4em;
|
||||
font-size: 0.4em;
|
||||
}
|
||||
|
||||
// Mednarodna in slovenska tablica črkovanja
|
||||
.reveal table.tc td:nth-child(even) {border-right: 1px white solid;}
|
||||
.reveal table.tc td:nth-child(odd) {text-align:center;}
|
||||
.reveal table.tc td:last-child {border: none;}
|
||||
.reveal table.tc td:nth-child(even) {
|
||||
border-right: 1px white solid;
|
||||
}
|
||||
.reveal table.tc td:nth-child(odd) {
|
||||
text-align: center;
|
||||
}
|
||||
.reveal table.tc td:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.reveal strong {
|
||||
color: $primaryColor;
|
||||
color: $primaryColor;
|
||||
}
|
||||
|
||||
.reveal blockquote {
|
||||
max-width: 90%;
|
||||
min-width: 70%;
|
||||
width: fit-content;
|
||||
max-width: 90%;
|
||||
min-width: 70%;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.reveal blockquote > p {
|
||||
margin: var(--r-block-margin);
|
||||
margin: var(--r-block-margin);
|
||||
}
|
||||
|
||||
.reveal o {
|
||||
text-decoration: underline;
|
||||
text-underline-offset: -0.9em;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: -0.9em;
|
||||
}
|
||||
|
||||
.reveal img.white {
|
||||
background: white;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.reveal a.center-b {
|
||||
display: block;
|
||||
text-align: center;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal .center-t > p {
|
||||
display: block;
|
||||
text-align: center;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal .bold-t {
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal .img-stack img {
|
||||
// margin: auto;
|
||||
display: block;
|
||||
// margin: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.reveal img.mr-20 {
|
||||
margin-right: 20px !important;
|
||||
margin-right: 20px !important;
|
||||
}
|
||||
|
||||
.reveal img.mr-40 {
|
||||
margin-right: 40px !important;
|
||||
margin-right: 40px !important;
|
||||
}
|
||||
|
||||
.reveal img.mr-80 {
|
||||
margin-right: 80px !important;
|
||||
margin-right: 80px !important;
|
||||
}
|
||||
|
||||
.reveal img.round {
|
||||
border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.reveal .mt-20 {
|
||||
margin-top: 20px !important;
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
.reveal .mb-20 {
|
||||
margin-bottom: 20px !important;
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.reveal div.w-50 {
|
||||
width: 45%;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.reveal .p-20 {
|
||||
padding: 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
$backgroundColor: #2b2b2b;
|
||||
|
||||
// Primary/body text
|
||||
$mainFont: 'Lato', sans-serif;
|
||||
$mainFont: "Lato", sans-serif;
|
||||
$mainFontSize: 40px;
|
||||
$mainColor: #eee;
|
||||
|
||||
@ -14,7 +14,7 @@ $blockMargin: 20px;
|
||||
|
||||
// Headings
|
||||
$headingMargin: 0 0 $blockMargin 0;
|
||||
$headingFont: 'League Gothic', Impact, sans-serif;
|
||||
$headingFont: "League Gothic", Impact, sans-serif;
|
||||
$headingColor: #eee;
|
||||
$headingLineHeight: 1.2;
|
||||
$headingLetterSpacing: normal;
|
||||
@ -26,20 +26,20 @@ $heading1TextShadow: $headingTextShadow;
|
||||
$heading1Size: 3.77em;
|
||||
$heading2Size: 2.11em;
|
||||
$heading3Size: 1.55em;
|
||||
$heading4Size: 1.00em;
|
||||
$heading4Size: 1em;
|
||||
|
||||
$codeFont: monospace;
|
||||
|
||||
// Links and actions
|
||||
$linkColor: #13DAEC;
|
||||
$linkColorHover: lighten( $linkColor, 20% );
|
||||
$linkColor: #13daec;
|
||||
$linkColorHover: lighten($linkColor, 20%);
|
||||
|
||||
// Text selection
|
||||
$selectionBackgroundColor: #FF5E99;
|
||||
$selectionBackgroundColor: #ff5e99;
|
||||
$selectionColor: #fff;
|
||||
|
||||
// Generates the presentation background, can be overridden
|
||||
// to return a background image or gradient
|
||||
@mixin bodyBackground() {
|
||||
background: $backgroundColor;
|
||||
}
|
||||
background: $backgroundColor;
|
||||
}
|
||||
|
||||
@ -4,328 +4,330 @@
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
|
||||
@import "./exposer";
|
||||
@import "./exposer";
|
||||
|
||||
.reveal-viewport {
|
||||
@include bodyBackground();
|
||||
background-color: var(--r-background-color);
|
||||
}
|
||||
|
||||
.reveal {
|
||||
font-family: var(--r-main-font);
|
||||
font-size: var(--r-main-font-size);
|
||||
font-weight: normal;
|
||||
color: var(--r-main-color);
|
||||
}
|
||||
|
||||
.reveal ::selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-selection-background-color);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.reveal ::-moz-selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-selection-background-color);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.reveal .slides section,
|
||||
.reveal .slides section>section {
|
||||
line-height: 1.3;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
.reveal-viewport {
|
||||
@include bodyBackground();
|
||||
background-color: var(--r-background-color);
|
||||
}
|
||||
|
||||
.reveal {
|
||||
font-family: var(--r-main-font);
|
||||
font-size: var(--r-main-font-size);
|
||||
font-weight: normal;
|
||||
color: var(--r-main-color);
|
||||
}
|
||||
|
||||
.reveal ::selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-selection-background-color);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.reveal ::-moz-selection {
|
||||
color: var(--r-selection-color);
|
||||
background: var(--r-selection-background-color);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.reveal .slides section,
|
||||
.reveal .slides section > section {
|
||||
line-height: 1.3;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* HEADERS
|
||||
*********************************************/
|
||||
|
||||
.reveal h1,
|
||||
.reveal h2,
|
||||
.reveal h3,
|
||||
.reveal h4,
|
||||
.reveal h5,
|
||||
.reveal h6 {
|
||||
margin: var(--r-heading-margin);
|
||||
color: var(--r-heading-color);
|
||||
|
||||
font-family: var(--r-heading-font);
|
||||
font-weight: var(--r-heading-font-weight);
|
||||
line-height: var(--r-heading-line-height);
|
||||
letter-spacing: var(--r-heading-letter-spacing);
|
||||
|
||||
text-transform: var(--r-heading-text-transform);
|
||||
text-shadow: var(--r-heading-text-shadow);
|
||||
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.reveal h1 {font-size: var(--r-heading1-size); }
|
||||
.reveal h2 {font-size: var(--r-heading2-size); }
|
||||
.reveal h3 {font-size: var(--r-heading3-size); }
|
||||
.reveal h4 {font-size: var(--r-heading4-size); }
|
||||
|
||||
.reveal h1 {
|
||||
text-shadow: var(--r-heading1-text-shadow);
|
||||
}
|
||||
|
||||
|
||||
/*********************************************
|
||||
|
||||
.reveal h1,
|
||||
.reveal h2,
|
||||
.reveal h3,
|
||||
.reveal h4,
|
||||
.reveal h5,
|
||||
.reveal h6 {
|
||||
margin: var(--r-heading-margin);
|
||||
color: var(--r-heading-color);
|
||||
|
||||
font-family: var(--r-heading-font);
|
||||
font-weight: var(--r-heading-font-weight);
|
||||
line-height: var(--r-heading-line-height);
|
||||
letter-spacing: var(--r-heading-letter-spacing);
|
||||
|
||||
text-transform: var(--r-heading-text-transform);
|
||||
text-shadow: var(--r-heading-text-shadow);
|
||||
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.reveal h1 {
|
||||
font-size: var(--r-heading1-size);
|
||||
}
|
||||
.reveal h2 {
|
||||
font-size: var(--r-heading2-size);
|
||||
}
|
||||
.reveal h3 {
|
||||
font-size: var(--r-heading3-size);
|
||||
}
|
||||
.reveal h4 {
|
||||
font-size: var(--r-heading4-size);
|
||||
}
|
||||
|
||||
.reveal h1 {
|
||||
text-shadow: var(--r-heading1-text-shadow);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* OTHER
|
||||
*********************************************/
|
||||
|
||||
.reveal p {
|
||||
margin: var(--r-block-margin) 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* Remove trailing margins after titles */
|
||||
.reveal h1:last-child,
|
||||
.reveal h2:last-child,
|
||||
.reveal h3:last-child,
|
||||
.reveal h4:last-child,
|
||||
.reveal h5:last-child,
|
||||
.reveal h6:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Ensure certain elements are never larger than the slide itself */
|
||||
.reveal img,
|
||||
.reveal video,
|
||||
.reveal iframe {
|
||||
max-width: 95%;
|
||||
max-height: 95%;
|
||||
}
|
||||
.reveal strong,
|
||||
.reveal b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.reveal ol,
|
||||
.reveal dl,
|
||||
.reveal ul {
|
||||
display: inline-block;
|
||||
|
||||
text-align: left;
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
|
||||
.reveal ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.reveal ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.reveal ul ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
.reveal ul ul ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
.reveal ul ul,
|
||||
.reveal ul ol,
|
||||
.reveal ol ol,
|
||||
.reveal ol ul {
|
||||
display: block;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal dd {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal blockquote {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 70%;
|
||||
margin: var(--r-block-margin) auto;
|
||||
padding: 5px;
|
||||
|
||||
font-style: italic;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
|
||||
}
|
||||
.reveal blockquote p:first-child,
|
||||
.reveal blockquote p:last-child {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.reveal q {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.reveal pre {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 90%;
|
||||
margin: var(--r-block-margin) auto;
|
||||
|
||||
text-align: left;
|
||||
font-size: 0.55em;
|
||||
font-family: var(--r-code-font);
|
||||
line-height: 1.2em;
|
||||
|
||||
word-wrap: break-word;
|
||||
|
||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.reveal code {
|
||||
font-family: var(--r-code-font);
|
||||
text-transform: none;
|
||||
tab-size: 2;
|
||||
}
|
||||
|
||||
.reveal pre code {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
overflow: auto;
|
||||
max-height: 400px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.reveal .code-wrapper {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.reveal .code-wrapper code {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.reveal table {
|
||||
margin: auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.reveal table th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal table th,
|
||||
.reveal table td {
|
||||
text-align: left;
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.reveal table th[align="center"],
|
||||
.reveal table td[align="center"] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal table th[align="right"],
|
||||
.reveal table td[align="right"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.reveal table tbody tr:last-child th,
|
||||
.reveal table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.reveal sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
}
|
||||
.reveal sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.reveal small {
|
||||
display: inline-block;
|
||||
font-size: 0.6em;
|
||||
line-height: 1.2em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.reveal small * {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.reveal img {
|
||||
margin: var(--r-block-margin) 0;
|
||||
}
|
||||
|
||||
|
||||
/*********************************************
|
||||
|
||||
.reveal p {
|
||||
margin: var(--r-block-margin) 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* Remove trailing margins after titles */
|
||||
.reveal h1:last-child,
|
||||
.reveal h2:last-child,
|
||||
.reveal h3:last-child,
|
||||
.reveal h4:last-child,
|
||||
.reveal h5:last-child,
|
||||
.reveal h6:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Ensure certain elements are never larger than the slide itself */
|
||||
.reveal img,
|
||||
.reveal video,
|
||||
.reveal iframe {
|
||||
max-width: 95%;
|
||||
max-height: 95%;
|
||||
}
|
||||
.reveal strong,
|
||||
.reveal b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.reveal ol,
|
||||
.reveal dl,
|
||||
.reveal ul {
|
||||
display: inline-block;
|
||||
|
||||
text-align: left;
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
|
||||
.reveal ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.reveal ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.reveal ul ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
.reveal ul ul ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
.reveal ul ul,
|
||||
.reveal ul ol,
|
||||
.reveal ol ol,
|
||||
.reveal ol ul {
|
||||
display: block;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal dd {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.reveal blockquote {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 70%;
|
||||
margin: var(--r-block-margin) auto;
|
||||
padding: 5px;
|
||||
|
||||
font-style: italic;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.reveal blockquote p:first-child,
|
||||
.reveal blockquote p:last-child {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.reveal q {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.reveal pre {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 90%;
|
||||
margin: var(--r-block-margin) auto;
|
||||
|
||||
text-align: left;
|
||||
font-size: 0.55em;
|
||||
font-family: var(--r-code-font);
|
||||
line-height: 1.2em;
|
||||
|
||||
word-wrap: break-word;
|
||||
|
||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.reveal code {
|
||||
font-family: var(--r-code-font);
|
||||
text-transform: none;
|
||||
tab-size: 2;
|
||||
}
|
||||
|
||||
.reveal pre code {
|
||||
display: block;
|
||||
padding: 5px;
|
||||
overflow: auto;
|
||||
max-height: 400px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.reveal .code-wrapper {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.reveal .code-wrapper code {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.reveal table {
|
||||
margin: auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.reveal table th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal table th,
|
||||
.reveal table td {
|
||||
text-align: left;
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.reveal table th[align="center"],
|
||||
.reveal table td[align="center"] {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal table th[align="right"],
|
||||
.reveal table td[align="right"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.reveal table tbody tr:last-child th,
|
||||
.reveal table tbody tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.reveal sup {
|
||||
vertical-align: super;
|
||||
font-size: smaller;
|
||||
}
|
||||
.reveal sub {
|
||||
vertical-align: sub;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.reveal small {
|
||||
display: inline-block;
|
||||
font-size: 0.6em;
|
||||
line-height: 1.2em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.reveal small * {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.reveal img {
|
||||
margin: var(--r-block-margin) 0;
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* LINKS
|
||||
*********************************************/
|
||||
|
||||
.reveal a {
|
||||
color: var(--r-link-color);
|
||||
text-decoration: none;
|
||||
transition: color .15s ease;
|
||||
}
|
||||
.reveal a:hover {
|
||||
color: var(--r-link-color-hover);
|
||||
text-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
// background: darken( var(--r-link-color), 15% );
|
||||
background: var(--r-link-color-dark);
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*********************************************
|
||||
|
||||
.reveal a {
|
||||
color: var(--r-link-color);
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
.reveal a:hover {
|
||||
color: var(--r-link-color-hover);
|
||||
text-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
// background: darken( var(--r-link-color), 15% );
|
||||
background: var(--r-link-color-dark);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* Frame helper
|
||||
*********************************************/
|
||||
|
||||
.reveal .r-frame {
|
||||
border: 4px solid var(--r-main-color);
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.reveal a .r-frame {
|
||||
transition: all .15s linear;
|
||||
}
|
||||
|
||||
.reveal a:hover .r-frame {
|
||||
border-color: var(--r-link-color);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
|
||||
|
||||
/*********************************************
|
||||
|
||||
.reveal .r-frame {
|
||||
border: 4px solid var(--r-main-color);
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.reveal a .r-frame {
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
|
||||
.reveal a:hover .r-frame {
|
||||
border-color: var(--r-link-color);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
|
||||
.reveal .controls {
|
||||
color: var(--r-link-color);
|
||||
}
|
||||
|
||||
|
||||
/*********************************************
|
||||
|
||||
.reveal .controls {
|
||||
color: var(--r-link-color);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
|
||||
.reveal .progress {
|
||||
background: rgba(0,0,0,0.2);
|
||||
color: var(--r-link-color);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: var(--r-link-color);
|
||||
}
|
||||
|
||||
/*********************************************
|
||||
* PRINT BACKGROUND
|
||||
*********************************************/
|
||||
@media print {
|
||||
.backgrounds {
|
||||
background-color: var(--r-background-color);
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
.backgrounds {
|
||||
background-color: var(--r-background-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1735,6 +1735,11 @@ prelude-ls@^1.2.1:
|
||||
resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
|
||||
integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
|
||||
|
||||
prettier@^2.8.3:
|
||||
version "2.8.3"
|
||||
resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.3.tgz#ab697b1d3dd46fb4626fbe2f543afe0cc98d8632"
|
||||
integrity sha512-tJ/oJ4amDihPoufT5sM0Z1SKEuKay8LfVAMlbbhnnkvt6BUserZylqo2PN+p9KeljLr0OHa2rXHU1T8reeoTrw==
|
||||
|
||||
prop-types@^15.8.1:
|
||||
version "15.8.1"
|
||||
resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
|
||||
|
||||
Reference in New Issue
Block a user