mirror of
https://github.com/kemko/liquid.git
synced 2026-01-02 16:25:42 +03:00
Big refactoring of SCSS active state for sidebar links update gitignore for node_modules folder removing node_modules from index Sticky Liquid link in sidebar Cleaned up index page Adding fixed width to buttons Refactoring Converted sidebar to use Collections Refactor sidebar CSS
177 lines
2.4 KiB
SCSS
177 lines
2.4 KiB
SCSS
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/**
|
|
* Reset some basic elements
|
|
*/
|
|
body, h1, h2, h3, h4, h5, h6,
|
|
p, blockquote, pre, hr,
|
|
dl, dd, ol, ul, figure {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/**
|
|
* Basic styling
|
|
*/
|
|
body {
|
|
font-family: $base-font-family;
|
|
font-size: $base-font-size;
|
|
line-height: $base-line-height;
|
|
font-weight: 300;
|
|
color: $color-slate;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
/** Set `margin-bottom` to maintain vertical rhythm */
|
|
|
|
h1, h2, h3, h4, h5, h6,
|
|
p, blockquote, pre,
|
|
ul, ol, dl, figure,
|
|
%vertical-rhythm {
|
|
margin-bottom: $spacing-unit / 2;
|
|
}
|
|
|
|
/** Images */
|
|
|
|
img {
|
|
max-width: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/** Figures */
|
|
|
|
figure > img {
|
|
display: block;
|
|
}
|
|
|
|
figcaption {
|
|
font-size: $small-font-size;
|
|
}
|
|
|
|
/** Lists */
|
|
ul, ol {
|
|
margin-left: $spacing-unit;
|
|
}
|
|
|
|
li {
|
|
> ul, > ol {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
/** Headings */
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 300;
|
|
}
|
|
|
|
/** Links */
|
|
a {
|
|
color: $color-blue-5;
|
|
text-decoration: none;
|
|
|
|
&:visited {
|
|
color: #609;
|
|
}
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2em;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.5em;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
blockquote {
|
|
color: lighten($color-slate, 30%);
|
|
border-left: 2px solid lighten($color-slate, 50%);
|
|
padding-left: $spacing-unit / 2;
|
|
letter-spacing: -1px;
|
|
font-style: italic;
|
|
|
|
> :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
pre, code {
|
|
font-size: 15px;
|
|
border: 1px solid $color-blue-2;
|
|
border-radius: 3px;
|
|
background-color: lighten($color-blue-1, 0.9);
|
|
}
|
|
|
|
code {
|
|
padding: 1px 5px;
|
|
}
|
|
|
|
pre {
|
|
padding: 8px 12px;
|
|
|
|
> code {
|
|
border: 0;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
display: block;
|
|
height: 1px;
|
|
border: 0;
|
|
background-color: lighten($color-slate, 50%);
|
|
margin-bottom: $spacing-unit/2;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
overflow: auto;
|
|
display: block;
|
|
margin: 15px 0;
|
|
border-collapse: collapse;
|
|
thead {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
th {
|
|
border: 1px solid #ddd;
|
|
padding: 6px 13px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
tbody {
|
|
vertical-align: middle;
|
|
border-color: inherit;
|
|
}
|
|
tr {
|
|
border-top: 1px solid #ccc;
|
|
background-color: #fff;
|
|
vertical-align: inherit;
|
|
}
|
|
td {
|
|
border: 1px solid #ddd;
|
|
padding: 6px 13px;
|
|
}
|
|
}
|