ArunHub

var gulp = require('gulp'); // use gulp 3.9.0 only because in 4.0.0 version task assertion error coming.
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var sourcemaps = require('gulp-sourcemaps');
var useref = require('gulp-useref');
var uglify = require('gulp-uglify');
var gulpIf = require('gulp-if');
var cssnano = require('gulp-cssnano');
var imagemin = require('gulp-imagemin');
var cache = require('gulp-cache');

ArunHub

ctrl + r - to find css classes/IDs easily in a css file
ctrl + j - to align multiple lines into single line . mainly useful for single line css
ctrl + L - Select a line.
ctrl + D - Select a word/ duplicate a word or line(s)
ctrl + P - find any file on your project folder in fraction of second
ctrl + space - autocomplete for codes respectively
ctrl + / - comment purpose
ctrl + F - for normal search
ctrl + shift + F - Advanced search
ctrl + shift + G - wrap a text or codes

ArunHub

<div class="btns">
    <p>Write JavaScript (using jQuery is fine) so that clicking on any button will cause an alert to popup with the text of the button that was clicked.</p>

    <p>Make sure your solution is as efficient as possible even if there are a lot more <code>button.btn</code>'s added on the page.  Do not use unnecessary event listeners.</p>
  
    <button class="btn">c</button>
    <button class="btn">l</button>
    <button class="btn">o</button>
    <button class="btn">s</button>
    <button class="btn">e</button>

ArunHub

<div class="btns">
    <p>Write JavaScript (using jQuery is fine) so that clicking on any button will cause an alert to popup with the text of the button that was clicked.</p>

    <p>Make sure your solution is as efficient as possible even if there are a lot more <code>button.btn</code>'s added on the page.  Do not use unnecessary event listeners.</p>
  
    <button class="btn">c</button>
    <button class="btn">l</button>
    <button class="btn">o</button>
    <button class="btn">s</button>
    <button class="btn">e</button>

ArunHub

.navbar-toggle.expand .icon-bar:nth-child(4){
    left: -25px;
    opacity: 0;
}

.navbar-toggle.expand .icon-bar:nth-child(5){
    left: 35px;
    opacity: 0;
}

ArunHub

select.input-sm {
    line-height: 20px;
}

.navbar-default{
  background: none;
  border: 0;
}

.navbar{

ArunHub

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

ArunHub

/// Select all children from the first to `$num`.
/// @group with-arguments
/// @content [Write the style you want to apply to the children, and it will be added within the @content directive]
/// @param {number} $num - id of the child
@mixin first($num) {
  &:nth-child(-n + #{$num}) {
    @content;
  }
}

ArunHub

    .config(function ($stateProvider, $urlRouterProvider){
        $urlRouterProvider.otherwise("/home");


        $stateProvider
        
            //------------------------------
            // HOME
            //------------------------------

ArunHub

function breakStr(string, count) {
     //return [...string.slice(count - 1)].map((_, i) => string.slice(i, i + count));
     return [Array.from(string).slice(count - 1)].map((_, i) => string.slice(i, i + count));
}