From a1fbc27f60164f59b9db50f2be8df69c805f7bc4 Mon Sep 17 00:00:00 2001 From: Ed Sanders Date: Mon, 10 Apr 2017 16:07:45 +0100 Subject: [PATCH] Remove specificity hack for mw.notification It isn't required. Change-Id: I17e2c3bcb63f44fccaff01d51a77f7e728252807 --- skinStyles/mediawiki.notification.less | 54 ++++++++++++-------------- 1 file changed, 25 insertions(+), 29 deletions(-) diff --git a/skinStyles/mediawiki.notification.less b/skinStyles/mediawiki.notification.less index 239bd92f8..b2de4de85 100644 --- a/skinStyles/mediawiki.notification.less +++ b/skinStyles/mediawiki.notification.less @@ -2,33 +2,29 @@ /* mediawiki.notification */ -// This wrapper element is needed to ensure these rules have larger CSS -// selector specificity than default styles -body { - .mw-notification-area { - font-size: 0.8em; - } - - .mw-notification-area-layout { - top: 7em; - } - - .mw-notification { - background-color: #fff; - background-color: rgba( 255, 255, 255, 0.93 ); - padding: 0.75em 1.5em; - border: solid 1px @content-border-color; - border-radius: 0.75em; - box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ); - } - - .mw-notification-type-warn { - border-color: #f5be00; /* yellow */ - box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 245, 190, 0, 0.25 ) inset; - } - - .mw-notification-type-error { - border-color: #f00; /* red */ - box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 255, 0, 0, 0.25 ) inset; - } +.mw-notification-area { + font-size: 0.8em; +} + +.mw-notification-area-layout { + top: 7em; +} + +.mw-notification { + background-color: #fff; + background-color: rgba( 255, 255, 255, 0.93 ); + padding: 0.75em 1.5em; + border: solid 1px @content-border-color; + border-radius: 0.75em; + box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ); +} + +.mw-notification-type-warn { + border-color: #f5be00; /* yellow */ + box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 245, 190, 0, 0.25 ) inset; +} + +.mw-notification-type-error { + border-color: #f00; /* red */ + box-shadow: 0 2px 10px 0 rgba( 0, 0, 0, 0.125 ), 0 0 0.75em rgba( 255, 0, 0, 0.25 ) inset; }