67 lines
785 B
SCSS
67 lines
785 B
SCSS
|
body, html {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
#slides {
|
||
|
.slide {
|
||
|
width: 75%;
|
||
|
|
||
|
.content {
|
||
|
text-align: center;
|
||
|
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
|
||
|
h1, h2, h3 {
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
font-size: 5em;
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
font-size: 3em;
|
||
|
}
|
||
|
|
||
|
h3 {
|
||
|
font-size: 1.75em;
|
||
|
}
|
||
|
|
||
|
div.highlight {
|
||
|
text-align: left;
|
||
|
|
||
|
padding: 1em;
|
||
|
|
||
|
font-size: 160%;
|
||
|
|
||
|
pre {
|
||
|
margin: 0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.style-larger {
|
||
|
div.highlight {
|
||
|
font-size: 200%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.style-even-larger {
|
||
|
div.highlight {
|
||
|
font-size: 250%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.activeslide {
|
||
|
opacity: 1 !important;
|
||
|
}
|
||
|
|
||
|
&.inactiveslide {
|
||
|
opacity: 0.4;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|