working on it ...

Filters

Explore Public Snippets

Sort by

Found 6,497 snippets

    public by Magesolution  835  1  5  0

    Magento 2 Banner

    Main menu is one of the most important parts of a website. It is expected to include all necessary information and navigate the users to major pages of the website, moreover, it can flexibly display all categories or whatever content on a mouse-over without going through cumbersome steps. With our best experience, Magento Mega Menu is developed and
    https://www.magesolution.com/magento2-banners.html
    

    public by crog3ar  1309  0  3  0

    WP_page_title

    page_view_css (PROVJERI IME TEME!)
    ////
    
    .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    
        display: none;
    }

    public by arsnie  1312  1  3  0

    Every second Child

    Every second element gets margin left and right
    // Every second element (useful for grids with 3 elements in a row)      
    .element {
      &:nth-child(3n-1) {
        margin: 0 30px 0 30px;
      }
    }            

    public by LB426  1686  0  3  0

    Tmux Quick Reference & Cheat sheet - 2 column format for less scrolling!

    Tmux Quick Reference & Cheat sheet - 2 column format for less scrolling!: tmux.cheat
    ==========================================          ==========================================
                 TMUX COMMAND                                        WINDOW (TAB)
    ==========================================          ==========================================
    
    List    tmux ls                                     List         ^b w
    New          -s <session>                           Create       ^b c
    Attach       att -t <session>                       Rename       ^b , <name>
    Rename       rename-session -t <old> <new>          Last         ^b l               (lower-L)
    Kill         kill-session -t <session>              Close        ^b &
    
    ==========================================          Goto #       ^b <0-9>
                 CONTROLS                               Next         ^b n
    ==========================================          Previous     ^b p
                                                        Choose       ^b w <name>
    Detach       ^b d
    List         ^b =                                   ==========================================
    Buffer       ^b <PgUpDn>                                         PANE (SPLIT WINDOW)
    Command      ^b : <command>                         ==========================================
    
    Copy         ^b [ ... <space> ... <enter>           Show #       ^b q
     Moving         vim/emacs key bindings              Split Horiz  ^b "                --------
     Start          <space>                             Split Vert   ^b %                   |
     Copy           <enter>                             Pane->Window ^b !
    Paste        ^b ]                                   Kill         ^b x
    
    ==========================================          Reorganize   ^b <space>
                 SESSION (Set of Windows)               Expand       ^b <alt><arrow>
    ==========================================          Resize       ^b ^<arrow>
                                                        Resize x n   ^b <n> <arrow>
    New          ^b :new     ^b :new -s <name>
    Rename       ^b $                                   Select       ^b <arrow>
    List         ^b s                                   Previous     ^b {
    Next         ^b (                                   Next         ^b }
    Previous     ^b )                                   Switch       ^b o                  other
                                                        Swap         ^b ^o
                                                        Last         ^b ;
    
    ============================================
                 OTHER COMMAND
    ============================================
    disable status bar  ^b:set -g status off  
    mouse scroll        ^b:setw -g mode-mouse on
    
    

    public by yixf  2261  1  3  0

    Tmux Quick Reference & Cheat sheet - 2 column format for less scrolling!

    Tmux Quick Reference & Cheat sheet - 2 column format for less scrolling!: tmux.cheat
    ==========================================          ==========================================
                 TMUX COMMAND                                        WINDOW (TAB)
    ==========================================          ==========================================
    
    List    tmux ls                                     List         ^b w
    New          -s <session>                           Create       ^b c
    Attach       att -t <session>                       Rename       ^b , <name>
    Rename       rename-session -t <old> <new>          Last         ^b l               (lower-L)
    Kill         kill-session -t <session>              Close        ^b &
    
    ==========================================          Goto #       ^b <0-9>
                 CONTROLS                               Next         ^b n
    ==========================================          Previous     ^b p
                                                        Choose       ^b w <name>
    Detach       ^b d
    List         ^b =                                   ==========================================
    Buffer       ^b <PgUpDn>                                         PANE (SPLIT WINDOW)
    Command      ^b : <command>                         ==========================================
    
    Copy         ^b [ ... <space> ... <enter>           Show #       ^b q
     Moving         vim/emacs key bindings              Split Horiz  ^b "                --------
     Start          <space>                             Split Vert   ^b %                   |
     Copy           <enter>                             Pane->Window ^b !
    Paste        ^b ]                                   Kill         ^b x
    
    ==========================================          Reorganize   ^b <space>
                 SESSION (Set of Windows)               Expand       ^b <alt><arrow>
    ==========================================          Resize       ^b ^<arrow>
                                                        Resize x n   ^b <n> <arrow>
    New          ^b :new     ^b :new -s <name>
    Rename       ^b $                                   Select       ^b <arrow>
    List         ^b s                                   Previous     ^b {
    Next         ^b (                                   Next         ^b }
    Previous     ^b )                                   Switch       ^b o                  other
                                                        Swap         ^b ^o
                                                        Last         ^b ;
    
    

    public by lbottaro  2729  4  6  4

    Using mixin in LESS with inheritance to reuse common style

    This simple LESS file shows how to use mixin. Mixin are used to group some CSS instructions in handy, reusable classes. You can embed all the properties of a class into another class by simply including the class name as one of its properties. Since the structure of the css classes is similar, I specify the mixin with also references to the i
    .contentRegion {
      margin: 5px;
      &-Side {
        @leftWidth: 500px;
        @leftMargin: 15px;
        @leftTotalWidth : @leftWidth + @leftMargin;
    
        &-left {
          float: left;
          width: @leftWidth;
          margin-right: @leftMargin;
          vertical-align: top;	        
        
          .mixinProperty()
          {
          	&-label{float: left;}
          	&-control{display: inline-block;}
          }
        
          &-one {  
            .mixinProperty;  
          }
        
          &-two {  
            .mixinProperty;  
          }
        
          &-three {  
            .mixinProperty;  
          }
        }
      }
    }
    
    <div class="contentRegion">
      <div class="contentRegion-Side-left">
          <div class="contentRegion-Side-left-one">
            <div class="contentRegion-Side-left-one-label">One</div>
            <div class="contentRegion-Side-left-one-control">123</div>
          </div>
          <div class="contentRegion-Side-left-two">
            <div class="contentRegion-Side-left-two-label">Two</div>
            <div class="contentRegion-Side-left-two-control">321</div>
          </div>
          <div class="contentRegion-Side-left-three">
            <div class="contentRegion-Side-left-three-label">Three</div>
            <div class="contentRegion-Side-left-three-control">345</div>
          </div>
      </div>
    </div>

    public by arkanoid  2055  1  6  4

    A useful LESS mixin to enable animated transition on a HTML element

    This simple less mixin enable animated transitions on all properties of a HTML element.
    .animate( @duration: 0.4s ) {
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: @duration;
      -o-transition-duration: @duration;
      -webkit-transition-duration: @duration;
      transition-duration: @duration;
      -moz-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
    }

    public by fabio.nosenzo  3481  0  6  0

    Set a variable in LESS

    How to set a variable in LESS CSS Preprocessor
    /* -- .less -- */
    @color: #efefef;
    body {background:  @color;}
    
    /* -- resulting css -- */
    body {background:  #efefef;}

    external by Yevhenii Halenko  1  0  1  0

    Git branch command behaves like 'less'

    Git branch command behaves like 'less': git branch config
    git config --global pager.branch false
    
    https://stackoverflow.com/questions/48341920/git-branch-command-behaves-like-less/48370253#48370253
    
    

    external by Andrew McPherson  7  0  1  0

    Fits your css rem into a viewport responsive aspect-ratio.

    Fits your css rem into a viewport responsive aspect-ratio.: Frame.view.less
    :root {
        .aspect-ratio(16, 9);
    }
    
    .aspect-ratio(@width, @height) {
        @media(min-aspect-ratio: @width ~"/" @height) {
            font-size: ((@width / @height)* 100vh) / @width;
        }
        
        @media(max-aspect-ratio:@width ~"/" @height) {
            font-size: ((@height / @width) * 100vw) / @height;
        }
    }
    
    
    • Public Snippets
    • Channels Snippets