Skip to content
This repository has been archived by the owner on Sep 16, 2019. It is now read-only.

Changing border-radius of input border not working #197

Closed
ghost opened this issue Jan 22, 2015 · 3 comments
Closed

Changing border-radius of input border not working #197

ghost opened this issue Jan 22, 2015 · 3 comments

Comments

@ghost
Copy link

ghost commented Jan 22, 2015

When I try to change the border-radius of input elements nothing happens. No matter what I enter the the css stays like so:

-webkit-appearance: none;
-webkit-border-radius: 0px;
@manwithacat
Copy link
Contributor

  1. Uncomment line 634 in _settings.scss
  2. Set the value you wish to use.
  3. Run grunt build

@ghost
Copy link
Author

ghost commented Jan 23, 2015

Doesn't work. That is why I made the post...

Everything else works by uncommenting and changing the value, but with this it doesn't. I ended up manually editing the sass file for forms to get it to work.

@manwithacat
Copy link
Contributor

The output CSS using this variable is:

input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: $input-border-radius; }

Having set a radius value (or use the default), you need to add the radius class to the input element.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants