| @@ -43,9 +43,8 @@ | ||
| 43 | 43 | 'clear' => 'both', |
| 44 | 44 | 'z-index' => 9999, |
| 45 | 45 | 'position' => 'relative', |
| 46 | 46 | 'width' => '100%', |
| 47 | - 'max-width' => 'none', | |
| 48 | 47 | 'line-height' => '1.1', |
| 49 | 48 | 'box-sizing' => 'border-box', |
| 50 | 49 | ), |
| 51 | 50 | // 'hover' => '', |
| @@ -168,9 +167,12 @@ | ||
| 168 | 167 | $css = $this->addCSS($normcss, false, 'mb-icon-wrapper', 'normal', $css); |
| 169 | 168 | $css = $this->addCSS('transform', 'translateY(0)', 'mb-icon-wrapper', 'normal', $css); |
| 170 | 169 | $css = $this->addCSS('position', 'absolute', 'mb-icon-wrapper', 'normal', $css); |
| 171 | 170 | |
| 172 | - | |
| 171 | + /* $css['mb-label']['hover']['transform'] = 'translateY(0)'; | |
| 172 | + $css['mb-share-count']['hover']['transform'] = 'translateY(0)'; | |
| 173 | + $css['mb-icon-wrapper']['hover']['transform'] = 'translateY(0)'; | |
| 174 | +*/ | |
| 173 | 175 | $hoverCSS = array( |
| 174 | 176 | // 'display' => 'flex', |
| 175 | 177 | 'align-items' => 'center', |
| 176 | 178 | 'justify-content' => 'center', |
| @@ -185,10 +187,14 @@ | ||
| 185 | 187 | |
| 186 | 188 | |
| 187 | 189 | break; |
| 188 | 190 | case 'hover'; |
| 191 | + /*$color = $css['mb-social']['normal']['background-color']; | |
| 192 | + $css = $this->addCSS('background-color', 'darken(' . $color . ', 20%)', 'mb-social', 'hover', $css); | |
| 193 | +*/ | |
| 194 | + //$css = $this->addCSS('transition', 'opacity 1.2s linear', 'mb-icon-wrapper', 'normal', $css); | |
| 195 | + //$css = $this->addCSS('transition', 'opacity 1.2s linear', 'mb-label', 'hover', $css); | |
| 189 | 196 | |
| 190 | - | |
| 191 | 197 | break; |
| 192 | 198 | case 'lift': |
| 193 | 199 | $line_height = intval($args['line_height']) * 1.5; |
| 194 | 200 | |
| @@ -316,18 +322,8 @@ | ||
| 316 | 322 | protected function addStretch($css, $args) |
| 317 | 323 | { |
| 318 | 324 | $css = $this->addCSS('display', 'flex', 'maxsocial', 'normal', $css); |
| 319 | 325 | |
| 320 | - $orientation = (isset($args['orientation'])) ? $args['orientation'] : false; | |
| 321 | - $is_static = (isset($args['is_static'])) ? $args['is_static'] : false; | |
| 322 | - | |
| 323 | - | |
| 324 | - if ($orientation == 'vertical') | |
| 325 | - { | |
| 326 | - $css = $this->addCSS('flex-direction', 'column', 'maxsocial', 'normal', $css); | |
| 327 | - } | |
| 328 | - | |
| 329 | - | |
| 330 | 326 | $css = $this->addCSS('flex', '1.2', 'mb-item', 'hover', $css); |
| 331 | 327 | |
| 332 | 328 | $itemcss = array( |
| 333 | 329 | 'flex' => 1, |
| @@ -337,9 +333,9 @@ | ||
| 337 | 333 | 'transition' => 'all .2s linear', |
| 338 | 334 | ); |
| 339 | 335 | $css = $this->addCSS($itemcss, '','mb-item', 'normal', $css); |
| 340 | 336 | |
| 341 | - $linkcss = array ( | |
| 337 | + $css = $this->addCSS ( array ( | |
| 342 | 338 | 'display' => 'block', |
| 343 | 339 | 'display' => '-webkit-box', |
| 344 | 340 | 'display' => '-webkit-flex', |
| 345 | 341 | 'display' => '-moz-box', |
| @@ -349,21 +345,11 @@ | ||
| 349 | 345 | '-webkit-flex-flow' => 'row wrap', |
| 350 | 346 | '-ms-flex-flow' => 'row wrap', |
| 351 | 347 | 'flex-flow' => 'row wrap', |
| 352 | 348 | 'width' => '100%', |
| 353 | - ); | |
| 354 | - | |
| 355 | - // Changing width on horizontal items will mess the size | |
| 356 | - if ( true === $is_static) | |
| 357 | - { | |
| 358 | - unset($linkcss['width']); | |
| 359 | - } | |
| 360 | - | |
| 361 | - | |
| 362 | - $css = $this->addCSS ($linkcss , | |
| 349 | + ), | |
| 363 | 350 | '', |
| 364 | 351 | 'mb-social', 'normal', $css); |
| 365 | - | |
| 366 | 352 | |
| 367 | 353 | $css = $this->addCSS('flex', '1.2', 'mb-social', 'hover', $css); |
| 368 | 354 | |
| 369 | 355 | // the label |
