{"action":"opened","issue":{"url":"https://api.github.com/repos/keppelen/react-facebook-login/issues/14","labels_url":"https://api.github.com/repos/keppelen/react-facebook-login/issues/14/labels{/name}","comments_url":"https://api.github.com/repos/keppelen/react-facebook-login/issues/14/comments","events_url":"https://api.github.com/repos/keppelen/react-facebook-login/issues/14/events","html_url":"https://github.com/keppelen/react-facebook-login/issues/14","id":127373058,"number":14,"title":"changing styles","user":{"login":"foodaka","id":8342048,"avatar_url":"https://avatars.githubusercontent.com/u/8342048?v=3","gravatar_id":"","url":"https://api.github.com/users/foodaka","html_url":"https://github.com/foodaka","followers_url":"https://api.github.com/users/foodaka/followers","following_url":"https://api.github.com/users/foodaka/following{/other_user}","gists_url":"https://api.github.com/users/foodaka/gists{/gist_id}","starred_url":"https://api.github.com/users/foodaka/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/foodaka/subscriptions","organizations_url":"https://api.github.com/users/foodaka/orgs","repos_url":"https://api.github.com/users/foodaka/repos","events_url":"https://api.github.com/users/foodaka/events{/privacy}","received_events_url":"https://api.github.com/users/foodaka/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-01-19T06:00:43Z","updated_at":"2016-01-19T06:00:43Z","closed_at":null,"body":"Hi, im trying to change the color and size of the button. When i change these styles in the facebook.scss file, it does not change. for example, if i change to yellow the button stays blue. tks\r\n\r\n$font-family-default: 'Helvetica', sans-serif;\r\n\r\n@function calc-responsive($value1, $width1, $value2, $width2) {\r\n  $x1: $width1;\r\n  $x2: $width2;\r\n  $y1: $value1;\r\n  $y2: $value2;\r\n  $a: ($y2 - $y1) / ($x2 - $x1);\r\n  $b: ($x2 * $y1 - $x1 * $y2) / ($x2 - $x1);\r\n  @return calc(#{$a*100vw} + #{$b*1px});\r\n}\r\n\r\n%button {\r\n  font-family: $font-family-default;\r\n  font-weight: bold;\r\n  -webkit-font-smoothing: antialiased;\r\n  border-width: 2px;\r\n  border-style: solid;\r\n  color: #FFF;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-size: calc-responsive(12, 768, 18, 1920);\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n  transition: background-color .3s, border-color .3s;\r\n  background-color: yellow;\r\n  border-color: yellow;\r\n}\r\n\r\n.small {\r\n  @extend %button;\r\n  padding: 1.2em 3em;\r\n\r\n  @media (min-width: 768px) {\r\n    padding: 0.9em 2.2em;\r\n  }\r\n}\r\n\r\n.medium {\r\n  @extend %button;\r\n  padding: 1.2em 3em;\r\n\r\n  @media (min-width: 768px) {\r\n    padding: 1.6em 2.4em;\r\n  }\r\n}\r\n\r\n.metro {\r\n  @extend %button;\r\n  border-radius: 0;\r\n}"}}