Apex Code Development You need to sign in to do that
Don't have an account?
Add Padding on Larger Resolutions
I'd like to add SLDS padding for a minimum width value of an input field. Have the padding set in my code, I just need it to only display when the width of the screen is larger than 760px
Cmp
Css
Cmp
<div class="minimumWidth">
<lightning:input class=" slds-size_1-of-1 slds-medium-size--1-of-2 slds-large-size--1-of-2 "
name="field1" label="field1" required="true" aura:id="field1" />
</div>
Css
.THIS .minimumWidth .slds-p-left_medium{min-width:760px;}
As per http://bobbuzzard.blogspot.com/2015/10/responsive-design-with-lightning-design.html, did you try doing the below in your lightning css code?
/* hide medium and above */ @media all and (min-width: 760px) { .THIS .minimumWidth .slds-p-left_medium { min-width:760px; } }