Farmatique

<option selected="true" disabled="disabled">Choose Tagging</option> 

Farmatique

/*! Prefix flex for IE10 and Safari / iOS in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */

.display(@value) when (@value = flex) {
	display: -ms-flexbox; // IE10
	display: -webkit-flex; // Safari / iOS
}

.display(@value) when (@value = inline-flex) {

Farmatique

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

Farmatique

<div id="field1">
    <button type="button" id="sub" class="sub">-</button>
    <input type="text" id="1" value="0" class="field" />
    <button type="button" id="add" class="add">+</button>
</div>

$('.add').click(function () {
    $(this).prev().val(+$(this).prev().val() + 1);
});
$('.sub').click(function () {

Farmatique

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
   } else {
      // upscroll code
   }
   lastScrollTop = st;
});

Farmatique

/* footer on bottom of the page */
html, body{
  height: 100%;
}
.wrapper{
  min-height: 100%;
  position: relative;
  section{
    &:nth-last-child(2){
      padding-bottom: @footerHeight + 75px !important;

Farmatique

jQuery(window).on('load', function () {
	var $preloader = jQuery('#page-preloader'),
			$spinner   = $preloader.find('.spinner');
	$spinner.fadeOut();
	$preloader.delay(350).fadeOut('slow');
});

/* insert in the beggining of body or somewhere else */
<div id="page-preloader"><span class="spinner"></span></div>

Farmatique

$('#your-input-selector').blur(function () {
    var self = $(this);
    if (self.val() != "") {
        self.css('color','black'); // Set black fore color
    }
    else {
        self.css('color','gray'); // Restore code
    }
});

Farmatique

<div id="myPopoverContent">
  Custom html here
</div>
<a ng-href="" data-toggle="popover" data-placement="bottom" id="test"><span class="badge"></span>Click Here</a>

$('[data-toggle=popover]').popover({
    content: $('#myPopoverContent').html(),
    html: true
}).click(function() {
    $(this).popover('show');

Farmatique

<div class="wrapper">
  <div class="left">
    here is thevery very very big text
  </div>
  <div class="right">one</div>
</div>

.wrapper{
  background-color: green;
  width: 100%;