Michael Fabian 'Xaymar' Dirks
441a8f0655
While Liquid is powerful, it is completely unreadable for many things, and actively makes documents harder to read. So instead of relying on it for everything, why not just use HTML5 for the page? The change reduces the parsing overhead for browser by about 30% through reducing the number of useless <div> elements. Additionally the CSS became easier to read as well.
85 lines
1.4 KiB
SCSS
85 lines
1.4 KiB
SCSS
.block {
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: auto;
|
|
text-align: start;
|
|
}
|
|
|
|
.block + .block {
|
|
margin-top: 1.25em;
|
|
}
|
|
|
|
.block > .content {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
// --------------------------------------------------------------------------------
|
|
// Float
|
|
// --------------------------------------------------------------------------------
|
|
.float {
|
|
margin: .75rem;
|
|
}
|
|
|
|
.float-start {
|
|
float: inline-start;
|
|
}
|
|
|
|
.float-end {
|
|
float: inline-end;
|
|
}
|
|
|
|
.float-left {
|
|
float: left;
|
|
}
|
|
|
|
.float-right {
|
|
float: right;
|
|
}
|
|
|
|
.float-clear {
|
|
clear: both;
|
|
}
|
|
|
|
.float + .block {
|
|
margin-top: 0em;
|
|
}
|
|
|
|
// --------------------------------------------------------------------------------
|
|
// Align
|
|
// --------------------------------------------------------------------------------
|
|
.align-start {
|
|
text-align: start;
|
|
}
|
|
|
|
.align-end {
|
|
text-align: end;
|
|
}
|
|
|
|
.align-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.align-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.align-justify {
|
|
text-align: justify;
|
|
}
|
|
|
|
.align-center {
|
|
text-align: center;
|
|
}
|
|
|
|
// --------------------------------------------------------------------------------
|
|
// Specialized Blocks
|
|
// --------------------------------------------------------------------------------
|
|
@import "_block-code.scss";
|
|
@import "_block-columns.scss";
|
|
@import "_block-details.scss";
|
|
@import "_block-heading.scss";
|
|
@import "_block-list.scss";
|
|
@import "_block-media.scss";
|
|
@import "_block-table.scss";
|