// This File is imported last, and will override other styles in the cascade // Add styles here to make changes without digging in too much
/*
Modified from the October 2013 file from Vladi Gleba (vladigleba.com)
This layout is based on the following modular scale:
20px @ 1:1.618 62px @ 1:1.618
See alistapart.com/article/more-meaningful-typography to learn about modular scales.
*/
// colors and corners
$accent-color: e61717; $accent-hover-color: e61717;
$text-color: #333; $secondary-text-color: aaa;
$line-color: e6e6e6; $hide-line-numbers: true;
$border-radius-size: 4px; $border-style: 3px solid $accent-color;
// —————————— // shared styles // ——————————
.default-line-height {
line-height: 32.360px; line-height: 1.618rem;
}
.font-size-smallest {
font-size: 14.637px; font-size: 0.732rem;
}
.font-size-small {
font-size: 16.773px; font-size: 0.839rem; /* 0.732 + 0.107 */
}
.font-size-medium {
font-size: 19.359px; font-size: 0.968rem; /* 0.732 + 0.236 */
}
.font-size-large {
font-size: 32.36px; font-size: 1.618rem;
}
.font-size-largest {
font-size: 38.319px; font-size: 1.916rem;
}
.font-size-huge {
font-size: 67.319px; font-size: 3.816rem; line-height: 76px;
}
.margin-bottom-large {
margin-bottom: 32.360px; margin-bottom: 1.618rem;
}
.margin-bottom-larger {
margin-bottom: 52.358px; margin-bottom: 2.618rem;
}
.margin-bottom-largest {
margin-bottom: 62.000px; margin-bottom: 4.236rem;
}
.block-padding {
padding: 1px 32.360px; padding: 1px 1.618rem; margin-left: 1em;
}
.border-style {
border-top: 2px solid $secondary-text-color;
}
.code-keywords {
background-color: #e8e8e8; border-radius: $border-radius-size; padding: 0 5.591px; padding: 0 0.28rem;
}
.button {
// @include transition(all 0.3s ease 0s); border-radius: $border-radius-size; background-color: $accent-color; color: #fff; &:hover { background-color: $accent-hover-color; color: #fff; }
}