$green: rgb(51,255,51); $amber: rgb(255,176,0); $black: rgb(15,15,15); $black: rgb(10,10,10); $white: rgb(255,255,255);
.screenshot {
max-width: 100%;
}
body {
background: $black; //background: black; margin: 0; font-family: Consolas, Menlo, Monaco, Lucida Console, Courier New, Courier, monospaced;
}
body {
color: $white; a { color: $white; }
}
.footer {
position: fixed; left: 0; bottom: 0; width: 100%; height: 2em; background-color: $black; text-align: center; p { margin: 0; padding: 0; }
}
body.green {
color: $green; a { color: $green; }
}
body.amber {
color: $amber; a { color: $amber; }
}
h1 {
font-size: 1.2em; margin-left: 1.6em;
}
header a {
text-decoration: none;
}
p {
margin: 2em; line-height: 1.2em; &:last-child { margin-bottom:4em; }
}
a {
font-weight: bold;
}
a:hover {
cursor: pointer;
}
ul {
list-style-type: none;
}
/* Smartphones (portrait) ———– */ @media only screen and (max-width : 420px) {
h1 { margin: 0.8em; } p { margin: 1em; line-height: 2em; } ul { padding: 0; }
}
/* iPads (portrait) ———– */ @media only screen and (min-width : 421px) and (max-width : 768px) {
h1 { margin: 1.6em; } p { margin: 2em; line-height: 2em; } /* Styles */
}
@media only screen and (max-width: 768px) {
p { &.sticky { position: -webkit-sticky; position: sticky; top: 0; padding-top: 5px; padding-bottom: 5px; background: $black; } }
}