File Upload Input about static-starter HOT 11 CLOSED

@holliepearson why dont you have a go at getting this within the style? make its all editable using the $vars

from static-starter.

@holliepearson Can we make it more like this: https://codepen.io/416studios/pen/owGzj

Not the style, but the functionality. Let me know if you dont understand how it functions.

from static-starter.

I've changed the functionality, not 100% sure on where to go with the styling however.

from static-starter.

Just make the button look like a primary button

[10:11]
and make sure all Vars make it change correctly

from static-starter.

Uses the .btn classes to style.

from static-starter.

from static-starter.

The only things different to just the .btn is that It has the .btn-outline class as well and rounded right corners so it fit's into the input field.

from static-starter.

ok, what if $btn-border-radius is 0
Also CSS against a ID is bad.
You should only need to add a css class and make the label position right on the element

from static-starter.

Also, just adding in, you can remove the <form> declaration from inside the file markup. This will already be declared at the top of the form.

from static-starter.

The btn rounds to the input and so it uses the form input radius:
border-top-right-radius: $form-border-radius; border-bottom-right-radius: $form-border-radius;

Will change the css to style to input[type="file"] and add class to the filename span to style. Will also remove the form declaration.

from static-starter.

Id's have been completely removed

from static-starter.