Introduction-to-Python/styles.scss at main · beyondsimulations/Introduction-to-Python · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
/*-- scss:defaults --*/

// ========================================================================
// HTML BASE THEME VARS (applies to all HTML, including presentations)
// ========================================================================

// Callouts
$callout-color-note: $brand-oneLight;
$callout-color-tip: $brand-twoLight;
$callout-color-warning: $brand-threeLight;
$callout-color-important: $brand-oneDark;
$callout-color-caution: $brand-threeDark;

// Code styling
$code-block-border-left: $brand-threeLight;

// ========================================================================
// REVEAL.JS PRESENTATION VARS (override to match HTML theme)
// ========================================================================
$presentation-title-slide-text-align: left;

// ========================================================================
// RULES: only for custom visual effects / overrides
// ========================================================================

// Text emphasis
.reveal strong,
.reveal b,
.reveal .bold {
    color: $brand-twoDark;
    font-size: 1em;
    font-weight: 600;
}

.reveal em,
.reveal i,
.reveal .italic {
    font-style: italic;
    color: $brand-twoDark;
    font-weight: 400;
}

// Utility text classes
.highlight {
    color: $brand-threeDark;
    font-weight: bold;
}
.task {
    color: $brand-oneDark;
    font-weight: bold;
}
.question {
    color: $brand-greyer;
    font-weight: bold;
}
.light {
    color: $brand-oneLight;
}
.errors {
    color: $brand-threeDark;
    font-weight: bold;
}

// Inverted font block
.invert-font {
    color: $brand-lighter;
    background-color: $brand-darker;
    border: 5px solid $brand-darker;
    border-radius: 0;
}

// Slide-specific
.title-slide.title {
    background-color: $brand-codeline !important;
}
.loud-slide {
    background-color: $brand-twoDark !important;
    color: $brand-oneDark !important;
    font-weight: bold !important;
}

// Animation effect
.flow {
    background-image: url("https://images.beyondsimulations.com/logo/main-web.png");
    background-size: 3840px 2160px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: animate 60s linear infinite;
    font-family: $presentation-heading-font;
}

@keyframes animate {
    0% {
        background-position: left 384px top 216px;
    }
    100% {
        background-position: left 3456px top 1944px;
    }
}