0.0.12 • Published 9 years ago

osws-defaults-styl v0.0.12

Weekly downloads
39
License
-
Repository
github
Last release
9 years ago

Open Source Web Standards

Defaults-styl / osws-defaults-styl / OSWS-Defaults

0.0.12

Resetting styles to design a minimum.

  • methods reset to a minimum
  • methods applied to selectors

API

OSWS-Defaults

no arguments

Includes:

OSWS-Defaults-selector-all()
OSWS-Defaults-selector-baseline()
OSWS-Defaults-selector-block()
OSWS-Defaults-selector-bold()
OSWS-Defaults-selector-buttons()
OSWS-Defaults-selector-del()
OSWS-Defaults-selector-details()
OSWS-Defaults-selector-dfn()
OSWS-Defaults-selector-disabled()
OSWS-Defaults-selector-document()
OSWS-Defaults-selector-headers()
OSWS-Defaults-selector-hidden()
OSWS-Defaults-selector-hr()
OSWS-Defaults-selector-inline()
OSWS-Defaults-selector-inputs()
OSWS-Defaults-selector-italic()
OSWS-Defaults-selector-lists()
OSWS-Defaults-selector-pre()
OSWS-Defaults-selector-select()
OSWS-Defaults-selector-mono()
OSWS-Defaults-selector-small()
OSWS-Defaults-selector-big()
OSWS-Defaults-selector-sub()
OSWS-Defaults-selector-sup()
OSWS-Defaults-selector-variants()

Mixins

OSWS-Defaults-mixin-borders

no arguments

* {
    outline: none;
    border-color: transparent;
    border-width: 0;
    border-collapse: 0;
    border-spacing: 0;
}

OSWS-Defaults-mixin-colors

(background = transparent, color = inherit)

* {
	background: transparent;
	color: inherit;
}

OSWS-Defaults-mixin-fonts

(font = inherit, clearDecoration = true, clearStyle = true, clearTransform = true, clearLineHeight = true)

* {
    font: inherit;
	text-decoration: inherit;
	font-style: inherit;
	text-transform: none;
	line-height: inherit;
}

OSWS-Defaults-mixin-indents

(margin = 0, padding = 0)

* {
    margin: 0;
    padding: 0;
}

OSWS-Defaults-mixin-clear

(background = transparent, color = inherit, margin = 0, padding = 0, font = inherit, clearDecoration = true, clearStyle = true, clearTransform = true, clearLineHeight = true)

Includes:

OSWS-Defaults-mixin-colors(background, color)
OSWS-Defaults-mixin-indents(margin, padding)
OSWS-Defaults-mixin-borders()
OSWS-Defaults-mixin-fonts(font, clearDecoration, clearStyle, clearTransform, clearLineHeight)

Selectors

OSWS-Defaults-selector-all

(selector = -OSWS-Defaults-selector-all, background = transparent, color = inherit, margin = 0, padding = 0, font = inherit, clearDecoration = true, clearStyle = true, clearTransform = true, clearLineHeight = true)

You can reset selector by default in variable: -OSWS-Defaults-selector-all ?= selectors('all').

Includes:

OSWS-Defaults-mixin-clear(background, color, margin, padding, font, clearDecoration, clearStyle, clearTransform, clearLineHeight)

OSWS-Defaults-selector-baseline

(selector = -OSWS-Defaults-selector-baseline)

You can reset selector by default in variable: -OSWS-Defaults-selector-baseline ?= selectors('baseline').

Applied styles:

vertical-align: baseline;

OSWS-Defaults-selector-block

(selector = -OSWS-Defaults-selector-block)

You can reset selector by default in variable: -OSWS-Defaults-selector-block ?= selectors('block').

Applied styles:

display: block;
box-sizing: border-box;

OSWS-Defaults-selector-bold

(selector = -OSWS-Defaults-selector-bold)

You can reset selector by default in variable: -OSWS-Defaults-selector-bold ?= selectors('bold').

Applied styles:

font-weight: bold;

Example

OSWS-Defaults-selector-buttons

(selector = -OSWS-Defaults-selector-buttons, mozInnerTransparent = true)

You can reset selector by default in variable: -OSWS-Defaults-selector-buttons ?= selectors('buttons', 'html4').

Applied styles:

cursor pointer
&::-moz-focus-inner
	border 1px solid transparent

Example

OSWS-Defaults-selector-del

(selector = -OSWS-Defaults-selector-del)

You can reset selector by default in variable: -OSWS-Defaults-selector-del ?= selectors('del').

Applied styles:

text-decoration: line-through;

Example

OSWS-Defaults-selector-details

(selector = -OSWS-Defaults-selector-details)

You can reset selector by default in variable: -OSWS-Defaults-selector-details ?= 'details'.

Applied styles:

details
    appearance none
    summary
    	appearance none
    	cursor pointer
    	&::-webkit-details-marker
    		display none
    &:not([open]) >
    	display none
    &[open] >
    	display block

OSWS-Defaults-selector-dfn

(selector = -OSWS-Defaults-selector-dfn)

You can reset selector by default in variable: -OSWS-Defaults-selector-dfn ?= 'dfn'.

Applied styles:

dfn
    font-style normal
	&:nth-of-type(1)
		font-style italic

OSWS-Defaults-selector-disabled

(selector = -OSWS-Defaults-selector-disabled)

You can reset selector by default in variable: -OSWS-Defaults-selector-disabled ?= '*:disabled'.

Applied styles:

cursor: not-allowed;

OSWS-Defaults-selector-document

(selector = -OSWS-Defaults-selector-document)

You can reset selector by default in variable: -OSWS-Defaults-selector-document ?= selectors('document').

Applied styles:

text-size-adjust 100%
line-height 1
background white
color black
html,
body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -khtml-text-size-adjust: 100%;
    line-height: 1;
    background: #fff;
    color: #000;
}

OSWS-Defaults-selector-headers

(h1 = 2em, h2 = 1.5em, h3 = 1.17em, h4 = 1em, h5 = .83em, h6 = .75em)

Applied styles:

h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.17em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 0.83em;
}
h6 {
    font-size: 0.75em;
}

Example

OSWS-Defaults-selector-hidden

(selector = -OSWS-Defaults-selector-hidden)

You can reset selector by default in variable: -OSWS-Defaults-selector-hidden ?= selectors('hidden').

Applied styles:

display: none;

OSWS-Defaults-selector-hr

(selector = -OSWS-Defaults-selector-hr)

You can reset selector by default in variable: -OSWS-Defaults-selector-hr ?= 'hr'.

Applied styles:

hr {
    height: 1px;
    background: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

OSWS-Defaults-selector-inline

(selector = -OSWS-Defaults-selector-inline)

You can reset selector by default in variable: -OSWS-Defaults-selector-inline ?= selectors('inline').

Applied styles:

display: inline;

OSWS-Defaults-selector-inputs

(selector = -OSWS-Defaults-selector-inputs)

You can reset selector by default in variable: -OSWS-Defaults-selector-inputs ?= selectors('inputs').

Applied styles:

Elements:

cursor: text;
width: 100%;
color: #000;
resize: none;

Placeholders:

opacity: 1 !important;
-ms-filter: none;
filter: none;
-moz-opacity: 1 !important;
-khtml-opacity: 1 !important;
color: #000;

Example

OSWS-Defaults-selector-italic

(selector = -OSWS-Defaults-selector-italic)

You can reset selector by default in variable: -OSWS-Defaults-selector-italic ?= selectors('italic').

Applied styles:

font-style: italic;

Example

OSWS-Defaults-selector-ul

(selector = -OSWS-Defaults-selector-ul)

You can reset selector by default in variable: -OSWS-Defaults-selector-ul ?= 'ul'.

Applied styles:

list-style: none;
padding-left: 0;

OSWS-Defaults-selector-li

(selector = -OSWS-Defaults-selector-li)

You can reset selector by default in variable: -OSWS-Defaults-selector-li ?= 'li'.

Applied styles:

& > ul
    padding-left 2em

OSWS-Defaults-selector-ol

(selector = -OSWS-Defaults-selector-ol)

You can reset selector by default in variable: -OSWS-Defaults-selector-ol ?= 'ol'.

Applied styles:

padding-left: 4em;

OSWS-Defaults-selector-lists

(ul = OSWS-Defaults-selector-ul, li = OSWS-Defaults-selector-li, ol = OSWS-Defaults-selector-ol)

Includes:

OSWS-Defaults-selector-ul(ul)
OSWS-Defaults-selector-li(li)
OSWS-Defaults-selector-ol(ol)

OSWS-Defaults-selector-pre

(selector = -OSWS-Defaults-selector-pre)

You can reset selector by default in variable: -OSWS-Defaults-selector-pre ?= 'pre'.

Applied styles:

overflow: auto;

OSWS-Defaults-selector-select

(selector = -OSWS-Defaults-selector-select)

You can reset selector by default in variable: -OSWS-Defaults-selector-select ?= 'select'.

Applied styles:

width: 100%;

Example

OSWS-Defaults-selector-mono

(selector = -OSWS-Defaults-selector-mono)

You can reset selector by default in variable: -OSWS-Defaults-selector-mono ?= selectors('mono').

Applied styles:

font-family: monospace;

Example

OSWS-Defaults-selector-small

(selector = -OSWS-Defaults-selector-small, size = .75em)

You can reset selector by default in variable: -OSWS-Defaults-selector-small ?= 'small'.

Applied styles:

font-size: 0.75em;

Example

OSWS-Defaults-selector-big

(selector = -OSWS-Defaults-selector-big, size = 1.25em)

You can reset selector by default in variable: -OSWS-Defaults-selector-big ?= 'big'.

Applied styles:

font-size: 1.25em;

Example

OSWS-Defaults-selector-sub

(sub = -OSWS-Defaults-selector-sub, size = .75em, pos = -.50em)

You can reset selector by default in variable: -OSWS-Defaults-selector-sub ?= 'sub'.

Applied styles:

z-index: 0;
position: relative;
bottom: -0.5em;
font-size: 0.75em;
line-height: 0;

Example

OSWS-Defaults-selector-sup

(sup = -OSWS-Defaults-selector-sup, size = .75em, pos = -1.25em)

You can reset selector by default in variable: -OSWS-Defaults-selector-sup ?= 'sup'.

Applied styles:

z-index: 0;
position: relative;
top: -1.25em;
font-size: 0.75em;
line-height: 0;

Example

OSWS-Defaults-selector-variants

(sup = -OSWS-Defaults-selector-variants)

You can reset selector by default in variable: -OSWS-Defaults-selector-variants ?= selectors('variants').

Applied styles:

display none
& + label
	display block
	cursor pointer
& + label::before
	content '-'
&:checked + label::before
	content '+'

Example

Changes

0.0.4

  • fix refactor as stylus plugin
osws-selectors-stylosws-helpers-stylosws-native-styl
@infinitebrahmanuniverse/nolb-osw@everything-registry/sub-chunk-2391
0.0.12

9 years ago

0.0.11

9 years ago

0.0.10

9 years ago

0.0.9

9 years ago

0.0.8

9 years ago

0.0.7

9 years ago

0.0.6

9 years ago

0.0.5

9 years ago

0.0.4

9 years ago