[web_dev_style] Changing :pseudo-element to ::pseudo-element to match

chrome/browser/resources/chromeos/login/bubble.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  *
  * Css based bubble.
  */
 
 .bubble {
   background: white;
   border: 1px solid rgba(0, 0, 0, 0.25);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   font-size: 12px;
   margin: 2px;
   max-width: 250px;
   padding: 16px;
   position: absolute;
 }
 
-.bubble:before {
+.bubble::before {
   border-style: solid;
   border-width: 8px;
   content: '';
   display: block;
   position: absolute;
 }
 
-.bubble-top:before {
+.bubble-top::before {
   border-color: rgba(0, 0, 0, 0.25) transparent transparent transparent;
   bottom: -16px;
 }
 
-html[dir=ltf] .bubble-top:before {
+html[dir=ltf] .bubble-top::before {

[Dan Beam, 2012/12/05 07:21:41]

^ I'll contact the author about this

[Dan Beam, 2012/12/05 07:24:17]

Asked Ivan on original CL - https://codereview.chromium.org/9310050/

   left: 17px;
 }
 
-html[dir=rtl] .bubble-top:before {
+html[dir=rtl] .bubble-top::before {
   right: 17px;
 }
 
-html[dir=ltr] .bubble-right:before,
-html[dir=rtl] .bubble-left:before {
+html[dir=ltr] .bubble-right::before,
+html[dir=rtl] .bubble-left::before {
   border-color: transparent rgba(0, 0, 0, 0.25) transparent transparent;
   left: -16px;
   top: 17px;
 }
 
-.bubble-bottom:before {
+.bubble-bottom::before {
   border-color: transparent transparent rgba(0, 0, 0, 0.25) transparent;
   top: -16px;
 }
 
-html[dir=ltr] .bubble-bottom:before {
+html[dir=ltr] .bubble-bottom::before {
   left: 17px;
 }
 
-html[dir=rtl] .bubble-bottom:before {
+html[dir=rtl] .bubble-bottom::before {
   right: 17px;
 }
 
-html[dir=ltr] .bubble-left:before,
-html[dir=rtl] .bubble-right:before {
+html[dir=ltr] .bubble-left::before,
+html[dir=rtl] .bubble-right::before {
   border-color: transparent transparent transparent rgba(0, 0, 0, 0.25);
   right: -16px;
   top: 17px;
 }
 
-.bubble:after {
+.bubble::after {
   border-style: solid;
   border-width: 8px;
   content: '';
   display: block;
   position: absolute;
 }
 
-.bubble-top:after {
+.bubble-top::after {
   border-color: white transparent transparent transparent;
   bottom: -15px;
 }
 
-html[dir=ltr] .bubble-top:after {
+html[dir=ltr] .bubble-top::after {
   left: 17px;
 }
 
-html[dir=rtl] .bubble-top:after {
+html[dir=rtl] .bubble-top::after {
   right: 17px;
 }
 
-html[dir=ltr] .bubble-right:after,
-html[dir=rtl] .bubble-left:after {
+html[dir=ltr] .bubble-right::after,
+html[dir=rtl] .bubble-left::after {
   border-color: transparent white transparent transparent;
   left: -15px;
   top: 17px;
 }
 
-.bubble-bottom:after {
+.bubble-bottom::after {
   border-color: transparent transparent white transparent;
   top: -15px;
 }
 
-html[dir=ltr] .bubble-bottom:after {
+html[dir=ltr] .bubble-bottom::after {
   left: 17px;
 }
 
-html[dir=rtl] .bubble-bottom:after {
+html[dir=rtl] .bubble-bottom::after {
   right: 17px;
 }
 
-html[dir=ltr] .bubble-left:after,
-html[dir=rtl] .bubble-right:after {
+html[dir=ltr] .bubble-left::after,
+html[dir=rtl] .bubble-right::after {
   border-color: transparent transparent transparent white;
   right: -15px;
   top: 17px;
 }