Ticket #3148 - Buttons: Vertical alignment with/without borders.

modules/boonex/decorous/data/template/system/css/default.less

@@ -804,7 +804,7 @@ a.bx-def-font-h3:hover {
 	.box-sizing(@base-input-box-sizing);
 
 	height: @bx-height-button;
-	line-height: (@bx-height-button - 0.2 * @bx-border-width-button);
+	line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
 	.background-color (@bx-color-button);
 
@@ -858,7 +858,7 @@ a.bx-def-font-h3:hover {
 	.box-sizing(@base-input-box-sizing);
 
 	height: @bx-height-button-small;
-	line-height: (@bx-height-button-small - 0.1 * @bx-border-width-button-small);
+	line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
 	.background-color (@bx-color-button-small);
 

modules/boonex/decorous/data/template/system/scripts/BxTemplConfig.php

@@ -212,8 +212,8 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-border-width-menu-page'] = $this->_setSize($sName . '_menu_page_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-menu-slide'] = $this->_setSize($sName . '_menu_slide_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-form-input'] = $this->_setSize($sName . '_form_input_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button'] = $this->_setSize($sName . '_button_lg_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-small'] = $this->_setSize($sName . '_button_sm_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button'] = $this->_setSizePx($sName . '_button_lg_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-small'] = $this->_setSizePx($sName . '_button_sm_border_size');
 
         $this->_aConfig['aLessConfig']['bx-border-radius-block'] = $this->_setSize($sName . '_block_border_radius');
         list(

modules/boonex/decorous/install/langs/en.xml

@@ -240,7 +240,7 @@
 	<string name="_bx_decorous_stg_cpt_option_button_lg_bg_color_hover"><![CDATA[On-hover background color]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_border_color"><![CDATA[Border color]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_border_color_hover"><![CDATA[On-hover border color]]></string>
-	<string name="_bx_decorous_stg_cpt_option_button_lg_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_decorous_stg_cpt_option_button_lg_border_size"><![CDATA[Border size (in px)]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_border_radius"><![CDATA[Corners radius]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_shadow"><![CDATA[Shadow]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_font_family"><![CDATA[Font stack]]></string>
@@ -256,7 +256,7 @@
 	<string name="_bx_decorous_stg_cpt_option_button_sm_bg_color_hover"><![CDATA[On-hover background color]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_border_color"><![CDATA[Border color]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_border_color_hover"><![CDATA[On-hover border color]]></string>
-	<string name="_bx_decorous_stg_cpt_option_button_sm_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_decorous_stg_cpt_option_button_sm_border_size"><![CDATA[Border size (in px)]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_border_radius"><![CDATA[Corners radius]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_shadow"><![CDATA[Shadow]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_font_family"><![CDATA[Font stack]]></string>

modules/boonex/lucid/data/template/system/css/default.less

@@ -855,7 +855,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button;
-    line-height: (@bx-height-button - 0.2 * @bx-border-width-button);
+    line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
     .background-color (@bx-color-button);
 
@@ -882,7 +882,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-primary;
-    line-height: (@bx-height-button-primary - 0.2 * @bx-border-width-button-primary);
+    line-height: (@bx-height-button-primary - 0.125 * @bx-border-width-button-primary);
 
     .background-color (@bx-color-button-primary);
 
@@ -986,7 +986,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-large;
-    line-height: (@bx-height-button-large - 0.2 * @bx-border-width-button-large);
+    line-height: (@bx-height-button-large - 0.125 * @bx-border-width-button-large);
 
     .background-color (@bx-color-button-large);
 
@@ -1012,7 +1012,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-large-primary;
-    line-height: (@bx-height-button-large-primary - 0.2 * @bx-border-width-button-large-primary);
+    line-height: (@bx-height-button-large-primary - 0.125 * @bx-border-width-button-large-primary);
 
     .background-color (@bx-color-button-large-primary);
 
@@ -1116,7 +1116,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-small;
-    line-height: (@bx-height-button-small - 0.2 * @bx-border-width-button-small);
+    line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
     .background-color (@bx-color-button-small);
 
@@ -1142,7 +1142,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-small-primary;
-    line-height: (@bx-height-button-small-primary - 0.2 * @bx-border-width-button-small-primary);
+    line-height: (@bx-height-button-small-primary - 0.125 * @bx-border-width-button-small-primary);
 
     .background-color (@bx-color-button-small-primary);
 

modules/boonex/lucid/data/template/system/scripts/BxTemplConfig.php

@@ -243,12 +243,12 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-border-width-menu-page'] = $this->_setSize($sName . '_menu_page_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-menu-slide'] = $this->_setSize($sName . '_menu_slide_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-form-input'] = $this->_setSize($sName . '_form_input_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-large'] = $this->_setSize($sName . '_button_lg_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-large-primary'] = $this->_setSize($sName . '_button_lgp_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button'] = $this->_setSize($sName . '_button_nl_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-primary'] = $this->_setSize($sName . '_button_nlp_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-small'] = $this->_setSize($sName . '_button_sm_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-small-primary'] = $this->_setSize($sName . '_button_smp_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-large'] = $this->_setSizePx($sName . '_button_lg_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-large-primary'] = $this->_setSizePx($sName . '_button_lgp_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button'] = $this->_setSizePx($sName . '_button_nl_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-primary'] = $this->_setSizePx($sName . '_button_nlp_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-small'] = $this->_setSizePx($sName . '_button_sm_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-small-primary'] = $this->_setSizePx($sName . '_button_smp_border_size');
 
         $this->_aConfig['aLessConfig']['bx-border-radius-block'] = $this->_setSize($sName . '_block_border_radius');
         list(

modules/boonex/lucid/install/langs/en.xml

@@ -240,7 +240,7 @@
 	<string name="_bx_lucid_stg_cpt_option_button_border_color"><![CDATA[Border color]]></string>
 	<string name="_bx_lucid_stg_cpt_option_button_border_color_hover"><![CDATA[On-hover border color]]></string>
         <string name="_bx_lucid_stg_cpt_option_button_border_color_click"><![CDATA[On-click border color]]></string>
-	<string name="_bx_lucid_stg_cpt_option_button_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_lucid_stg_cpt_option_button_border_size"><![CDATA[Border size (in px)]]></string>
 	<string name="_bx_lucid_stg_cpt_option_button_border_radius"><![CDATA[Corners radius]]></string>
 	<string name="_bx_lucid_stg_cpt_option_button_shadow"><![CDATA[Shadow]]></string>
 	<string name="_bx_lucid_stg_cpt_option_button_font_family"><![CDATA[Font stack]]></string>

modules/boonex/protean/data/template/system/css/default.less

@@ -765,7 +765,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button;
-    line-height: (@bx-height-button - 0.2 * @bx-border-width-button);
+    line-height: (@bx-height-button - 0.125 * @bx-border-width-button);
 
     .background-color (@bx-color-button);
 
@@ -788,7 +788,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-primary;
-    line-height: (@bx-height-button-primary - 0.2 * @bx-border-width-button-primary);
+    line-height: (@bx-height-button-primary - 0.125 * @bx-border-width-button-primary);
 
     .background-color (@bx-color-button-primary);
 
@@ -901,7 +901,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-large;
-    line-height: (@bx-height-button-large - 0.2 * @bx-border-width-button-large);
+    line-height: (@bx-height-button-large - 0.125 * @bx-border-width-button-large);
 
     .background-color (@bx-color-button-large);
 
@@ -927,7 +927,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-large-primary;
-    line-height: (@bx-height-button-large-primary - 0.2 * @bx-border-width-button-large-primary);
+    line-height: (@bx-height-button-large-primary - 0.125 * @bx-border-width-button-large-primary);
 
     .background-color (@bx-color-button-large-primary);
 
@@ -1037,7 +1037,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-small;
-    line-height: (@bx-height-button-small - 0.2 * @bx-border-width-button-small);
+    line-height: (@bx-height-button-small - 0.125 * @bx-border-width-button-small);
 
     .background-color (@bx-color-button-small);
 
@@ -1063,7 +1063,7 @@ a.bx-def-font-h3:hover {
     .box-sizing(@base-input-box-sizing);
 
     height: @bx-height-button-small-primary;
-    line-height: (@bx-height-button-small-primary - 0.2 * @bx-border-width-button-small-primary);
+    line-height: (@bx-height-button-small-primary - 0.125 * @bx-border-width-button-small-primary);
 
     .background-color (@bx-color-button-small-primary);
 

modules/boonex/protean/data/template/system/scripts/BxTemplConfig.php

@@ -243,12 +243,12 @@ class BxTemplConfig extends BxBaseConfig
         $this->_aConfig['aLessConfig']['bx-border-width-menu-page'] = $this->_setSize($sName . '_menu_page_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-menu-slide'] = $this->_setSize($sName . '_menu_slide_border_size');
         $this->_aConfig['aLessConfig']['bx-border-width-form-input'] = $this->_setSize($sName . '_form_input_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-large'] = $this->_setSize($sName . '_button_lg_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-large-primary'] = $this->_setSize($sName . '_button_lgp_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button'] = $this->_setSize($sName . '_button_nl_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-primary'] = $this->_setSize($sName . '_button_nlp_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-small'] = $this->_setSize($sName . '_button_sm_border_size');
-        $this->_aConfig['aLessConfig']['bx-border-width-button-small-primary'] = $this->_setSize($sName . '_button_smp_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-large'] = $this->_setSizePx($sName . '_button_lg_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-large-primary'] = $this->_setSizePx($sName . '_button_lgp_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button'] = $this->_setSizePx($sName . '_button_nl_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-primary'] = $this->_setSizePx($sName . '_button_nlp_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-small'] = $this->_setSizePx($sName . '_button_sm_border_size');
+        $this->_aConfig['aLessConfig']['bx-border-width-button-small-primary'] = $this->_setSizePx($sName . '_button_smp_border_size');
 
         $this->_aConfig['aLessConfig']['bx-border-radius-block'] = $this->_setSize($sName . '_block_border_radius');
         list(

modules/boonex/protean/install/langs/en.xml

@@ -228,7 +228,7 @@
 	<string name="_bx_protean_stg_cpt_option_button_lg_border_color"><![CDATA[Border color]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_border_color_hover"><![CDATA[On-hover border color]]></string>
         <string name="_bx_protean_stg_cpt_option_button_lg_border_color_click"><![CDATA[On-click border color]]></string>
-	<string name="_bx_protean_stg_cpt_option_button_lg_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_protean_stg_cpt_option_button_lg_border_size"><![CDATA[Border size (in px)]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_border_radius"><![CDATA[Corners radius]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_shadow"><![CDATA[Shadow]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_font_family"><![CDATA[Font stack]]></string>
@@ -248,7 +248,7 @@
 	<string name="_bx_protean_stg_cpt_option_button_border_color"><![CDATA[Border color]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_border_color_hover"><![CDATA[On-hover border color]]></string>
         <string name="_bx_protean_stg_cpt_option_button_border_color_click"><![CDATA[On-click border color]]></string>
-	<string name="_bx_protean_stg_cpt_option_button_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_protean_stg_cpt_option_button_border_size"><![CDATA[Border size (in px)]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_border_radius"><![CDATA[Corners radius]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_shadow"><![CDATA[Shadow]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_font_family"><![CDATA[Font stack]]></string>
@@ -268,7 +268,7 @@
 	<string name="_bx_protean_stg_cpt_option_button_sm_border_color"><![CDATA[Border color]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_border_color_hover"><![CDATA[On-hover border color]]></string>
         <string name="_bx_protean_stg_cpt_option_button_sm_border_color_click"><![CDATA[On-click border color]]></string>
-	<string name="_bx_protean_stg_cpt_option_button_sm_border_size"><![CDATA[Border size]]></string>
+	<string name="_bx_protean_stg_cpt_option_button_sm_border_size"><![CDATA[Border size (in px)]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_border_radius"><![CDATA[Corners radius]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_shadow"><![CDATA[Shadow]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_font_family"><![CDATA[Font stack]]></string>

modules/boonex/russian/data/langs/bx_decorous/ru.xml

@@ -240,7 +240,7 @@
 	<string name="_bx_decorous_stg_cpt_option_button_lg_bg_color_hover"><![CDATA[Цвет фона при наведении курсора]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_border_color"><![CDATA[Цвет границы]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_border_color_hover"><![CDATA[Цвет грфницы при наведении курсора]]></string>
-	<string name="_bx_decorous_stg_cpt_option_button_lg_border_size"><![CDATA[Размер границы]]></string>
+	<string name="_bx_decorous_stg_cpt_option_button_lg_border_size"><![CDATA[Размер границы (в px)]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_border_radius"><![CDATA[Радиус углов]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_shadow"><![CDATA[Тень]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_lg_font_family"><![CDATA[Набор шрифтов]]></string>
@@ -256,7 +256,7 @@
 	<string name="_bx_decorous_stg_cpt_option_button_sm_bg_color_hover"><![CDATA[Цвет фона при наведении курсора]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_border_color"><![CDATA[Цвет границы]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_border_color_hover"><![CDATA[Цвет грфницы при наведении курсора]]></string>
-	<string name="_bx_decorous_stg_cpt_option_button_sm_border_size"><![CDATA[Размер границы]]></string>
+	<string name="_bx_decorous_stg_cpt_option_button_sm_border_size"><![CDATA[Размер границы (в px)]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_border_radius"><![CDATA[Радиус углов]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_shadow"><![CDATA[Тень]]></string>
 	<string name="_bx_decorous_stg_cpt_option_button_sm_font_family"><![CDATA[Набор шрифтов]]></string>

modules/boonex/russian/data/langs/bx_lucid/ru.xml

@@ -240,7 +240,7 @@
     <string name="_bx_lucid_stg_cpt_option_button_border_color"><![CDATA[Цвет границы]]></string>
     <string name="_bx_lucid_stg_cpt_option_button_border_color_hover"><![CDATA[Цвет границы при наведении курсора]]></string>
     <string name="_bx_lucid_stg_cpt_option_button_border_color_click"><![CDATA[Цвет границы при нажатии]]></string>
-    <string name="_bx_lucid_stg_cpt_option_button_border_size"><![CDATA[Размер границы]]></string>
+    <string name="_bx_lucid_stg_cpt_option_button_border_size"><![CDATA[Размер границы (в px)]]></string>
     <string name="_bx_lucid_stg_cpt_option_button_border_radius"><![CDATA[Радиус углов]]></string>
     <string name="_bx_lucid_stg_cpt_option_button_shadow"><![CDATA[Тень]]></string>
     <string name="_bx_lucid_stg_cpt_option_button_font_family"><![CDATA[Шрифт]]></string>

modules/boonex/russian/data/langs/bx_protean/ru.xml

@@ -228,7 +228,7 @@
 	<string name="_bx_protean_stg_cpt_option_button_lg_border_color"><![CDATA[Цвет границы]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_border_color_hover"><![CDATA[Цвет границы при наведении курсора]]></string>
         <string name="_bx_protean_stg_cpt_option_button_lg_border_color_click"><![CDATA[Цвет границы при нажатии]]></string>
-	<string name="_bx_protean_stg_cpt_option_button_lg_border_size"><![CDATA[Размер границы]]></string>
+	<string name="_bx_protean_stg_cpt_option_button_lg_border_size"><![CDATA[Размер границы (в px)]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_border_radius"><![CDATA[Радиус углов]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_shadow"><![CDATA[Тень]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_lg_font_family"><![CDATA[Набор шрифтов]]></string>
@@ -248,7 +248,7 @@
 	<string name="_bx_protean_stg_cpt_option_button_border_color"><![CDATA[Цвет границы]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_border_color_hover"><![CDATA[Цвет границы при наведении курсора]]></string>
         <string name="_bx_protean_stg_cpt_option_button_border_color_click"><![CDATA[Цвет границы при нажатии]]></string>
-	<string name="_bx_protean_stg_cpt_option_button_border_size"><![CDATA[Размер границы]]></string>
+	<string name="_bx_protean_stg_cpt_option_button_border_size"><![CDATA[Размер границы (в px)]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_border_radius"><![CDATA[Радиус углов]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_shadow"><![CDATA[Тень]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_font_family"><![CDATA[Набор шрифтов]]></string>
@@ -268,7 +268,7 @@
 	<string name="_bx_protean_stg_cpt_option_button_sm_border_color"><![CDATA[Цвет границы]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_border_color_hover"><![CDATA[Цвет границы при наведении курсора]]></string>
         <string name="_bx_protean_stg_cpt_option_button_sm_border_color_click"><![CDATA[Цвет границы при нажатии]]></string>
-	<string name="_bx_protean_stg_cpt_option_button_sm_border_size"><![CDATA[Размер границы]]></string>
+	<string name="_bx_protean_stg_cpt_option_button_sm_border_size"><![CDATA[Размер границы (в px)]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_border_radius"><![CDATA[Радиус углов]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_shadow"><![CDATA[Тень]]></string>
 	<string name="_bx_protean_stg_cpt_option_button_sm_font_family"><![CDATA[Набор шрифтов]]></string>

template/scripts/BxBaseConfig.php

@@ -115,12 +115,13 @@ class BxBaseConfig extends BxDol implements iBxDolSingleton
         return $sValue;
     }
 
-    protected function _setSize($sKey, $sDefault = '')
+    protected function _setSize($sKey, $sDefault = '', $sPattern = '')
     {
         if(empty($sDefault))
             $sDefault = '0px';
 
-        $sPattern = "/([0-9\.]+\s*((px)|(rem)|(vh))){1}/";
+        if(empty($sPattern))
+            $sPattern = "/([0-9\.]+\s*((px)|(rem)|(vh))){1}/";
 
         $sValue = trim(getParam($sKey));
         if(!$this->_isModule || empty($sValue) || !preg_match($sPattern, $sValue))
@@ -129,6 +130,11 @@ class BxBaseConfig extends BxDol implements iBxDolSingleton
         return $sValue;
     }
 
+    protected function _setSizePx($sKey, $sDefault = '')
+    {
+        return $this->_setSize($sKey, $sDefault, "/([0-9\.]+\s*(px)){1}/");
+    }
+
     protected function _setSizeDivided($sValue)
     {
         $aEmpty = array(0, 0, 0, 0);