Customize Bootstrap caret

If you are using the bootstrap nav bar with dropdowns and <span class=”caret”></span> and want to customize the style to act like the arrows on JHMG, you can do so with the following CSS (mixins can be found in comments): .caret { /* this overwrites BS styles */ border: medium none; width: 9px; height: 20px; […]

Transitions on transforms

Ran into an issue where transitions on transforms weren’t working in firefox. This is because the vendor prefixed transition needs to match the vendor prefixed transition-property. Wrong: -webkit-transition: transform 1s ease-in; -moz-transition: transform 1s ease-in; -o-transition: transform 1s ease-in; transition: transform 1s ease-in; Right: -webkit-transition: -webkit-transform 1s ease-in; -moz-transition: -moz-transform 1s ease-in; -o-transition: -o-transform 1s […]