Custom css (sass) and bootstrap not working on Mac [on hold]

I’m having difficulty rendering css on Mac browsers. It’s working on everything except chrome and firefox on mac, and safari/chrome on mobile mac devices.

Here is a link to a demo: http://stark-journey-3976.herokuapp.com

Bitbucket: public

Here is what I’m getting in the firefox console on mac:

[18:49:03.670] Unknown property 'box-sizing'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:134
[18:49:03.670] Unknown pseudo-class or pseudo-element '-webkit-inner-spin-button'.  Ruleset ignored due to bad selector. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:209
[18:49:03.670] Unknown pseudo-class or pseudo-element '-webkit-search-cancel-button'.  Ruleset ignored due to bad selector. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:223
[18:49:03.670] Unknown property '-moz-osx-font-smoothing'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:386
[18:49:03.671] Expected color but found 'auto'.  Expected color but found '-webkit-focus-ring-color'.  Expected end of value but found '-webkit-focus-ring-color'.  Error in parsing value for 'outline'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:1753
[18:49:03.671] Unknown property 'transition'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:1788
[18:49:03.671] Unknown property 'word-break'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:2319
[18:49:03.672] Expected end of value but found '    '.  Error in parsing value for 'margin-top'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:3771
[18:49:03.672] Expected pseudo-element but found '-moz-placeholder'.  Ruleset ignored due to bad selector. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:3837
[18:49:03.672] Unknown pseudo-class or pseudo-element '-ms-input-placeholder'.  Ruleset ignored due to bad selector. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:3842
[18:49:03.672] Unknown pseudo-class or pseudo-element '-webkit-input-placeholder'.  Ruleset ignored due to bad selector. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:3846
[18:49:03.672] Expected media feature name but found '-webkit-min-device-pixel-ratio'. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:3869
[18:49:03.672] Unknown property 'touch-action'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:4407
[18:49:03.672] Unknown property 'user-select'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:4419
[18:49:03.673] Error in parsing value for 'filter'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:4444
[18:49:03.673] Unknown property 'transition-property'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:4718
[18:49:03.673] Unknown property 'transition-duration'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:4720
[18:49:03.673] Unknown property 'transition-timing-function'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:4722
[18:49:03.674] Unrecognized at-rule or error parsing at-rule '@keyframes'. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:6624
[18:49:03.674] Error in parsing value for 'background-image'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:6663
[18:49:03.674] Unknown property 'animation'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:6674
[18:49:03.674] Unknown property 'zoom'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:6733
[18:49:03.675] Unknown property 'transform'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:7529
[18:49:03.675] Expected media feature name but found 'transform-3d'. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:7971
[18:49:03.675] Expected media feature name but found '-webkit-transform-3d'. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:7971
[18:49:03.675] Unknown property 'backface-visibility'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:7980
[18:49:03.675] Error in parsing value for '-moz-perspective'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:7983
[18:49:03.675] Unknown property 'perspective'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:7983
[18:49:03.676] Expected end of value but found '    '.  Error in parsing value for 'background-color'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:8145
[18:49:03.677] Unknown property '-moz-background-size'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/assets/application-30f4018a370947ebeff202447f836cd9280f10346ee1cecb9d874343f37f7aba.css:11724
[18:49:03.840] Unknown property 'box-sizing'.  Declaration dropped. @ http://stark-journey-3976.herokuapp.com/

Oddly enough it works just fine when the dev tools are open.

I also havent used any of those elements/classes/properties anywhere in my code.


Source: cross-browser

Leave a Reply