tag-search/lib/styles.js

search and list html tags like named anchor links

/* */ 
'strict'

const styles = {
	'searchBar': {
		'height': '50px',
		'width': '100%',
		'position': 'fixed',
		'bottom': 0,
		'right': 0,
		'zIndex': 1002,
		'padding': 0
	},
	'input': {
		'width': '100%',
		'fontSize': '1.4em',
		'fontWeight': 'bold',
		'color': '#555',
		'backgroundColor': '#f7f7f7',
		'border': 'none',
		'height': '50px',
		'zIndex': 1003
	},
	'inputDiv': {
	    'paddingTop': 0,
		'paddingRight': 0,
		'paddingBottom': 0,
		'paddingLeft': 8,
		'height': '50px'
	},
	'searchList': {
		'height': '300px',
		'margin': '-370px 15px 0 15px',
		'border': '1px solid #ccc',
		'borderBottom': 'none',
		'overflowY': 'auto',
		'backgroundColor': '#fbfbfb',
		'padding': '10px 20px',
		'display': 'none'
	},
	'ul': {
	    'fontSize': '13px',
		'listStyle': 'none',
		'lineHeight': 1.2,
		'margin': '0',
		'padding': 0,
		'position': 'relative',
		'zIndex': 2,
	},
	'li': {
		'padding': '5px 5px',
		'color': '#348dd9',
	},
	'li:a': {
		'color': '#333',
		'display': 'block',
		'padding': '5px 5px 5px 0',
	},
	'li:heading': {
		'fontSize': '1.25em',
		'textTransform': 'uppercase',
        'padding': '5px 5px',
		'color': '#348dd9',
	},
	'context': {
		'color': '#7a7a7a',
		'fontSize': '.9em',
		'display': 'block',
		'marginTop': 0,
		'height': 'auto',
	},
	'wrapper': {
		'height': '50px',
		'position': 'absolute',
		'top': 0,
		'right': 0,
		'zIndex': 1022,
		'padding': '0 0 0 8px',
		'width': '100%',
		'backgroundColor': '#f7f7f7',
		'color': '#7a7a7a'
	},
	'wrapperLeft': {
		'float': 'left',
		'width': '50%',
		'textAlign': 'center',
		'height': '50px',
		'padding': 0,
		'margin': '-13px',
		'cursor': 'pointer',
	},
	'wrapperRight': {
		'float': 'left',
		'width': '50%',
		'textAlign': 'center',
		'height': '50px',
		'padding': 0,
		'margin': '-13px',
		'cursor': 'pointer',
	},
	'active': {
		'backgroundColor': '#c9dbea'
	},
	'caution': {
		'backgroundColor': '#efce9e'
	}

}

let defaultStyles = {
	'searchBar': {},
	'input': {},
	'inputDiv': {},
	'searchList': {},
	'ul': {},
	'li': {},
	'li:a': {},
	'li:heading': {},
	'context': {},
	'active': {
		'backgroundColor': '#c9dbea'
	},
	'caution': {
		'backgroundColor': '#efce9e'
	},
	'wrapper': {
		'height': '50px',
		'position': 'absolute',
		'top': 0,
		'right': 0,
		'zIndex': 1022,
		'padding': '0 0 0 8px',
		'width': '100%',
		'backgroundColor': '#f7f7f7',
		'color': '#7a7a7a'
	},
	'wrapperLeft': {
		'float': 'left',
		'width': '50%',
		'textAlign': 'center',
		'height': '50px',
		'padding': 0,
		'margin': '-13px',
		'cursor': 'pointer',
	},
	'wrapperRight': {
		'float': 'left',
		'width': '50%',
		'textAlign': 'center',
		'height': '50px',
		'padding': 0,
		'margin': '-13px',
		'cursor': 'pointer',
	}

}


export default styles
export {defaultStyles}