<commit_before># Sublime Text CSS3 syntax highlight [![Build Status](https://travis-ci.org/i-akhmadullin/Sublime-CSS3.png?branch=master)](https://travis-ci.org/i-akhmadullin/Sublime-CSS3)

<img src="http://i.imgur.com/q3ETMkT.png">

## How to install

1. Ctrl+Shift+P → Package Control: Add Repository → https://github.com/i-akhmadullin/Sublime-CSS3

2. Ctrl+Shift+P → Package Control: Install Package → Sublime-CSS3

3. (in .css file) View → Syntax → Open all with current extension as... → CSS3


## What has been added

#### Property names
```
all

appearance

align-items
align-content
align-self

animation
animation-delay
animation-duration
animation-iteration-count
animation-fill-mode
animation-name
animation-play-state
animation-timing-function

background-clip
background-origin
background-size

border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width

box-shadow
box-sizing
border-radius

columns
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width

font-effect
font-emphasize
font-emphasize-position
font-emphasize-style
flex
flex-align
flex-basis
flex-direction
flex-item-align
flex-flow
flex-grow
flex-line-pack
flex-order
flex-pack
flex-shrink
flex-wrap
box-align
box-direction
box-flex
box-orient
box-ordinal-group
box-pack
justify-content
inline-flex
order
outline-offset
group

backface-visibility
perspective
perspective-origin
transform
transform-style
transform-origin

transition
transition-delay
transition-duration
transition-property
transition-timing-function

hyphens
overflow-scrolling
overflow-wrap
tab-size
text-align-last
text-emphasis
text-overflow
text-size-adjust
word-break

clip-path
filter
user-select
line-clamp
mask, mask-image, mask-size, mask-position
font-smoothing, webkit-font-smoothing, -moz-osx-font-smoothing
behavior
interpolation-mode
-ms-writing-mode
```


#### Property values
All animatable properties plus
```
bicubic
contain, cover, local
border-box, padding-box, border-box, content-box
table-cell, table-caption, table-column-group, table-column, table-row-group, table-row

linear
infinite
webkit-gradient
radial-gradient
repeating-radial-gradient
linear-gradient
repeating-linear-gradient

flex-start, flex-end, space-between, space-around, stretch
box, flexbox, flex, column, column-reverse, row, row-reverse,
wrap, wrap-reverse, start, inline-flex, inline-flexbox

transform, translate, rotate, scale, matrix, skew,
closest-side, closest-corner, farthest-side,
farthest-corner, color-stop, preserve-3d, ellipse
ease, ease-in-out, ease-in, ease-out, from, to

content
antialiased, grayscale
blink
textfield
touch
image-set

initial, unset

progid:DXImageTransform.Microsoft.Alpha, alpha
progid:DXImageTransform.Microsoft.Blur
progid:DXImageTransform.Microsoft.dropshadow
progid:DXImageTransform.Microsoft.gradient, startColorStr, EndColorStr
progid:DXImageTransform.Microsoft.Shadow
```

#### Pseudo elements
```
::-webkit-input-placeholder, ::-moz-placeholder, ::placeholder
::selection, ::-moz-selection
::-webkit-search-cancel-button
::-webkit-search-decoration
::-ms-browse
::-ms-check
::-ms-clear
::-ms-expand
::-ms-fill-lower
::-ms-fill-upper
::-ms-fill
::-ms-reveal
::-ms-thumb
::-ms-ticks-after
::-ms-ticks-before
::-ms-tooltip
::-ms-track
::-ms-value
::-moz-focus-inner
```

#### Pseudo classes
```
:not, :matches

:dir, :lang

:any-link, :local-link, :scope

:current, :past, :future

:indeterminate
:default
:in-range, :out-of-range
:required, :optional
:read-only, :read-write

:empty
:only-child
:first-of-type
:nth-of-type
:last-of-type
:nth-last-of-type
:only-of-type

:nth-match, :nth-last-match

:column, :nth-column, :nth-last-column

:valid-drop-target
:active-drop-target

:placeholder-shown
:user-error
```

#### At-rules
```
@keyframes (without keyframe selectors atm)
```

#### Tags
```
keygen
main
math
menuitem
picture
source
svg
template
track
```

#### Units
```
vw,vh,vmin,vmax,turn,ms,dppx
```

#### Custom Properties for Cascading Variables
```
var-my-variable: 20px;
```

#### Functional Notation
```
var(my-variable)
calc
```<commit_msg>add new shapes keyword to readme, group and sort similar groups in readme<commit_after># Sublime Text CSS3 syntax highlight [![Build Status](https://travis-ci.org/i-akhmadullin/Sublime-CSS3.png?branch=master)](https://travis-ci.org/i-akhmadullin/Sublime-CSS3)

<img src="http://i.imgur.com/q3ETMkT.png">

## How to install

1. Ctrl+Shift+P → Package Control: Add Repository → https://github.com/i-akhmadullin/Sublime-CSS3

2. Ctrl+Shift+P → Package Control: Install Package → Sublime-CSS3

3. (in .css file) View → Syntax → Open all with current extension as... → CSS3


## What has been added

#### Property names
```
all
appearance
align-items, align-content, align-self
animation
animation-delay, animation-duration, animation-iteration-count, animation-fill-mode
animation-name, animation-play-state, animation-timing-function
at

backface-visibility
background-clip, background-origin, background-size
border-image, border-image-outset, border-image-repeat, border-image-slice, border-image-source, border-image-width
border-radius
box-align, box-direction, box-flex, box-ordinal-group, box-orient, box-pack
box-shadow
box-sizing

clip-path
column-count, column-fill, column-gap
column-rule, column-rule-color, column-rule-style, column-rule-width
column-span, column-width
columns

filter
flex, flex-align, flex-basis, flex-direction
flex-flow, flex-grow, flex-item-align, flex-line-pack
flex-order, flex-pack, flex-shrink, flex-wrap
font-effect
font-emphasize, font-emphasize-position, font-emphasize-style

group
hyphens
inline-flex
justify-content

mask, mask-image, mask-size, mask-position

order
outline-offset
overflow-scrolling
overflow-wrap

perspective, perspective-origin

transform, transform-origin, transform-style
transition, transition-delay, transition-duration, transition-property, transition-timing-function

shape-image-threshold, shape-margin, shape-outside

tab-size
text-align-last
text-emphasis
text-overflow
text-size-adjust

user-select
word-break

behavior
webkit-font-smoothing, -moz-osx-font-smoothing
interpolation-mode
line-clamp
-ms-writing-mode
```


#### Property values
All animatable properties plus
```
bicubic
border-box, padding-box, border-box, content-box
contain, cover, local
infinite
linear
table-cell, table-caption, table-column-group, table-column, table-row-group, table-row

linear-gradient, radial-gradient, webkit-gradient
repeating-linear-gradient, repeating-radial-gradient

box, flexbox, flex, column, column-reverse, row, row-reverse,
flex-start, flex-end, space-between, space-around, stretch
wrap, wrap-reverse, start, inline-flex, inline-flexbox

closest-side, closest-corner, farthest-side,
ease, ease-in-out, ease-in, ease-out, from, to
farthest-corner, color-stop, preserve-3d, ellipse
transform, translate, rotate, scale, matrix, skew,

antialiased
blink
content
grayscale
image-set
textfield
touch

initial, unset

progid:DXImageTransform.Microsoft.Alpha, alpha
progid:DXImageTransform.Microsoft.Blur
progid:DXImageTransform.Microsoft.dropshadow
progid:DXImageTransform.Microsoft.gradient, startColorStr, EndColorStr
progid:DXImageTransform.Microsoft.Shadow
```

#### Pseudo elements
```
::-moz-focus-inner
::-ms-browse
::-ms-check
::-ms-clear
::-ms-expand
::-ms-fill
::-ms-fill-lower
::-ms-fill-upper
::-ms-reveal
::-ms-thumb
::-ms-ticks-after
::-ms-ticks-before
::-ms-tooltip
::-ms-track
::-ms-value
::-webkit-input-placeholder, ::-moz-placeholder, ::placeholder
::-webkit-search-cancel-button
::-webkit-search-decoration
::selection, ::-moz-selection
```

#### Pseudo classes
```
:not, :matches

:dir, :lang

:any-link, :local-link, :scope

:current, :past, :future

:indeterminate
:default
:in-range, :out-of-range
:required, :optional
:read-only, :read-write

:empty
:only-child
:first-of-type
:nth-of-type
:last-of-type
:nth-last-of-type
:only-of-type

:nth-match, :nth-last-match

:column, :nth-column, :nth-last-column

:valid-drop-target
:active-drop-target

:placeholder-shown
:user-error
```

#### At-rules
```
@keyframes (without keyframe selectors atm)
```

#### Tags
```
keygen, main, math, menuitem, picture, source, svg, template, track
```

#### Units
```
vw,vh,vmin,vmax,turn,ms,dppx
```

#### Custom Properties for Cascading Variables
```
var-my-variable: 20px;
```

#### Functional Notation
```
var(my-variable)
calc()
circle()
ellipse()
inset()
polygon()
```
{'fraction_non_alphanumeric': 0.14315937940761636, 'fraction_numerical': 0.0030559473436765397, 'mean_word_length': 5.252020573108009, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1127671', 'n_tokens_mistral': 3086, 'n_tokens_neox': 2947, 'n_words': 655}