working on it ...

Filters

Explore Public Snippets

Sort by

Found 13k snippets

    public by snip2code  647  3  4  0

    First Snippet: How to play with Snip2Code

    This is the first example of a snippet: - the title represents in few words which is the exact issue the snippet resolves; it can be something like the name of a method; - the description (this field) is an optional field where you can add interesting information regarding the snippet; something like the comment on the head of a method; - the c
    /* place here the actual content of your snippet. 
       It should be code or pseudo-code. 
       The less dependencies from external stuff, the better! */

    public by waxmiguel  2762  0  5  1

    tortouise

    # TortoiseGit 
    
    $Global:TortoiseGitSettings = new-object PSObject -Property @{
      TortoiseGitPath = "C:\Program Files\TortoiseGit\bin\TortoiseProc.exe"
    }
    
    function tgit {
       if($args) {
        if($args[0] -eq "help") {
          # Replace the built-in help behaviour with just a list of commands
          $tortoiseGitCommands
          return    
        }
    
        $newArgs = @()
        $newArgs += "/command:" + $args[0]
        
        $cmd = $args[0]
        
        if($args.length -gt 1) {
          $args[1..$args.length] | % { $newArgs += $_ }
        }
          
        & $Global:TortoiseGitSettings.TortoiseGitPath $newArgs
      }
    }
    
    $tortoiseGitCommands = @(
    "about",
    "log",
    "commit",
    "add",
    "revert",
    "cleanup" ,
    "resolve",
    "switch",
    "export",
    "merge",
    "settings",
    "remove",
    "rename",
    "diff",
    "conflicteditor",
    "help",
    "ignore",
    "blame",
    "cat",
    "createpatch",
    "pull",
    "push",
    "rebase",
    "stashsave",
    "stashapply",
    "subadd",
    "subupdate",
    "subsync",
    "reflog",
    "refbrowse",
    "sync"
    ) | sort
    

    public by Yuriy  1309  0  3  0

    Примусово перености рядки

    Примусово перености рядки: word-break.css
    word-break: break-all;
    
    

    public by fostus  1342  0  4  0

    Список в дві колонки

    Список в дві колонки: ulli.css
    .wrap ol {
      list-style-position: inside;
      -moz-column-count: 2; /* Firefox */
      -webkit-column-count: 2; /* Safari and Chrome */
      column-count: 2;
      list-style-type: decimal;
      height: 200px;
    }
    
    

    public by JKCPR  2942  1  5  1

    @each Sass Directive - processing icons

    A nice DRY approach to writing your huge icon collection into stylesheets
    // @each Sass Directive
    $icon-names: (twitter '\e004' ), (facebook '\e005' ), (gplus '\e006' );
    
    %ico-font-base {
        font-family: 'ico-fonts';
        speak: none;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-transform: none;
        
        //Better Font Rendering
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    
    @each $icon-name in $icon-names {
        .icon-#{nth($icon-name, 1)}:after {
            @extend %ico-font-base;
            content: nth($icon-name, 2);
        }
    }        

    public by JKCPR  2941  1  5  1

    Sass a:pseudo state @mixin

    =linx ($link, $visit, $hover, $active) 
      a 
        color: $link
        font-weight: bolder
        &:visited 
          color: $visit
        
        &:hover 
          color: $hover
        
        &:active 
          color: $active
    $a-tags: 'a, a:link, a:visited'
    $a-tags-hover: 'a:active, a:hover'
     
    #{$a-tags} #{$a-tags-hover} 
      text-decoration: none
      
    ul li
      +linx(#E4EAEA, #0cc, #c0c, #cc0)

    public by JKCPR  3044  5  5  1

    SCSS button power @mixin

    one $color variable generates all buttons by @mixin and color @functions also leverages %placeholders and %placeholder-selectors
    //core values
    $font-size:16;
    $primary: #0085B7;
    $success: adjust_hue($primary, 260);
    $warning: saturate(adjust_hue($primary, 188), 43);
    $alert: lighten(saturate(adjust_hue($primary, 162), 12), 1);
    
    // function
    @function em($target, $context:$font-size){
      @return ($target/$context) * 1em;
    }
    
    //!default values
    $button-colour: $primary !default;
    $button-text-color: white !default;
    $button-line-height: 32 !default;
    $button-border-radius: 3 !default;
    $button-padding: 30 !default;
    $button-font-size: 24 !default;
    $button-weight: bold !default;
    
    //the btn mixin
    @mixin default-button($color: $button-text-color,
      $line-height: $button-line-height,
      $radius: $button-border-radius,
      $padding: $button-padding,
      $font-size: $button-font-size,
      $weight: $button-weight){
      
      color: $color;
      line-height: em($line-height);
      border-radius: em($radius);
      padding: 0 em($padding);
      font-size: em($font-size);
      font-weight: $weight;
    }
    
    @mixin flat-button($color: $button-color){
      $highlight-color: lighten($color, 50%);
      $shadow-color: grayscale(transparentize($color, 0.1));
    
      background-color: $color;
      border: 1px solid darken($color, 10%);
      text-shadow: 0px 1px 1px darken($color, 20%);
      box-shadow: 0 em(2) em(6) 0 $shadow-color;
      &:hover{
        background-color: darken($color, 5%);
        text-shadow: 1px 1px 1px darken($highlight-color, 5%);
      }
    }
    
    //placeholder selector
    %default-button{
      @include default-button;
    }
    .primary{
      @extend %default-button;
      @include flat-button($primary);  
    }
    .success{
      @extend %default-button;
      @include flat-button($success);
    }
    .warning{
      @extend %default-button;
      @include flat-button($warning);
    }
    .alert{
      @extend %default-button;
      @include flat-button($alert);
    }

    public by afelicioni  320558  2  4  0

    CSS blink class

    CSS blink class: file.css
    @keyframes blink {
        50% { opacity:0.0  }
    }
    @-webkit-keyframes blink {
        50% { opacity:0.0  }
    }
    @-moz-keyframes blink {
        50% { opacity:0.0  }
    }
    @-ms-keyframes blink {
        50% { opacity:0.0  }
    }
    @-o-keyframes blink {
        50% { opacity:0.0  }
    }
    .blink {
        -webkit-animation: blink 1s step-start 0s infinite;
        -moz-animation: blink 1s step-start 0s infinite;
        -ms-animation: blink 1s step-start 0s infinite;
        -o-animation: blink 1s step-start 0s infinite;
        animation: blink 1s step-start 0s infinite;
    }
    
    

    public by DrCustUmz  4074  5  6  1

    CSS - Mobile First Base

    /* Smartphones start somewhere around here */
    @media (min-width: 300px) {
    }
    
    /* You might do landscape phones here if your content seems to need it */
    @media (min-width: 450px) {
    }
    
    /* Starting into tablets somewhere in here */
    @media (min-width: 600px) {
    }
    
    /* Perhaps bigger tablets */
    @media (min-width: 750px) {
    }
    
    /* Desktop screen or landscape tablet */
    @media (min-width: 900px) {
    }
    
    /* A bit bigger if you need some adjustments around here */
    @media (min-width: 1100px) {
    }
    
    /* Widescreens */
    @media (min-width: 1500px) {
    }

    public by samermetwally  4404  0  5  0

    boldbold

    <b></b>
    • Public Snippets
    • Channels Snippets