80 lines
2.1 KiB
Text
80 lines
2.1 KiB
Text
/**
|
|
* This file provides less mixins for all other style modules
|
|
*
|
|
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
|
|
*/
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* Fonts */
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
.setLocalFontFace(@fontFamily,@fontWeight,@localFontName,@localFontNameVar,@filename){
|
|
@font-face {
|
|
font-family: @fontFamily;
|
|
font-style: normal;
|
|
font-weight: @fontWeight;
|
|
src: ~"local('@{localFontName}'), local("~"'@{localFontNameVar}'), url("~"@{filename}.eot)";
|
|
src: ~"url("~"@{filename}.eot?#iefix') format('embedded-opentype'), url("~"@{filename}.woff') format('woff')";
|
|
}
|
|
}
|
|
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* Screenreader / Hide */
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
.sr-out() {
|
|
display: block;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: -200000em;
|
|
left: -200000em;
|
|
}
|
|
|
|
.sr-only(){
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
margin: -1px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
clip: rect(0,0,0,0);
|
|
border: 0;
|
|
}
|
|
|
|
.sr-only-focusable() {
|
|
&:active,
|
|
&:focus {
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: visible;
|
|
clip: auto;
|
|
}
|
|
}
|
|
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
/* Screenreader / Hide */
|
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
|
|
|
.reset(){
|
|
background: transparent;
|
|
border: none 0; outline: 0; vertical-align: baseline;
|
|
font-style: normal;
|
|
margin: 0; padding: 0;
|
|
}
|
|
|
|
.elementsReset(){
|
|
div, span, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote,
|
|
a, abbr, em,acronym, img, strong,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
input, select, option, textarea, button{
|
|
.reset();
|
|
}
|
|
}
|
|
|
|
|