Sha256: 2985ff84dd85f95d88c83a5a6de3fd94851bf8fd23232910e9cfb361997908f9
Contents?: true
Size: 1.8 KB
Versions: 8
Compression:
Stored size: 1.8 KB
Contents
// Mix-ins
%padding-nav {
padding: $padding-small $padding-x-large;
@media (max-width: $xl-break) {
padding: $padding-small ($padding-large * 2);
}
@media (max-width: $l-break) {
padding: $padding-small $padding-large;
}
@media (max-width: $m-break) {
padding: $padding-small $padding-medium;
}
@media (max-width: $sm-break) {
padding: $padding-small $padding-x-small;
}
}
%padding-post {
padding: $padding-x-small $padding-x-large;
@media (max-width: $xl-break) {
padding: $padding-x-small ($padding-large * 2);
}
@media (max-width: $l-break) {
padding: $padding-x-small $padding-large;
}
@media (max-width: $m-break) {
padding: $padding-x-small $padding-medium;
}
@media (max-width: $sm-break) {
padding: $padding-x-small $padding-small;
}
}
%padding-header {
padding: $padding-medium $padding-large;
@media (min-width: $xl-break) {
padding: $padding-large $padding-large;
}
@media (max-width: $sm-break) {
padding: $padding-large;
}
}
.txt-shadow {
text-shadow: 0.07em 0.10em 0.15em var(--text-shadow);
}
.subtle-txt-shadow {
text-shadow: 1px 1px 2px var(--text-shadow);
}
// Buttons
.button {
border-radius: 0.3em;
border: 1px solid;
display: inline-block;
margin: 1em 0;
padding: 0.5em 0.75em;
}
a.button {
@extend .button-link;
}
.button-link {
&:hover {
background: var(--link);
border: 1px solid var(--link);
color: var(--background);
text-decoration: none;
}
}
.body-link {
&:hover {
text-decoration: underline;
color: var(--link);
filter: brightness(0.85);
}
}
.post-link {
&:hover {
text-decoration: none;
color: var(--link);
filter: brightness(1.1);
}
}
// States
.disabled {
opacity: 0.7;
}
// Custom
.text-center {
text-align: center;
}
.right {
float: right;
}
Version data entries
8 entries across 8 versions & 1 rubygems