AutorÃa | Ultima modificación | Ver Log |
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
body {
margin: 20px;
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #555;
}
.iti__hide {
display: none;
}
// example code blocks
pre {
margin: 0 !important; // override prism.css
display: inline-block;
}
// override weird rule in prism.css that puts a background on '='
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
background: none;
}
// general form styling
input, button {
height: 35px;
margin: 0;
padding: 6px 12px;
border-radius: 2px;
// same font style, size and color as rest of site
font-family: inherit;
font-size: 100%;
color: inherit;
&[disabled] {
background-color: #eee;
}
}
// select useful for examples
input, select {
border: 1px solid #CCC;
width: 250px;
}
::-webkit-input-placeholder {
color: #BBB;
}
::-moz-placeholder { /* Firefox 19+ */
color: #BBB;
opacity: 1;
}
:-ms-input-placeholder {
color: #BBB;
}
// borrowed from bootstrap
button {
color: #FFF;
background-color: #428BCA;
border: 1px solid #357EBD;
&:hover {
background-color: #3276B1;
border-color: #285E8E;
cursor: pointer;
}
}
// examples
#result {
margin-bottom: 100px;
}