Osws-defaults-styl NPM

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').

osws-selectors-styl all behavior

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').

osws-selectors-styl baseline behavior

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').

osws-selectors-styl block behavior

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').

osws-selectors-styl bold behavior

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').

osws-selectors-styl buttons behavior

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').

osws-selectors-styl del behavior

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').

osws-selectors-styl document behavior

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').

osws-selectors-styl hidden behavior

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').

osws-selectors-styl inline behavior

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').

osws-selectors-styl inputs behavior

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').

osws-selectors-styl italic behavior

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').

osws-selectors-styl mono behavior

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').

osws-selectors-styl variants behavior

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-styl osws-helpers-styl osws-native-styl

@infinitebrahmanuniverse/nolb-osw @everything-registry/sub-chunk-2391

11 years ago

11 years ago

11 years ago

11 years ago

11 years ago

11 years ago

11 years ago

11 years ago

11 years ago

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

API

OSWS-Defaults

Mixins

OSWS-Defaults-mixin-borders

OSWS-Defaults-mixin-colors

OSWS-Defaults-mixin-fonts

OSWS-Defaults-mixin-indents

OSWS-Defaults-mixin-clear

Selectors

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-ul

OSWS-Defaults-selector-li

OSWS-Defaults-selector-ol

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

Changes

0.0.4

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

`OSWS-Defaults`

`OSWS-Defaults-mixin-borders`

`OSWS-Defaults-mixin-colors`

`OSWS-Defaults-mixin-fonts`

`OSWS-Defaults-mixin-indents`

`OSWS-Defaults-mixin-clear`

`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-ul`

`OSWS-Defaults-selector-li`

`OSWS-Defaults-selector-ol`

`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`