darinronne

/**
 * Create Buttons with colored border and text and transparent background
 *
 * Hover state is solid background color that matches border
 * The white hover text is set by Foundation with "button-style" mixin that sets it based on the background color
   - found in _buttons.scss
 * You could override the hover/focus text color below if it isn't satisfactory
 *
 * Place in your _global.scss partial
 */

darinronne

<snippet>
    <content><![CDATA[
rem-calc(${1});
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>rc</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.scss</scope>
</snippet>

darinronne

<snippet>
    <content><![CDATA[
@media #{\$${1:medium-up}} {
    $2
}
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>f5bp</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.scss</scope>

darinronne

<snippet>
    <content><![CDATA[
/*------------------------------------*\
    #$0
\*------------------------------------*/
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>/#</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->

darinronne

<select name="state">
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
    <option value="DC">District of Columbia</option>

darinronne

<select name="state">
    <option value="Alabama">Alabama</option>
    <option value="Alaska">Alaska</option>
    <option value="Arizona">Arizona</option>
    <option value="Arkansas">Arkansas</option>
    <option value="California">California</option>
    <option value="Colorado">Colorado</option>
    <option value="Connecticut">Connecticut</option>
    <option value="Delaware">Delaware</option>
    <option value="District of Columbia">District of Columbia</option>

darinronne

<select name="state">
    <option value="Alabama">AL</option>
    <option value="Alaska">AK</option>
    <option value="Arizona">AZ</option>
    <option value="Arkansas">AR</option>
    <option value="California">CA</option>
    <option value="Colorado">CO</option>
    <option value="Connecticut">CT</option>
    <option value="Delaware">DE</option>
    <option value="District of Columbia">DC</option>

darinronne

<select name="state">
    <option value="AL">AL</option>
    <option value="AK">AK</option>
    <option value="AZ">AZ</option>
    <option value="AR">AR</option>
    <option value="CA">CA</option>
    <option value="CO">CO</option>
    <option value="CT">CT</option>
    <option value="DE">DE</option>
    <option value="DC">DC</option>

darinronne

<snippet>
    <content><![CDATA[
&:hover,
&:focus {
    $1
}
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>hover</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->

darinronne

// Add "autocomplete='new-password'" to password input so that password managers don't try to autofill it.
add_filter( 'gform_field_content', function ( $field_content, $field ) {
    if ( $field->type == 'password' ) {
        return str_replace( 'type=', "autocomplete='new-password' type=", $field_content );
    }
    return $field_content;
}, 10, 2 );