add2any

AddToAny responsive changes

by Mousey

HTML

<!doctype html>
<head>
<title>Add2Any responsive</title>
</head>
<body><!-- Large button code -->
<div id="add2any"
 class="a2a_kit a2a_kit_size_32 a2a_default_style">
<!-- small buttons
  <div id="add2any" class="a2a_kit a2a_default_style">Small buttons</div> -->
  <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href="https://www.addtoany.com/share_save"></a>
</div><br>
AddToAny script <a href="http://static.addtoany.com/menu/page.js">http://static.addtoany.com/menu/page.js</a>
<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>&nbsp;<a href="http://www.addtoany.com/buttons/api/">API & Script details</a><br>
* large icons for screens over 430px wide, class must be set to "a2a_kit a2a_default_style"<br>
* smaller icons for other screens<br>
class must be set to "a2a_kit a2a_kit_size_32 a2a_default_style"<br>
* class names and ids are consistent between releases of AddToAny<br><br>
<a href="https://www.addtoany.com/buttons/customize/single_button_customize" target="_blank">Add To Any details</a>
</body>

CSS

@media screen and (max-height: 430px) {
  .a2a_button_google_plus, .a2a_button_pinterest, .a2a_button_print { display:none;}
  #add2any a, hr#add2any, hr#add2any a, .a2a_divider { font-size: 15px; padding-top:2px; padding-bottom:-2px; }
  .a2a_divider { top:5px ; position: relative}
}
*/ if LESS is the only way it can't be precompiled - where do I put the less js file?  /*
@media screen and (max-device-height:430px) {
#add2any {.a2a_kit
   .a2a_default_style } 
}