Add contraste to event component

Leonardo Merlin
1 parent 67fbbbe2
Showing 2 changed files with 9 additions and 1 deletions Show diff stats
gulp/styles.js
src/app/components/event-list/event-list.scss
@@ -40,7 +40,7 @@ gulp.task(&#39;styles&#39;, function () {
     .pipe($.sourcemaps.init())
     .pipe($.sass(sassOptions)).on('error', conf.errorHandler('Sass'))
     .pipe($.autoprefixer({
-      browsers: ['last 3 versions', 'ie >= 9', 'ff > 20', 'Chrome > 30', 'Android', 'Edge', 'Opera', 'Safari', 'iOS'],
+      browsers: ['last 3 versions', 'ie >= 9', 'ff > 20', 'Chrome > 30', 'Opera > 25', 'Safari > 6', 'iOS > 6'],
       cascade: false
     })).on('error', conf.errorHandler('Autoprefixer'))
     .pipe($.sourcemaps.write())
@@ -2,6 +2,10 @@
     position: relative;
     background-color: #eeeeee;
+    .contraste & {
+        background-color: #262626;
+    }
+
     .event-list--panel {
         height: 310px;
         border: 1px solid #333333;
@@ -58,6 +62,10 @@
             line-height: 0px;
             top: -1px;
         }
+
+        .contraste & {
+            background-color: #262626;
+        }
     }
     .table-responsive {
	@@ -40,7 +40,7 @@ gulp.task('styles', function () {		@@ -40,7 +40,7 @@ gulp.task('styles', function () {
40	.pipe($.sourcemaps.init())	40	.pipe($.sourcemaps.init())
41	.pipe($.sass(sassOptions)).on('error', conf.errorHandler('Sass'))	41	.pipe($.sass(sassOptions)).on('error', conf.errorHandler('Sass'))
42	.pipe($.autoprefixer({	42	.pipe($.autoprefixer({
43	- browsers: ['last 3 versions', 'ie >= 9', 'ff > 20', 'Chrome > 30', 'Android', 'Edge', 'Opera', 'Safari', 'iOS'],	43	+ browsers: ['last 3 versions', 'ie >= 9', 'ff > 20', 'Chrome > 30', 'Opera > 25', 'Safari > 6', 'iOS > 6'],
44	cascade: false	44	cascade: false
45	})).on('error', conf.errorHandler('Autoprefixer'))	45	})).on('error', conf.errorHandler('Autoprefixer'))
46	.pipe($.sourcemaps.write())	46	.pipe($.sourcemaps.write())