aboutsummaryrefslogtreecommitdiff
path: root/css/theme/template/mixins.scss
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2020-06-05 10:02:49 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2020-06-05 10:03:07 +0200
commit166af89353cacb7198d23a52b3bda77be6715133 (patch)
tree93f7f7e8e5f78c01c42a84ca2e5ae54d0e2475d0 /css/theme/template/mixins.scss
parentac79c7cd8bd937b1a9e70332b54d73df98814194 (diff)
downloadfosdem-2021-minimalism-presentation-166af89353cacb7198d23a52b3bda77be6715133.tar
fosdem-2021-minimalism-presentation-166af89353cacb7198d23a52b3bda77be6715133.tar.gz
all themes now have contrasting text colors based on slide bg
Diffstat (limited to 'css/theme/template/mixins.scss')
-rw-r--r--css/theme/template/mixins.scss16
1 files changed, 16 insertions, 0 deletions
diff --git a/css/theme/template/mixins.scss b/css/theme/template/mixins.scss
index e0c5606..17a3db5 100644
--- a/css/theme/template/mixins.scss
+++ b/css/theme/template/mixins.scss
@@ -26,4 +26,20 @@
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 dark-bg-text-color( $color ) {
+ section.has-dark-background {
+ &, h1, h2, h3, h4, h5, h6 {
+ color: $color;
+ }
+ }
} \ No newline at end of file