Replaced css by class

Author: demyanovs

examples/css/highlighter.css

@@ -2,6 +2,7 @@
 
 namespace Demyanovs\PHPHighlight;
 
+use Demyanovs\PHPHighlight\Themes\Styles;
 use Demyanovs\PHPHighlight\Themes\Theme;
 
 class Highlighter
@@ -75,12 +76,12 @@ private function wrapCode(string $text, string $bgColor = '', string $filePath =
         $wrapper = '<div class="code-block-wrapper">';
         if ($this->_showActionPanel) {
             $wrapper .= '
-            <div class="meta">
-                <div class="actions">
-                    <span class="js-copy-clipboard copy-text" onclick="PHPHighlight.copyClipboard(this)">copy</span>
-                    <span class="meta-divider"></span>
+            <div class="meta" style="' . Styles::getCodeBlockWrapperMetaStyle() . '">
+                <div class="actions" style="' . Styles::getCodeBlockWrapperActionsStyle() . '">
+                    <span class="js-copy-clipboard copy-text" style="' . Styles::getCodeBlockWrapperCopyTextStyle() . '" onclick="PHPHighlight.copyClipboard(this)">copy</span>
+                    <span class="meta-divider" style="' . Styles::getCodeBlockWrapperMetaDividerStyle() . '"></span>
                 </div>
-                <div class="info">
+                <div class="info" style="' . Styles::getCodeBlockWrapperInfoStyle() . '">
                     <span>' . $filePath . '</span>
                 </div>
             </div>';
@@ -91,7 +92,7 @@ private function wrapCode(string $text, string $bgColor = '', string $filePath =
         if ($this->_showLineNumbers) {
             $line_numbers = $this->setLineNumbers(count(explode(PHP_EOL, $text)));
         }
-        $wrapper .= '<div class="code-highlighter" style="background-color: ' . $bgColor . '">' . $line_numbers . '<div class="code-block">' . $text . '</div></div></div>';
+        $wrapper .= '<div class="code-highlighter" style="' . Styles::getCodeHighlighterStyle() . '; background-color: ' . $bgColor . '">' . $line_numbers . '<div class="code-block">' . $text . '</div></div></div>';
 
         return $wrapper;
     }
@@ -100,10 +101,10 @@ private function setLineNumbers(int $count) : string
     {
         $line_numbers = '';
         for ($i = 1; $i < $count+1; $i++) {
-            $line_numbers .= '<span class="line-number" style="color: ' . $this->_theme::getDefaultColor() . '">' . $i . '</span>';
+            $line_numbers .= '<span class="line-number" style="' . Styles::getLineNumberStyle() . '; color: ' . $this->_theme::getDefaultColor() . '">' . $i . '</span>';
         }
 
-        return '<div class="line-numbers">' . $line_numbers . '</div>';
+        return '<div class="line-numbers" style="' . Styles::getLineNumbersStyle() . '">' . $line_numbers . '</div>';
     }
 
     public function setShowActionPanel(bool $status) : void

src/Highlighter.php

@@ -0,0 +1,73 @@
+<?php
+/**
+ * Class for replacing css file
+ */
+
+namespace Demyanovs\PHPHighlight\Themes;
+
+class Styles
+{
+    /** @var string */
+    private static $_codeHighlighterStyle = "display: block; padding: 5px; border: 1px solid #ddd; border-radius: 3px; font-size: 12px; font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace; overflow-x: auto; overflow-y: hidden; white-space: pre-wrap; tab-size: 4;";
+
+    /** @var string */
+    private static $_codeBlockWrapperMetaStyle = 'padding: 5px 10px; border: 1px solid #ddd; border-bottom: none; background-color: #eee; border-top-left-radius: 4px; border-top-right-radius: 4px;';
+
+    /** @var string */
+    private static $_codeBlockWrapperInfoStyle = 'height: 23px; line-height: 23px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;';
+
+    /** @var string */
+    private static $_codeBlockWrapperActionsStyle = 'float: left; line-height: 22px; margin-right: 10px;';
+
+    /** @var string */
+    private static $_codeBlockWrapperMetaDivider = 'display: inline-block; width: 1px; height: 15px; margin: 0 3px; vertical-align: middle; background-color: #ddd;';
+
+    /** @var string */
+    private static $_codeBlockWrapperCopyTextStyle = 'font-size: 16px; cursor: pointer;';
+
+    /** @var string */
+    private static $_lineNumbersStyle = 'margin-right: 15px; color: #000; font-weight: normal; float: left;';
+
+    /** @var string */
+    private static $_lineNumberStyle = 'display: block;';
+
+    public static function getCodeHighlighterStyle() : string
+    {
+        return self::$_codeHighlighterStyle;
+    }
+
+    public static function getCodeBlockWrapperMetaStyle() : string
+    {
+        return self::$_codeBlockWrapperMetaStyle;
+    }
+
+    public static function getCodeBlockWrapperInfoStyle() : string
+    {
+        return self::$_codeBlockWrapperInfoStyle;
+    }
+
+    public static function getCodeBlockWrapperActionsStyle() : string
+    {
+        return self::$_codeBlockWrapperActionsStyle;
+    }
+
+    public static function getCodeBlockWrapperMetaDividerStyle() : string
+    {
+        return self::$_codeBlockWrapperMetaDivider;
+    }
+
+    public static function getCodeBlockWrapperCopyTextStyle() : string
+    {
+        return self::$_codeBlockWrapperCopyTextStyle;
+    }
+
+    public static function getLineNumbersStyle() : string
+    {
+        return self::$_lineNumbersStyle;
+    }
+
+    public static function getLineNumberStyle() : string
+    {
+        return self::$_lineNumberStyle;
+    }
+}