├── Snippets
├── animation-delay.tmSnippet
├── animation-direction.tmSnippet
├── animation-duration.tmSnippet
├── animation-iteration-count.tmSnippet
├── animation-name.tmSnippet
├── animation-play-state.tmSnippet
├── animation-shorthand.tmSnippet
├── animation-timing-function.tmSnippet
├── border-radius-bottom.tmSnippet
├── border-radius-top.tmSnippet
├── border-radius.tmSnippet
├── box-shadow hex.tmSnippet
├── box-shadow rgba.tmSnippet
├── gradient horizontal.tmSnippet
├── gradient radial.tmSnippet
├── gradient vertical.tmSnippet
├── hsl.tmSnippet
├── hsla.tmSnippet
├── mask-image.tmSnippet
├── nth-child(even).tmSnippet
├── nth-child(odd).tmSnippet
├── rgba.tmSnippet
├── text-shadow.tmSnippet
├── transform.tmSnippet
├── transition shorthand.tmSnippet
├── transition-delay.tmSnippet
├── transition-duration.tmSnippet
├── transition-property.tmSnippet
├── transition-timing-function.tmSnippet
├── user-focus-key.tmSnippet
├── user-focus-pointer.tmSnippet
├── user-focus.tmSnippet
├── user-modify.tmSnippet
├── user-select.tmSnippet
├── webkit-column.tmSnippet
├── webkit-tap-highlight-color.tmSnippet
└── webkit-text-stroke.tmSnippet
├── Templates
└── CSS Template.tmTemplate
│ ├── info.plist
│ └── style.css
├── info.plist
└── readme.md
/Snippets/animation-delay.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation-delay:${1:<time> [, <time>]*};
7 | -moz-animation-delay:$1;
8 | animation-delay:$1; $0
9 | name
10 | animation-delay
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | BD2AE9F6-423E-4917-A355-8E80E4AC6831
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/animation-direction.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation-direction:${1:normal | alternate [, normal | alternate]*};
7 | -moz-animation-direction:$1;
8 | animation-direction:$1; $0
9 | name
10 | animation-direction
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | 3A5064B1-2AD4-4F4A-A26D-B0015C2568BD
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/animation-duration.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation-duration:${1:2s};
7 | -moz-animation-duration:$1;
8 | animation-duration:$1; $0
9 | name
10 | animation-duration
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | ABCE7EB4-9B3C-4333-8654-9F93A98C06AE
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/animation-iteration-count.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation-iteration-count:${1:infinite | <number> [, infinite | <number>]*};
7 | -moz-animation-iteration-count:$1;
8 | animation-iteration-count:$1; $0
9 | name
10 | animation-iteration-count
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | 932587E6-D6C0-47C9-B0EC-9A87D4288FE3
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/animation-name.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation-name:${1:AnimationName};
7 | -moz-animation-name:$1;
8 | animation-name:$1; $0
9 | name
10 | animation-name
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | F3264F5F-DB7E-4C9A-8C74-2AD5A4D49AFB
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/animation-play-state.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation-play-state:${1:running | paused [, running | paused]*};
7 | -moz-animation-play-state:$1;
8 | animation-play-state:$1; $0
9 | name
10 | animation-play-state
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | 975EC33F-0FE5-4256-97A2-1CA558316226
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/animation-shorthand.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation:${1:[<animation-name> || <animation-duration> || <animation-timing-function> || <animation-delay> || <animation-iteration-count> || <animation-direction>] [, [<animation-name> || <animation-duration> || <animation-timing-function> || <animation-delay> || <animation-iteration-count> || <animation-direction>] ]*};
7 | -moz-animation:$1;
8 | animation:$1; $0
9 | name
10 | animation-shorthand
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | A686342F-F045-4FF9-A1B2-4DA841C1E190
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/animation-timing-function.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-animation-timing-function:${1:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*};
7 | -moz-animation-timing-function:$1;
8 | animation-timing-function:$1; $0
9 | name
10 | animation-timing-function
11 | scope
12 | source.css
13 | tabTrigger
14 | animation
15 | uuid
16 | DC864590-1BE0-4420-BBBE-B39AE5F14F45
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/border-radius-bottom.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-border-bottom-right-radius:${1:5px}; /* Saf3+, Chrome */
7 | -webkit-border-bottom-left-radius:$1;
8 | -moz-border-radius-bottomright:$1; /* FF1+ */
9 | -moz-border-radius-bottomleft:$1;
10 | border-bottom-right-radius:$1; /* Opera 10.5, IE 9 */
11 | border-bottom-left-radius:$1; $0
12 | name
13 | border-radius-bottom
14 | scope
15 | source.css
16 | tabTrigger
17 | radius
18 | uuid
19 | C63964AF-D064-4DC7-8FD2-55F7CF4F8BF7
20 |
21 |
22 |
--------------------------------------------------------------------------------
/Snippets/border-radius-top.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-border-top-left-radius:${1:5px}; /* Saf3+, Chrome */
7 | -webkit-border-top-right-radius:$1;
8 | -moz-border-radius-topleft:$1; /* FF1+ */
9 | -moz-border-radius-topright:$1;
10 | border-top-left-radius:$1; /* Opera 10.5, IE 9 */
11 | border-top-right-radius:$1; $0
12 | name
13 | border-radius-top
14 | scope
15 | source.css
16 | tabTrigger
17 | radius
18 | uuid
19 | 28126C89-81C0-413A-AD3F-73F954D7B82E
20 |
21 |
22 |
--------------------------------------------------------------------------------
/Snippets/border-radius.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-border-radius:${1:5px}; /* Saf3+, Chrome */
7 | -moz-border-radius:$1; /* FF1+ */
8 | border-radius:$1; /* Opera 10.5, IE 9 */ $0
9 | name
10 | border-radius
11 | scope
12 | source.css
13 | tabTrigger
14 | radius
15 | uuid
16 | EA656B32-02C7-456C-A903-CDD4D782C94B
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/box-shadow hex.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-box-shadow:${1:0} ${2:0} ${3:0} ${4:4px} ${5:#ffffff}; /* Saf3.0+, Chrome */
7 | -moz-box-shadow:$1 $2 $3 $4 $5; /* FF3.5+ */
8 | box-shadow:$1 $2 $3 $4 $5; /* Opera 10.5, IE 9.0 */
9 | filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=$1, OffY=$2, Color='$5'); /* IE6,IE7 */
10 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=$1, OffY=$2, Color='$5')"; /* IE8 */ $0
11 | name
12 | box-shadow hex
13 | scope
14 | source.css
15 | tabTrigger
16 | boxshadow
17 | uuid
18 | D118C34A-032B-42F9-9ABA-26A327670C6B
19 |
20 |
21 |
--------------------------------------------------------------------------------
/Snippets/box-shadow rgba.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-box-shadow:${1:0} ${2:0} ${3:0} ${4:4px} rgba(${5:0},${6:0},${7:0},${8:0.2}); /* Saf3.0+, Chrome */
7 | -moz-box-shadow:$1 $2 $3 $4 rgba($5,$6,$7,$8); /* FF3.5+ */
8 | box-shadow:$1 $2 $3 $4 rgba($5,$6,$7,$8); /* Opera 10.5, IE 9.0 */
9 | filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=$1, OffY=$2, Color='${9:#fff}'); /* IE6,IE7 */
10 | -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=$1, OffY=$2, Color='$9')"; /* IE8 */ $0
11 | name
12 | box-shadow rgba
13 | scope
14 | source.css
15 | tabTrigger
16 | boxshadow
17 | uuid
18 | FA0D7753-3D37-4EB6-A2FC-600B440C03A6
19 |
20 |
21 |
--------------------------------------------------------------------------------
/Snippets/gradient horizontal.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | background:${1:#fff}; /* Old browsers */
7 | background-image:-webkit-gradient(linear, left top, right top, color-stop(${3:10%},${2:#fff}), color-stop(${5:100%},${4:#e5e5e5})); /* Chrome,Safari4+ */
8 | background-image: -webkit-linear-gradient(left, $2 $3, $4 $5); /* Chrome10+,Safari5.1+ */
9 | background-image: -moz-linear-gradient(left, $2 $3, $4 $5); /* FF3.6+ */
10 | background-image: -o-linear-gradient(left, $2 $3, $4 $5); /* Opera11.10+ */
11 | background-image: -ms-linear-gradient(left, $2 $3, $4 $5); /* IE10+ */
12 | filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$2', endColorstr='$4',GradientType=1 ); /* IE6-9 */
13 | background:linear-gradient(left, $2 $3,$4 $5); /* W3C */ $0
14 | name
15 | gradient horizontal
16 | scope
17 | source.css
18 | tabTrigger
19 | gradient
20 | uuid
21 | 887C7F55-36BB-450F-A568-D30B06859FEE
22 |
23 |
24 |
--------------------------------------------------------------------------------
/Snippets/gradient radial.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | background:${1:#fff}; /* fallback for non-supporting browsers */
7 | background-image:-webkit-gradient(radial, center center, 0, center center, 141, from($2), to($4)); /* old WebKit Syntax */
8 | background-image: -webkit-radial-gradient(center center, ${6:circle | ellipse} ${7:losest-side | closest-corner | farthest-side | farthest-corner | contain | cover}, ${2:#fff} ${3:0%}, ${4:#e5e5e5} ${5:100%}); /* New WebKit syntax */
9 | background-image: -moz-radial-gradient(center center, $6 $7, $2 $3, $4 $5); /* Mozilla */
10 | background-image: -ms-radial-gradient(center center, $6 $7, $2 $3, $4 $5); /* IE10+ */
11 | background-image: -o-radial-gradient(center center, $6 $7, $2 $3, $4 $5); /* Opera (13) */
12 | background-image: radial-gradient(center center, $6 $7, $2 $3, $4 $5); /* standard syntax */ $0
13 | name
14 | gradient radial
15 | scope
16 | source.css
17 | tabTrigger
18 | gradient
19 | uuid
20 | 5E6C48BE-431D-43A7-B98B-FA5E1B2FC3E2
21 |
22 |
23 |
--------------------------------------------------------------------------------
/Snippets/gradient vertical.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | background:${1:#fff}; /* Old browsers */
7 | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(${3:0%},${2:#fff}), color-stop(${5:100%},${4:#e5e5e5})); /* Chrome,Safari4+ */
8 | background-image:-webkit-linear-gradient(top, $2 $3, $4 $5); /* Chrome10+,Safari5.1+ */
9 | background-image: -moz-linear-gradient(top, $2 $3, $4 $5); /* FF3.6+ */
10 | background-image: -o-linear-gradient(top, $2 $3, $4 $5); /* Opera11.10+ */
11 | background-image: -ms-linear-gradient(top, $2 $3, $4 $5); /* IE10+ */
12 | background-image: linear-gradient(top, $2 $3, $4 $5); /* W3C */
13 | filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$2', endColorstr='$4',GradientType=0 ); /* IE6-9 */ $0
14 | name
15 | gradient vertical
16 | scope
17 | source.css
18 | tabTrigger
19 | gradient
20 | uuid
21 | CA7901F0-62A3-4F3C-A4AA-87A8B9D3AC2D
22 |
23 |
24 |
--------------------------------------------------------------------------------
/Snippets/hsl.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | hsl(${1:0}, ${2:100}%, ${3:50}%)$0
7 | name
8 | hsl
9 | scope
10 | source.css
11 | tabTrigger
12 | hsl
13 | uuid
14 | 2614EED4-DA89-4B42-B686-FCE8A93A476D
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Snippets/hsla.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | hsla(${1:0}, ${2:100}%, ${3:50}%,${4:1.0})$0
7 | name
8 | hsla
9 | scope
10 | source.css
11 | tabTrigger
12 | hsla
13 | uuid
14 | 60C01DA6-EA66-435D-921F-75CFBAD85397
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Snippets/mask-image.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-mask-image:${1:gradient or image}; /* Webkit */
7 | -moz-mask-image:$1; /* Mozilla */
8 | -o-mask-image:$1; /* Opera */
9 | mask-image:$1; /* Universal */ $0
10 | name
11 | mask-image
12 | scope
13 | source.css
14 | tabTrigger
15 | mask
16 | uuid
17 | 4E743860-202D-49A3-B722-A920E9A98C09
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/nth-child(even).tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | :nth-child(even)
7 | name
8 | nth-child(even)
9 | scope
10 | source.css
11 | tabTrigger
12 | nth
13 | uuid
14 | D7CE298F-A7DD-4A97-BA5D-BA3CC8E6FB6C
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Snippets/nth-child(odd).tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | :nth-child(odd)
7 | name
8 | nth-child(odd)
9 | scope
10 | source.css
11 | tabTrigger
12 | nth
13 | uuid
14 | AB1B55CC-26CD-4804-9302-8C823C9B62AB
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Snippets/rgba.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | rgba(${1:255}, ${2:0}, ${3:0},${4:0.75})$0
7 | name
8 | rgba
9 | scope
10 | source.css
11 | tabTrigger
12 | rgba
13 | uuid
14 | 21B0267F-1448-4490-91B4-D25E66D5D595
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Snippets/text-shadow.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | text-shadow:rgba(${1:64}, ${2:64}, ${3:64}, ${4:0.5}) ${5:2}px ${6:2}px ${7:2}px; $0
7 | name
8 | text-shadow
9 | scope
10 | source.css
11 | tabTrigger
12 | textshadow
13 | uuid
14 | 30132D48-7AC5-4F76-9647-4A7E6F1ACD89
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Snippets/transform.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-transform:${1:none | <transform-function> [ <transform-function> ]*}(${2:value, value});
7 | -moz-transform:$1($2);
8 | -o-transform:$1($2);
9 | transform:$1($2); $0
10 | name
11 | transform
12 | scope
13 | source.css
14 | tabTrigger
15 | transform
16 | uuid
17 | 66ADE11F-6E7B-4A90-9F0B-45C49B943606
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/transition shorthand.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-transition:${1:color(property)} ${2:.25s(duration)} ${3:linear(timing-function)} ${4:.1s(delay)};
7 | -moz-transition:$1 $2 $3 $4;
8 | -o-transition:$1 $2 $3 $4;
9 | transition:$1 $2 $3 $4; $0
10 | name
11 | transition shorthand
12 | scope
13 | source.css
14 | tabTrigger
15 | transition
16 | uuid
17 | 2CA36AF2-86DD-499C-9E2E-B7F6F0D18D54
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/transition-delay.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-transition-delay:${1:0.5s};
7 | -moz-transition-delay:$1;
8 | -o-transition-delay:$1;
9 | transition-delay:$1; $0
10 | name
11 | transition-delay
12 | scope
13 | source.css
14 | tabTrigger
15 | transition
16 | uuid
17 | 3A9F86F4-9B23-48A2-A7EB-19B8B2174AB3
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/transition-duration.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-transition-duration:${1:0.1s};
7 | -moz-transition-duration:$1;
8 | -o-transition-duration:$1;
9 | transition-duration:$1; $0
10 | name
11 | transition-duration
12 | scope
13 | source.css
14 | tabTrigger
15 | transition
16 | uuid
17 | FFE65682-8FE2-4992-AF2C-F9580CDBB056
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/transition-property.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-transition-property:${1:opacity | none | all | [ <IDENT> ] [ ‘,’ <IDENT> ]*};
7 | -moz-transition-property:$1;
8 | -o-transition-property:$1;
9 | transition-property:$1; $0
10 | name
11 | transition-property
12 | scope
13 | source.css
14 | tabTrigger
15 | transition
16 | uuid
17 | 0A036ADC-5FAF-4609-930F-FE59F177B673
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/transition-timing-function.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-transition-timing-function:${1:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*};
7 | -moz-transition-timing-function:$1;
8 | -o-transition-timing-function:$1;
9 | transition-timing-function:$1; $0
10 | name
11 | transition-timing-function
12 | scope
13 | source.css
14 | tabTrigger
15 | transition
16 | uuid
17 | 02E77E42-75EC-4230-9D89-57ADDF3D5271
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/user-focus-key.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-user-focus-key:${1:auto | normal | select-all | select-before | select-after | select-same | select-menu | inherit}; /* Webkit */
7 | -moz-user-focus-key:$1; /* Mozilla */
8 | -o-user-focus-key:$1; /* Opera */
9 | user-focus-key:$1; /* Universal */ $0
10 | name
11 | user-focus-key
12 | scope
13 | source.css
14 | tabTrigger
15 | userfocus
16 | uuid
17 | 041106D8-BA33-4962-9794-8523573EF913
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/user-focus-pointer.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-user-focus-pointer:${1:auto | normal | select-all | select-before | select-after | select-same | select-menu | inherit}; /* Webkit */
7 | -moz-user-focus-pointer:$1; /* Mozilla */
8 | -o-user-focus-pointer:$1; /* Opera */
9 | user-focus-pointer:$1; /* Universal */ $0
10 | name
11 | user-focus-pointer
12 | scope
13 | source.css
14 | tabTrigger
15 | userfocus
16 | uuid
17 | CFC88605-614B-4461-8389-9E7237712A5B
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/user-focus.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-user-focus:${1:auto | normal | select-all | select-before | select-after | select-same | select-menu | inherit}; /* Webkit */
7 | -moz-user-focus:$1; /* Mozilla */
8 | -o-user-focus:$1; /* Opera */
9 | user-focus:$1; /* Universal */ $0
10 | name
11 | user-focus
12 | scope
13 | source.css
14 | tabTrigger
15 | userfocus
16 | uuid
17 | 6C80D44B-2B00-4D52-B7A7-F38B4AFA1AE1
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/user-modify.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-user-modify:${1:read-only | read-write | write-only | inherit}; /* Webkit */
7 | -moz-user-modify:$1; /* Mozilla */
8 | -o-user-modify:$1; /* Opera */
9 | user-modify:$1; /* Universal */ $0
10 | name
11 | user-modify
12 | scope
13 | source.css
14 | tabTrigger
15 | usermodify
16 | uuid
17 | 82417FF5-8031-484E-9758-F69E2386BBE0
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/user-select.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-user-select:${1:none | text | toggle | element | elements | all | inherit}; /* Webkit */
7 | -moz-user-select:$1; /* Mozilla */
8 | -o-user-select:$1; /* Opera */
9 | user-select:$1; /* Universal */ $0
10 | name
11 | user-select
12 | scope
13 | source.css
14 | tabTrigger
15 | userselect
16 | uuid
17 | 66F67CD3-DD02-4DCD-A8B1-DFE97B09E65A
18 |
19 |
20 |
--------------------------------------------------------------------------------
/Snippets/webkit-column.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-column-count:${1:2};
7 | -webkit-column-rule:${2:1}px ${3:solid} ${4:#bbb};
8 | -webkit-column-gap:${5:2}em; $0
9 | name
10 | webkit-column
11 | scope
12 | source.css
13 | tabTrigger
14 | columns
15 | uuid
16 | FEB1B65B-DB09-4E7B-A835-4C0C97CE7BA0
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Snippets/webkit-tap-highlight-color.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-tap-highlight-color:rgba(${1:0},${2:0},${3:0},${4:0.1}); $0
7 | name
8 | webkit-tap-highlight-color
9 | scope
10 | source.css
11 | tabTrigger
12 | taphighlight
13 | uuid
14 | CCFB6EA2-5997-4ABC-901C-EC81B364D53E
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Snippets/webkit-text-stroke.tmSnippet:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | content
6 | -webkit-text-fill-color:${1:black};
7 | -webkit-text-stroke-color:${2:red};
8 | -webkit-text-stroke-width:${3:1.50px}; $0
9 | name
10 | webkit-text-stroke
11 | scope
12 | source.css
13 | tabTrigger
14 | textstroke
15 | uuid
16 | CC108AF2-C7AA-4005-862F-B386553FBB89
17 |
18 |
19 |
--------------------------------------------------------------------------------
/Templates/CSS Template.tmTemplate/info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | command
6 | [ -f "$TM_NEW_FILE" ] || perl -pe 's/\$\{([^}]*)\}/$ENV{$1}/g' <style.css >"$TM_NEW_FILE"
7 | extension
8 | css
9 | name
10 | CSS Template
11 | scope
12 | source.css
13 | uuid
14 | D14D0684-20C1-46B1-A957-FC8C80599349
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Templates/CSS Template.tmTemplate/style.css:
--------------------------------------------------------------------------------
1 | /* ${TM_NEW_FILE_BASENAME}.css */
2 |
3 | /* Author: ${TM_FULLNAME} */
4 |
5 | /* Reset -------------------------------------------------------------------------------------------------- */
6 |
7 | * { outline:0 !important; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
8 |
9 | /* Language specification for smart quotes */
10 | :lang(en-us) >q { quotes:"\201c" "\201d" "\2018" "\2019"; }
11 | :lang(en-gb) >q { quotes:"\2018" "\2019" "\201c" "\201d"; }
12 |
13 | body { margin:0; padding:0; } /* Custom Reset—Here */
14 |
15 |
16 | /* Structure -------------------------------------------------------------------------------------------------- */
17 |
18 |
--------------------------------------------------------------------------------
/info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | contactEmailRot13
6 | avpxpuneygba91@tznvy.pbz
7 | contactName
8 | Nick Charlton
9 | deleted
10 |
11 | 7F254AAA-1538-4D9D-B1D9-2D8F42395773
12 |
13 | description
14 | A set of CSS3 Extensions to the default CSS Bundle
15 | name
16 | CSS3
17 | ordering
18 |
19 | D14D0684-20C1-46B1-A957-FC8C80599349
20 | A686342F-F045-4FF9-A1B2-4DA841C1E190
21 | F3264F5F-DB7E-4C9A-8C74-2AD5A4D49AFB
22 | ABCE7EB4-9B3C-4333-8654-9F93A98C06AE
23 | DC864590-1BE0-4420-BBBE-B39AE5F14F45
24 | 932587E6-D6C0-47C9-B0EC-9A87D4288FE3
25 | 3A5064B1-2AD4-4F4A-A26D-B0015C2568BD
26 | 975EC33F-0FE5-4256-97A2-1CA558316226
27 | BD2AE9F6-423E-4917-A355-8E80E4AC6831
28 | EA656B32-02C7-456C-A903-CDD4D782C94B
29 | 28126C89-81C0-413A-AD3F-73F954D7B82E
30 | C63964AF-D064-4DC7-8FD2-55F7CF4F8BF7
31 | FA0D7753-3D37-4EB6-A2FC-600B440C03A6
32 | D118C34A-032B-42F9-9ABA-26A327670C6B
33 | 887C7F55-36BB-450F-A568-D30B06859FEE
34 | 5E6C48BE-431D-43A7-B98B-FA5E1B2FC3E2
35 | CA7901F0-62A3-4F3C-A4AA-87A8B9D3AC2D
36 | 4E743860-202D-49A3-B722-A920E9A98C09
37 | D7CE298F-A7DD-4A97-BA5D-BA3CC8E6FB6C
38 | AB1B55CC-26CD-4804-9302-8C823C9B62AB
39 | FEB1B65B-DB09-4E7B-A835-4C0C97CE7BA0
40 | CC108AF2-C7AA-4005-862F-B386553FBB89
41 | CCFB6EA2-5997-4ABC-901C-EC81B364D53E
42 | 30132D48-7AC5-4F76-9647-4A7E6F1ACD89
43 | 66ADE11F-6E7B-4A90-9F0B-45C49B943606
44 | 2CA36AF2-86DD-499C-9E2E-B7F6F0D18D54
45 | 0A036ADC-5FAF-4609-930F-FE59F177B673
46 | FFE65682-8FE2-4992-AF2C-F9580CDBB056
47 | 02E77E42-75EC-4230-9D89-57ADDF3D5271
48 | 3A9F86F4-9B23-48A2-A7EB-19B8B2174AB3
49 | 6C80D44B-2B00-4D52-B7A7-F38B4AFA1AE1
50 | 041106D8-BA33-4962-9794-8523573EF913
51 | CFC88605-614B-4461-8389-9E7237712A5B
52 | 82417FF5-8031-484E-9758-F69E2386BBE0
53 | 66F67CD3-DD02-4DCD-A8B1-DFE97B09E65A
54 | 21B0267F-1448-4490-91B4-D25E66D5D595
55 | 60C01DA6-EA66-435D-921F-75CFBAD85397
56 | 2614EED4-DA89-4B42-B686-FCE8A93A476D
57 |
58 | uuid
59 | 3A6F6BAB-AA03-47A0-9A00-0ACCF6E13412
60 |
61 |
62 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # CSS3 Textmate Bundle
2 |
3 | By Matthew Sanders—matt@optionshft.com
4 |
5 | 
6 |
7 | Includes snippets for vendor-specific properties and (later) syntax highlighting.
8 |
9 | ## Installation
10 |
11 | The best way to install this bundle is via command line. Simply copy & paste each line into a terminal window.
12 |
13 | ### Install via Git:
14 |
15 | mkdir -p ~/Library/Application\ Support/TextMate/Bundles
16 | cd ~/Library/Application\ Support/TextMate/Bundles
17 | git clone git@github.com:mattsanders/CSS3-TextMate-Bundle.git "CSS3.tmbundle"
18 | osascript -e 'tell app "TextMate" to reload bundles'
19 |
20 | Source can be viewed or forked via GitHub: [http://github.com/mattsanders/CSS3-TextMate-Bundle/tree/master](http://github.com/mattsanders/CSS3-TextMate-Bundle/tree/master)
21 |
22 | ### Install without Git:
23 |
24 | mkdir -p ~/Library/Application\ Support/TextMate/Bundles
25 | cd ~/Library/Application\ Support/TextMate/Bundles
26 | wget http://github.com/mattsanders/CSS3-TextMate-Bundle/tarball/master
27 | tar zxf mattsanders-CSS3-TextMate-Bundle*.tar.gz
28 | rm mattsanders-CSS3-TextMate-Bundle*.tar.gz
29 | mv mattsanders-CSS3-TextMate-Bundle* CSS3.tmbundle
30 | osascript -e 'tell app "TextMate" to reload bundles'
31 |
32 | ## Basic Commands
33 |
34 | These are the basic commands you may use for [TAB]-completion with your stylesheets.
35 |
36 | * animation ( CSS Animations )
37 | * radius ( border-radius in every combination )
38 | * boxshadow
39 | * gradient ( Cross Browser CSS Gradients )
40 | * nth
41 | * columns
42 | * textstroke
43 | * taphighlight ( Mobile Webkit )
44 | * textshadow
45 | * transform ( CSS Transforms )
46 | * transition ( CSS Transitions )
47 | * userfocus
48 | * usermodify
49 | * userselect
50 | * rgba
51 | * hsla
52 | * hsl
53 |
54 | ### CSS Template
55 |
56 | Select File > New From Template > CSS3 > CSS Template
57 |
58 | ## Example
59 |
60 | -webkit-user-select:none; /* Webkit */
61 | -moz-user-select:none; /* Mozilla */
62 | -o-user-select:none; /* Opera */
63 | user-select:none; /* Universal */
64 |
65 | ## Author
66 |
67 | Matthew Sanders, matt@optionshft.com
68 |
69 | Website [http://optionshft.com](http://optionshft.com)
70 | Twitter [http://twitter.com/mattsanders](http://twitter.com/mattsanders)
71 | Dribbble [http://dribbble.com/matthew](http://dribbble.com/matthew)
72 |
73 |
74 |
75 | License
76 | =======
77 |
78 | 
CSS3 TextMate Bundle by Matthew Sanders is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
--------------------------------------------------------------------------------