html.de - jQuery: Override padding from element if exists

by SpiceLab

HTML

<header class="flex-container">
  <div class="left">
   <p>
   foobar left
   </p>
 </div>
 <div class="right">
   <p>
   foobar right
   </p>
 </div>
</header>

CSS

.flex-container{
   display: flex; 
}
p {
	outline: solid;
	padding-left: 80px;
}

JavaScript

var $mySelector = $('.flex-container .left p, .flex-container .right p');
$mySelector.css('padding-left', function() {
    if ($mySelector.css('padding-left', '80px')) {
      $mySelector.css('padding-left', '200px');
    }
});