Added styles for the Search box element.

Author: ivopetkov

assets/search-icon.png

@@ -26,7 +26,7 @@
         $context->assets
             ->addDir('assets');
 
-        $theme->version = '1.3';
+        $theme->version = '1.4';
 
         $theme->get = function (\BearCMS\Themes\Theme\Customizations $customizations) use ($context) {
             $templateFilename = $context->dir . '/components/template.php';

assets/search-icon2.png

@@ -55,6 +55,8 @@
         $prefix . 'SeparatorLargeCSS' => '{' . $separator . ',"width":"80%"}',
         $prefix . 'SeparatorMediumCSS' => '{' . $separator . ',"width":"60%"}',
         $prefix . 'SeparatorSmallCSS' => '{' . $separator . ',"width":"40%"}',
+        $prefix . 'SearchBoxInputCSS' => '{' . $input . '}',
+        $prefix . 'SearchBoxButtonCSS' => '{' . $button . ',"width":"46px","height":"100%","background-image":"url(addon:bearcms\/focus-theme-addon:assets\/search-icon2.png)","background-position":"center center","background-repeat":"no-repeat","background-attachment":"scroll","background-size":"cover"}',
     ];
 };
 

index.php

@@ -58,6 +58,8 @@
         $prefix . 'SeparatorLargeCSS' => '{' . $separator . ',"width":"80%"}',
         $prefix . 'SeparatorMediumCSS' => '{' . $separator . ',"width":"60%"}',
         $prefix . 'SeparatorSmallCSS' => '{' . $separator . ',"width":"40%"}',
+        $prefix . 'SearchBoxInputCSS' => '{' . $input . '}',
+        $prefix . 'SearchBoxButtonCSS' => '{' . $button . ',"margin-top":"0","width":"46px","height":"100%","background-image":"url(addon:bearcms\/focus-theme-addon:assets\/search-icon2.png)","background-image:hover":"url(addon:bearcms\/focus-theme-addon:assets\/search-icon.png)","background-position":"center center","background-repeat":"no-repeat","background-attachment":"scroll","background-size":"cover"}',
     ];
 };
 

styles/1.php

@@ -64,6 +64,8 @@
         $prefix . 'SeparatorLargeCSS' => '{' . $separator . ',"width":"80%"}',
         $prefix . 'SeparatorMediumCSS' => '{' . $separator . ',"width":"60%"}',
         $prefix . 'SeparatorSmallCSS' => '{' . $separator . ',"width":"40%"}',
+        $prefix . 'SearchBoxInputCSS' => '{' . $input . '}',
+        $prefix . 'SearchBoxButtonCSS' => '{' . $button . ',"margin-top":"0","width":"46px","height":"100%","background-image":"url(addon:bearcms\/focus-theme-addon:assets\/search-icon.png)","background-position":"center center","background-repeat":"no-repeat","background-attachment":"scroll","background-size":"cover"}',
     ];
 };
 

styles/2.php

@@ -56,6 +56,8 @@
         $prefix . 'SeparatorLargeCSS' => '{' . $separator . ',"width":"80%"}',
         $prefix . 'SeparatorMediumCSS' => '{' . $separator . ',"width":"60%"}',
         $prefix . 'SeparatorSmallCSS' => '{' . $separator . ',"width":"40%"}',
+        $prefix . 'SearchBoxInputCSS' => '{' . $input . '}',
+        $prefix . 'SearchBoxButtonCSS' => '{' . $button . ',"margin-top":"0","width":"46px","height":"100%","background-image":"url(addon:bearcms\/focus-theme-addon:assets\/search-icon.png)","background-position":"center center","background-repeat":"no-repeat","background-attachment":"scroll","background-size":"cover"}',
     ];
 };