Added a bunch of styles, pretty much done
This commit is contained in:
Josh Sherman
parent
a0999a412a
commit
05e38e3e06
1 changed files with 168 additions and 276 deletions
440
properties.css
440
properties.css
|
|
@ -5,280 +5,172 @@
|
||||||
* @link https://github.com/joshtronic/properties.css
|
* @link https://github.com/joshtronic/properties.css
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* {{{ clear */
|
/* clear */
|
||||||
.clear-both { clear: both }
|
.clear, .clear-both { clear: both }
|
||||||
.clear-left { clear: left }
|
.clear-left { clear: left }
|
||||||
.clear-right { clear: right }
|
.clear-right { clear: right }
|
||||||
/* }}} */
|
|
||||||
/* {{{ cursor */
|
|
||||||
.cursor-auto { cursor: auto }
|
|
||||||
.cursor-crosshair { cursor: crosshair }
|
|
||||||
.cursor-default { cursor: default }
|
|
||||||
.cursor-e-resize { cursor: e-resize }
|
|
||||||
.cursor-help { cursor: help }
|
|
||||||
.cursor-move { cursor: move }
|
|
||||||
.cursor-n-resize { cursor: n-resize }
|
|
||||||
.cursor-ne-resize { cursor: ne-resize }
|
|
||||||
.cursor-nw-resize { cursor: nw-resize }
|
|
||||||
.cursor-pointer { cursor: pointer }
|
|
||||||
.cursor-progress { cursor: progress }
|
|
||||||
.cursor-s-resize { cursor: s-resize }
|
|
||||||
.cursor-se-resize { cursor: se-resize }
|
|
||||||
.cursor-sw-resize { cursor: sw-resize }
|
|
||||||
.cursor-text { cursor: text }
|
|
||||||
.cursor-w-resize { cursor: w-resize }
|
|
||||||
.cursor-wait { cursor: wait }
|
|
||||||
.cursor-inherit { cursor: inherit }
|
|
||||||
/* }}} */
|
|
||||||
/* {{{ display */
|
|
||||||
.display-none { display: none }
|
|
||||||
.display-box { display: box }
|
|
||||||
.display-block { display: block }
|
|
||||||
.display-flex { display: flex }
|
|
||||||
.display-flex-box { display: flex-box }
|
|
||||||
.display-inline { display: inline }
|
|
||||||
.display-inline-block { display: inline-block }
|
|
||||||
.display-inline-flex { display: inline-flex }
|
|
||||||
.display-inline-table { display: inline-table }
|
|
||||||
.display-list-item { display: list-item }
|
|
||||||
.display-table { display: table }
|
|
||||||
.display-table-caption { display: table-caption }
|
|
||||||
.display-table-cell { display: table-cell }
|
|
||||||
.display-table-column { display: table-column }
|
|
||||||
.display-table-column-group { display: table-column-group }
|
|
||||||
.display-table-footer-group { display: table-footer-group }
|
|
||||||
.display-table-header-group { display: table-header-group }
|
|
||||||
.display-table-row { display: table-row }
|
|
||||||
.display-table-row-group { display: table-row-group }
|
|
||||||
.display-inherit { display: inherit }
|
|
||||||
/* }}} */
|
|
||||||
/* {{{ float */
|
|
||||||
.float-left { float: left }
|
|
||||||
.float-right { float: right }
|
|
||||||
.float-none { float: none }
|
|
||||||
.float-inherit { float: inherit }
|
|
||||||
/* }}} */
|
|
||||||
/* {{{ font-style */
|
|
||||||
.font-style-normal { font-style: normal }
|
|
||||||
.font-style-italic { font-style: italic }
|
|
||||||
.font-style-oblique { font-style: oblique }
|
|
||||||
.font-style-inherit { font-style: inherit }
|
|
||||||
/* }}} */
|
|
||||||
/* {{{ font-variant */
|
|
||||||
.font-variant-normal { font-variant: normal }
|
|
||||||
.font-variant-small-caps { font-variant: small-caps }
|
|
||||||
.font-variant-inherit { font-variant: inherit }
|
|
||||||
/* }}} */
|
|
||||||
/* {{{ font-weight */
|
|
||||||
.font-weight-normal { font-weight: normal }
|
|
||||||
.font-weight-bold { font-weight: bold }
|
|
||||||
.font-weight-bolder { font-weight: bolder }
|
|
||||||
.font-weight-lighter { font-weight: lighter }
|
|
||||||
.font-weight-100 { font-weight: 100 }
|
|
||||||
.font-weight-200 { font-weight: 200 }
|
|
||||||
.font-weight-300 { font-weight: 300 }
|
|
||||||
.font-weight-400 { font-weight: 400 }
|
|
||||||
.font-weight-500 { font-weight: 500 }
|
|
||||||
.font-weight-600 { font-weight: 600 }
|
|
||||||
.font-weight-700 { font-weight: 700 }
|
|
||||||
.font-weight-800 { font-weight: 800 }
|
|
||||||
.font-weight-900 { font-weight: 900 }
|
|
||||||
.font-weight-inherit { font-weight: inherit }
|
|
||||||
/* }}} */
|
|
||||||
/* {{{ position */
|
|
||||||
.position-static { position: static }
|
|
||||||
.position-absolute { position: absolute }
|
|
||||||
.position-fixed { position: fixed }
|
|
||||||
.position-relative { position: relative }
|
|
||||||
.position-inherit { position: inherit }
|
|
||||||
/* }}} */
|
|
||||||
|
|
||||||
/*
|
/* cursor */
|
||||||
@todo...
|
.crosshair { cursor: crosshair }
|
||||||
animation
|
.e-resize { cursor: e-resize }
|
||||||
animation
|
.help { cursor: help }
|
||||||
animation-name
|
.move { cursor: move }
|
||||||
animation-duration
|
.n-resize { cursor: n-resize }
|
||||||
animation-timing-function
|
.ne-resize { cursor: ne-resize }
|
||||||
animation-delay
|
.nw-resize { cursor: nw-resize }
|
||||||
animation-iteration-count
|
.pointer { cursor: pointer }
|
||||||
animation-direction
|
.progress { cursor: progress }
|
||||||
animation-play-state
|
.s-resize { cursor: s-resize }
|
||||||
appearance
|
.se-resize { cursor: se-resize }
|
||||||
backface-visibility
|
.sw-resize { cursor: sw-resize }
|
||||||
background
|
.text { cursor: text }
|
||||||
background
|
.w-resize { cursor: w-resize }
|
||||||
background-attachment
|
.wait { cursor: wait }
|
||||||
background-color
|
|
||||||
background-image
|
/* display */
|
||||||
background-position
|
.block { display: block }
|
||||||
background-repeat
|
.box { display: box }
|
||||||
background-clip
|
.flex { display: flex }
|
||||||
background-origin
|
.flex-box { display: flex-box }
|
||||||
background-size
|
.inherit { display: inherit }
|
||||||
border
|
.inline { display: inline }
|
||||||
border
|
.inline-block { display: inline-block }
|
||||||
border-bottom
|
.inline-flex { display: inline-flex }
|
||||||
border-bottom-color
|
.inline-table { display: inline-table }
|
||||||
border-bottom-style
|
.list-item { display: list-item }
|
||||||
border-bottom-width
|
.hide { display: none }
|
||||||
border-collapse
|
.table { display: table }
|
||||||
border-color
|
.table-caption { display: table-caption }
|
||||||
border-left
|
.table-cell { display: table-cell }
|
||||||
border-left-color
|
.table-column { display: table-column }
|
||||||
border-left-style
|
.table-column-group { display: table-column-group }
|
||||||
border-left-width
|
.table-footer-group { display: table-footer-group }
|
||||||
border-right
|
.table-header-group { display: table-header-group }
|
||||||
border-right-color
|
.table-row { display: table-row }
|
||||||
border-right-style
|
.table-row-group { display: table-row-group }
|
||||||
border-right-width
|
|
||||||
border-spacing
|
/* float */
|
||||||
border-style
|
.float, .float-left { float: left }
|
||||||
border-top
|
.no-float { float: none }
|
||||||
border-top-color
|
.float-right { float: right }
|
||||||
border-top-style
|
|
||||||
border-top-width
|
/* font-family */
|
||||||
border-width
|
.cursive { font-family: cursive }
|
||||||
border-bottom-left-radius
|
.fantasy { font-family: fantasy }
|
||||||
border-bottom-right-radius
|
.monospace { font-family: monospace }
|
||||||
border-image
|
.sans-serif { font-family: sans-serif }
|
||||||
border-image-outset
|
.serif { font-family: serif }
|
||||||
border-image-repeat
|
|
||||||
border-image-slice
|
/* font-style */
|
||||||
border-image-source
|
.italic { font-style: italic }
|
||||||
border-image-width
|
.oblique { font-style: oblique }
|
||||||
border-radius
|
|
||||||
border-top-left-radius
|
/* font-variant */
|
||||||
border-top-right-radius
|
.small-caps { font-variant: small-caps }
|
||||||
bottom
|
|
||||||
box
|
/* font-weight */
|
||||||
box-align
|
.bold { font-weight: bold }
|
||||||
box-direction
|
.bolder { font-weight: bolder }
|
||||||
box-flex
|
.lighter { font-weight: lighter }
|
||||||
box-flex-group
|
|
||||||
box-lines
|
/* list-style-type */
|
||||||
box-ordinal-group
|
.armenian { list-style-type: armenian }
|
||||||
box-orient
|
.circle { list-style-type: circle }
|
||||||
box-pack
|
.cjk-ideographic { list-style-type: cjk-ideographic }
|
||||||
box-sizing
|
.decimal { list-style-type: decimal }
|
||||||
box-shadow
|
.decimal-0 { list-style-type: decimal-leading-zero }
|
||||||
caption-side
|
.disc { list-style-type: disc }
|
||||||
clip
|
.gregorian { list-style-type: gregorian }
|
||||||
color
|
.hebrew { list-style-type: hebrewli }
|
||||||
column
|
.hiragana { list-style-type: hiragana }
|
||||||
column-count
|
.hriagana-iroha { list-style-type: hriagana-iroha }
|
||||||
column-fill
|
.katakana { list-style-type: katakana }
|
||||||
column-gap
|
.katakana-iroha { list-style-type: katakana-iroha }
|
||||||
column-rule
|
.lower-alpha { list-style-type: lower-alpha }
|
||||||
column-rule-color
|
.lower-greek { list-style-type: lower-greek }
|
||||||
column-rule-style
|
.lower-latin { list-style-type: lower-latin }
|
||||||
column-rule-width
|
.lower-roman { list-style-type: lower-roman }
|
||||||
column-span
|
.marker-none { list-style-type: none }
|
||||||
column-width
|
.square { list-style-type: square }
|
||||||
columns
|
.upper-alpha { list-style-type: upper-alpha }
|
||||||
content
|
.upper-latin { list-style-type: upper-latin }
|
||||||
counter-increment
|
.upper-roman { list-style-type: upper-roman }
|
||||||
counter-reset
|
|
||||||
direction
|
/* overflow[-x|-y] */
|
||||||
empty-cells
|
.hide-overflow { overflow: hidden }
|
||||||
font
|
.scroll-overflow { overflow: scroll }
|
||||||
font
|
.hide-overflow-x { overflow-x: hidden }
|
||||||
font-family
|
.scroll-overflow-y { overflow-x: scroll }
|
||||||
font-size
|
.hide-overflow-x { overflow-y: hidden }
|
||||||
@font-face
|
.scroll-overflow-y { overflow-y: scroll }
|
||||||
font-size-adjust
|
|
||||||
font-stretch
|
/* position */
|
||||||
grid-columns
|
.absolute { position: absolute }
|
||||||
grid-rows
|
.fixed { position: fixed }
|
||||||
hanging-punctuation
|
.relative { position: relative }
|
||||||
height
|
.static { position: static }
|
||||||
icon
|
|
||||||
@keyframes
|
/* text-align */
|
||||||
left
|
.center { text-align: center }
|
||||||
letter-spacing
|
.justify { text-align: justify }
|
||||||
line-height
|
.left { text-align: left }
|
||||||
list-style
|
.right { text-align: right }
|
||||||
list-style
|
|
||||||
list-style-image
|
/* text-decoration */
|
||||||
list-style-position
|
.blink { text-decoration: blink }
|
||||||
list-style-type
|
.strike { text-decoration: line-through }
|
||||||
margin
|
.over { text-decoration: overline }
|
||||||
margin
|
.under { text-decoration: underline }
|
||||||
margin-bottom
|
|
||||||
margin-left
|
/* text-overflow */
|
||||||
margin-right
|
.clip { text-overflow: clip }
|
||||||
margin-top
|
.ellipsis { text-overflow: ellipsis }
|
||||||
max-height
|
|
||||||
max-width
|
/* text-transform */
|
||||||
min-height
|
.capitalize { text-transform: capitalize }
|
||||||
min-width
|
.lowercase { text-transform: lowercase }
|
||||||
nav
|
.uppercase { text-transform: uppercase }
|
||||||
nav-down
|
|
||||||
nav-index
|
/* text-wrap */
|
||||||
nav-left
|
.suppress { text-wrap: suppress }
|
||||||
nav-right
|
.unrestricted { text-wrap: unrestricted }
|
||||||
nav-up
|
|
||||||
opacity
|
/* page-break[-after|-before] */
|
||||||
outline
|
.pb-after { page-break-after: always }
|
||||||
outline
|
.pb-before { page-break-before: always }
|
||||||
outline-color
|
|
||||||
outline-offset
|
/* vertical-align */
|
||||||
outline-style
|
.baseline { vertical-align: baseline }
|
||||||
outline-width
|
.bottom { vertical-align: bottom }
|
||||||
overflow
|
.middle { vertical-align: middle }
|
||||||
overflow-x
|
.sub { vertical-align: sub }
|
||||||
overflow-y
|
.super { vertical-align: super }
|
||||||
padding
|
.text-bottom { vertical-align: text-bottom }
|
||||||
padding
|
.text-top { vertical-align: text-top }
|
||||||
padding-bottom
|
.top { vertical-align: top }
|
||||||
padding-left
|
|
||||||
padding-right
|
/* visibility */
|
||||||
padding-top
|
.hidden { visibility: hidden }
|
||||||
page-break
|
.collapse { visibility: collapse }
|
||||||
page-break-after
|
|
||||||
page-break-before
|
/* white-space */
|
||||||
page-break-inside
|
.nowrap { white-space: nowrap }
|
||||||
perspective
|
.pre { white-space: pre }
|
||||||
perspective-origin
|
.pre-line { white-space: pre-line }
|
||||||
punctuation-trim
|
.pre-wrap { white-space: pre-wrap }
|
||||||
quotes
|
|
||||||
resize
|
/* word-break */
|
||||||
right
|
.break-all { word-break: break-all }
|
||||||
rotation
|
.hyphenate { word-break: hyphenate }
|
||||||
rotation-point
|
|
||||||
table-layout
|
/* word-wrap */
|
||||||
target
|
.break-word { word-wrap: break-word }
|
||||||
target
|
|
||||||
target-name
|
/* normal, resets font / text */
|
||||||
target-new
|
.normal
|
||||||
target-position
|
{
|
||||||
text
|
font-style: normal;
|
||||||
text-align
|
font-variant: normal;
|
||||||
text-decoration
|
font-weight: normal;
|
||||||
text-indent
|
text-transform: none;
|
||||||
text-justify
|
}
|
||||||
text-outline
|
|
||||||
text-overflow
|
|
||||||
text-shadow
|
|
||||||
text-transform
|
|
||||||
text-wrap
|
|
||||||
top
|
|
||||||
transform
|
|
||||||
transform
|
|
||||||
transform-origin
|
|
||||||
transform-style
|
|
||||||
transition
|
|
||||||
transition
|
|
||||||
transition-property
|
|
||||||
transition-duration
|
|
||||||
transition-timing-function
|
|
||||||
transition-delay
|
|
||||||
vertical-align
|
|
||||||
visibility
|
|
||||||
width
|
|
||||||
white-space
|
|
||||||
word-spacing
|
|
||||||
word-break
|
|
||||||
word-wrap
|
|
||||||
z-index
|
|
||||||
*/
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue