fix typo: 'puesdo' -> 'pseudo'

external/styles/_content-edit.scss

@@ -63,7 +63,7 @@ $highlight-color: #f39c12 !default;
         z-index: 1;
 
         /**
-         * Image and video elements use puesdo elements to display information
+         * Image and video elements use pseudo elements to display information
          * such as the size of the element and for videos the `src` also.
          */
         &:after,
@@ -150,7 +150,7 @@ $highlight-color: #f39c12 !default;
      * When an element that supports text content is empty (e.g '') some
      * browsers don't provide a height for the element and so it can appear to
      * disappear until the user adds content. To resolve this issue we use a
-     * puesdo element to ensure the element contains content.
+     * pseudo element to ensure the element contains content.
      */
     &--empty {
         &:after {
@@ -311,7 +311,7 @@ $highlight-color: #f39c12 !default;
     z-index: 9;
 
     /**
-     * A puesdo element is used to display the type of element the helper
+     * A pseudo element is used to display the type of element the helper
      * represents.
      */
 
@@ -331,7 +331,7 @@ $highlight-color: #f39c12 !default;
 
     /**
      * For elements that have text content displayed within the helper we clip
-     * the content and use a puesdo element to fade out any verical overflow.
+     * the content and use a pseudo element to fade out any verical overflow.
      */
     &--type-list,
     &--type-list-item-text,
@@ -399,4 +399,4 @@ $highlight-color: #f39c12 !default;
  */
 .ce-measure {
     display: block !important;
-}
+}

src/scripts/tools.coffee

@@ -283,15 +283,15 @@ class ContentTools.Tools.Link extends ContentTools.Tools.Bold
 
             # Add a fake selection wrapper to the selected text so that it
             # appears to be selected when the focus is lost by the element.
-            selectTag = new HTMLString.Tag('span', {'class': 'ct--puesdo-select'})
+            selectTag = new HTMLString.Tag('span', {'class': 'ct--pseudo-select'})
             [from, to] = selection.get()
             element.content = element.content.format(from, to, selectTag)
             element.updateInnerHTML()
 
             # Measure a rectangle of the content selected so we can position the
             # dialog centrally.
             domElement = element.domElement()
-            measureSpan = domElement.getElementsByClassName('ct--puesdo-select')
+            measureSpan = domElement.getElementsByClassName('ct--pseudo-select')
             rect = measureSpan[0].getBoundingClientRect()
 
         # Set-up the dialog
@@ -1439,4 +1439,4 @@ class ContentTools.Tools.Remove extends ContentTools.Tool
         callback(true)
 
         # Dispatch `applied` event
-        @dispatchEditorEvent('tool-applied', toolDetail)
+        @dispatchEditorEvent('tool-applied', toolDetail)

src/styles/content-tools.scss

@@ -75,6 +75,6 @@
  *
  * Once focus is returned to the element the class should be removed.
  */
-.ct--puesdo-select {
+.ct--pseudo-select {
     background: rgba(black, 0.1);
-}
+}

src/styles/ui/_toolbox.scss

@@ -96,7 +96,7 @@
             );
         width: $tool-size;
 
-        // We use the before puesdo element to display the tools associated icon
+        // We use the before pseudo element to display the tools associated icon
         &:before {
             line-height: $tool-size;
         }
@@ -157,7 +157,7 @@
         }
 
         /**
-         * Each of the modifiers below sets the content of the puesdo before
+         * Each of the modifiers below sets the content of the pseudo before
          * element to match the required icon. The list is ordered by the
          * position each tool in the default toolbox (as opposed to
          * alphabetically).
@@ -186,4 +186,4 @@
 
     } // .ct-tool
 
-} // .ct-widget
+} // .ct-widget