瀏覽代碼

move background to .reveal rather then body

pull/9/head
Cian Butler 4 年之前
父節點
當前提交
0a01120ee0
Signed by untrusted user: butlerx GPG Key ID: B37CA765BAA89170
共有 3 個文件被更改,包括 67 次插入42 次删除
  1. +21
    -13
      dist/css/redbrick.css
  2. +1
    -1
      docker-compose.yml
  3. +45
    -28
      theme/redbrick.scss

+ 21
- 13
dist/css/redbrick.css 查看文件

@@ -1,24 +1,32 @@
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
.reveal {
background: url("https://www.redbrick.dcu.ie/assets/images/logo.png") bottom 32px left 32px/256px no-repeat, linear-gradient(to bottom, #f0ebe7 20px, #f0ebe7 100%); }
.reveal sup {
font-size: 60%; }

section .as-dark-background,
section .as-dark-background h1,
section .as-dark-background h2,
section .as-dark-background h3,
section .as-dark-background h4,
section .as-dark-background h5,
section .as-dark-background h6 {
color: #fff; }

body::after {
bottom: 16px;
color: #000;
content: attr(data-bg-text);
display: block;
font-size: 12px;
line-height: 1;
position: absolute;
bottom: 16px;
right: 8px; }

.reveal sup {
font-size: 60%; }

/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: url(https://www.redbrick.dcu.ie/assets/images/logo.png) bottom 32px left 32px/256px no-repeat, linear-gradient(to bottom, #f0ebe7 20px, #f0ebe7 100%);
background: #fff;
background-color: #fff; }

.reveal {
@@ -217,7 +225,7 @@ body {
* LINKS
*********************************************/
.reveal a {
color: #0093D5;
color: #0093d5;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
@@ -252,7 +260,7 @@ body {

.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #0093D5;
border-color: #0093d5;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
@@ -260,19 +268,19 @@ body {
*********************************************/
.reveal .controls .navigate-left,
.reveal .controls .navigate-left.enabled {
border-right-color: #0093D5; }
border-right-color: #0093d5; }

.reveal .controls .navigate-right,
.reveal .controls .navigate-right.enabled {
border-left-color: #0093D5; }
border-left-color: #0093d5; }

.reveal .controls .navigate-up,
.reveal .controls .navigate-up.enabled {
border-bottom-color: #0093D5; }
border-bottom-color: #0093d5; }

.reveal .controls .navigate-down,
.reveal .controls .navigate-down.enabled {
border-top-color: #0093D5; }
border-top-color: #0093d5; }

.reveal .controls .navigate-left.enabled:hover {
border-right-color: #23bbff; }
@@ -293,7 +301,7 @@ body {
background: rgba(0, 0, 0, 0.2); }

.reveal .progress span {
background: #0093D5;
background: #0093d5;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }


+ 1
- 1
docker-compose.yml 查看文件

@@ -1,7 +1,7 @@
version: "3"
services:
slides:
image: node:boron
image: node:boron-slim
command: yarn start
working_dir: /usr/src/app
tty: true


+ 45
- 28
theme/redbrick.scss 查看文件

@@ -1,17 +1,27 @@
// Default mixins and settings -----------------
@import "../node_modules/reveal.js/css/theme/template/mixins";
@import "../node_modules/reveal.js/css/theme/template/settings";
@import '../node_modules/reveal.js/css/theme/template/mixins';
@import '../node_modules/reveal.js/css/theme/template/settings';
// ---------------------------------------------

// Override theme settings (see ../template/settings.scss)
$backgroundColor: #fff;
$rb-white: #fff;
$rb-black: #000;
$rb-blue: #0093d5;
$rb-grey: #f0ebe7;
$rb-grey-light: #f0ebe7;
$backgroundColor: $rb-white;

// Background generator
@mixin bodyBackground() {
background: url(https://www.redbrick.dcu.ie/assets/images/logo.png) bottom 32px left 32px/256px no-repeat, linear-gradient(to bottom, #f0ebe7 20px, #f0ebe7 100%);
.reveal {
background: url('https://www.redbrick.dcu.ie/assets/images/logo.png') bottom 32px left 32px/256px no-repeat, linear-gradient(to bottom, $rb-grey-light 20px, $rb-grey 100%);

sup {
font-size: 60%;
}
}

$mainColor: #000;
$headingColor: #000;
$mainColor: $rb-black;
$headingColor: $rb-black;

$mainFontSize: 38px;
$mainFont: 'myriad-pro', Helvetica, sans-serif;
@@ -20,36 +30,43 @@ $headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 600;
$linkColor: #0093D5;
$linkColorHover: lighten( $linkColor, 15% );
$selectionBackgroundColor: lighten( $linkColor, 25% );
$linkColor: $rb-blue;
$linkColorHover: lighten($linkColor, 15%);
$selectionBackgroundColor: lighten($linkColor, 25%);

$heading1Size: 2.5em;
$heading2Size: 1.6em;
$heading3Size: 1.3em;
$heading4Size: 1.0em;
$heading4Size: 1em;

section.has-dark-background {
&, h1, h2, h3, h4, h5, h6 {
color: #fff;
section {
.as-dark-background {
&,
h1,
h2,
h3,
h4,
h5,
h6 {
color: $rb-white;
}
}
}

body::after {
color: #000;
content: attr(data-bg-text);
display: block;
font-size: 12px;
line-height: 1;
position: absolute;
bottom: 16px;
right: 8px;
body {
&::after {
bottom: 16px;
color: $rb-black;
content: attr(data-bg-text);
display: block;
font-size: 12px;
line-height: 1;
position: absolute;
right: 8px;
}
}

.reveal sup {
font-size: 60%;
}
// Theme template ------------------------------
@import "../node_modules/reveal.js/css/theme/template/theme";
@import "../node_modules/reveal.js/lib/css/zenburn";
@import '../node_modules/reveal.js/css/theme/template/theme';
@import '../node_modules/reveal.js/lib/css/zenburn';
// ---------------------------------------------

Loading…
取消
儲存