Skip to content

Commit

Permalink
Edit and make uniform all CSS comments
Browse files Browse the repository at this point in the history
  • Loading branch information
@karlstolley
karlstolley committed Nov 19, 2019
1 parent 2aad954 commit c706004
Show file tree
Hide file tree
Showing 3 changed files with 41 additions and 42 deletions.
74 changes: 36 additions & 38 deletions _sass/_ed.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,19 +98,19 @@ body {
}
}

/* Links*/
/* Links */
a, .text-title a {
color: $link-color;
text-decoration: none;
}

/* `:focus` is linked to `:hover` for basic accessibility*/
/* `:focus` is linked to `:hover` for basic accessibility */
a:hover,
a:focus {
text-decoration: underline;
}

/* Headings*/
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: $heading-font;
margin-bottom: .5rem;
Expand Down Expand Up @@ -146,13 +146,13 @@ h4, h5, h6 {
margin-top: 1rem;
}

/* Body text*/
/* Body text */
p {
margin-top: 0;
margin-bottom: 1rem;
}

/* Lists*/
/* Lists */
ul {
list-style: circle;
}
Expand All @@ -162,7 +162,7 @@ ul, ol {
margin-bottom: 1rem;
}

/* Horizontal ruler*/
/* Horizontal ruler */
hr {
margin-top: 60px;
position: relative;
Expand All @@ -172,13 +172,13 @@ hr {
border-bottom: 1px solid #fff;
}

/* Search Highlihting*/
/* Search highlighting */
mark {
color: white;
background-color: $link-color;
}

/* Quotes*/
/* Quotes */
blockquote {
padding: 0rem 1.5rem 0rem 2rem;
margin: 0 0 20px 0;
Expand All @@ -198,7 +198,7 @@ blockquote p:last-child {
}
}

/* To add an attribution make sure to make a line with the attribution class*/
/* To add an attribution, make sure to make a line with the attribution class */
li.attribution {
text-align: right;
list-style: none;
Expand All @@ -207,15 +207,15 @@ li.attribution {
color: $text-color;
}

/* Images*/
/* Images */
img {
display: block;
max-width: 100%;
margin: 0 0 1rem;
border-radius: 5px;
}

/* Tables*/
/* Tables */
table {
margin-bottom: 1rem;
width: 100%;
Expand Down Expand Up @@ -298,7 +298,7 @@ h3.masthead-title {
}
}

/* Page and Posts*/
/* Page and posts */
.page {
margin-bottom: 4em;
}
Expand All @@ -323,7 +323,7 @@ h3.masthead-title {
Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504
*/

/* Style and "hide" the sidebar*/
/* Style and "hide" the sidebar */
.sidebar {
position: fixed;
top: 0;
Expand All @@ -342,11 +342,11 @@ h3.masthead-title {

@media (min-width: 30em) {
.sidebar {
font-size: .75rem;/* 14px*/
font-size: .75rem;/* 14px */
}
}

/* Sidebar content*/
/* Sidebar content */
.sidebar {
background-color: $link-color;
}
Expand All @@ -364,7 +364,7 @@ h3.masthead-title {
margin-bottom: 0;
}

/* Sidebar nav*/
/* Sidebar nav */
.sidebar-nav {
border-bottom: 1px solid rgba(255,255,255,.1);
}
Expand Down Expand Up @@ -398,12 +398,12 @@ a.sidebar-nav-item:focus {
}
}

/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle`*/
/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */
.sidebar-checkbox {
display: none;
}

/* Style the `label` that we use to target the `.sidebar-checkbox`*/
/* Style the `label` that we use to target the `.sidebar-checkbox` */
.sidebar-toggle {
position: absolute;
top: .8rem;
Expand Down Expand Up @@ -459,10 +459,10 @@ a.sidebar-nav-item:focus {
/*
Slide effect
Handle the sliding effects of the sidebar and content in one spot, seperate from the default
Handle the sliding effects of the sidebar and content in one spot, separate from the default
styles.
As an a heads up, we don't use `transform: translate3d()` here because when mixed with
As a heads-up, we don't use `transform: translate3d()` here because, when mixed with
`position: fixed;` for the sidebar toggle, it creates a new containing block. Put simply, the
fixed sidebar toggle behaves like `position: absolute;` when transformed.
Expand Down Expand Up @@ -500,8 +500,7 @@ a.sidebar-nav-item:focus {
/*
Reverse layout
Flip the orientation of the page by placing the `.sidebar` and sidebar toggle
on the right side.
Flip the orientation of the page by placing the `.sidebar` and sidebar toggle on the right side.
*/

.layout-reverse .sidebar {
Expand All @@ -526,8 +525,7 @@ a.sidebar-nav-item:focus {
/*
Overlay sidebar
Make the sidebar content overlay the viewport content instead of pushing it
aside when toggled.
Make the sidebar content overlay the viewport content instead of pushing it aside when toggled.
*/

.sidebar-overlay #sidebar-checkbox:checked ~ .wrap {
Expand Down Expand Up @@ -557,7 +555,7 @@ a.sidebar-nav-item:focus {
Base16: http://chriskempson.com/projects/base16/
*/

/* Red*/
/* Red */
.theme-base-red .sidebar,
.theme-base-red .sidebar-toggle:active,
.theme-base-red #sidebar-checkbox:checked ~ .sidebar-toggle {
Expand All @@ -570,7 +568,7 @@ a.sidebar-nav-item:focus {
color: #ac4142;
}

/* Orange*/
/* Orange */
.theme-base-orange .sidebar,
.theme-base-orange .sidebar-toggle:active {
background-color: #d28445;
Expand All @@ -582,7 +580,7 @@ a.sidebar-nav-item:focus {
color: #d28445;
}

/* Green*/
/* Green */
.theme-base-green .sidebar,
.theme-base-green .sidebar-toggle:active {
background-color: #90a959;
Expand All @@ -594,7 +592,7 @@ a.sidebar-nav-item:focus {
color: #90a959;
}

/* Cyan*/
/* Cyan */
.theme-base-cyan .sidebar,
.theme-base-cyan .sidebar-toggle:active {
background-color: #75b5aa;
Expand All @@ -606,7 +604,7 @@ a.sidebar-nav-item:focus {
color: #75b5aa;
}

/* Blue*/
/* Blue */
.theme-base-blue .sidebar,
.theme-base-blue .sidebar-toggle:active {
background-color: #6a9fb5;
Expand All @@ -618,7 +616,7 @@ a.sidebar-nav-item:focus {
color: #6a9fb5;
}

/* Magenta*/
/* Magenta */
.theme-base-magenta .sidebar,
.theme-base-magenta .sidebar-toggle:active {
background-color: #aa759f;
Expand All @@ -630,7 +628,7 @@ a.sidebar-nav-item:focus {
color: #aa759f;
}

/* Brown*/
/* Brown */
.theme-base-brown .sidebar,
.theme-base-brown .sidebar-toggle:active {
background-color: #8f5536;
Expand All @@ -644,7 +642,7 @@ a.sidebar-nav-item:focus {


/*
ED SPECIAL LAYOUTS
ED special layouts
*/

p.centered {
Expand Down Expand Up @@ -692,15 +690,15 @@ ul.poetry {
}


/* This snippet helps us reset the margin for all spans with the indent- class*/
/* This snippet helps us reset the margin for all spans with the indent- class */
.poetry span[class^='indent-']{
margin: 0;/* reset browsers default margin styles*/
}


/*
To set line indentation for poetry wrap the line in a span, with a class="indent-x" attribute.
The x is represents an rem (root em) value
To set line indentation for poetry wrap the line in a span with a class="indent-x" attribute.
The x is represents a rem (root em) value
*/

.indent-1 {
Expand Down Expand Up @@ -761,7 +759,7 @@ ul.poetry {
margin-top: -.5rem;
}

/* Footnotes styles*/
/* Footnotes styles */
sub,
sup {
font-size: 75%;
Expand Down Expand Up @@ -792,14 +790,14 @@ a.footnote {
font-size: .66rem;
}

/*Bibliography styles*/
/*Bibliography styles */
ol.bibliography {
list-style-type:none;
padding-left: 1rem;
text-indent: -1rem;
}

/* Diplomatic editions*/
/* Diplomatic editions */
.add {
color:#288828;
font-style: italic;
Expand Down
3 changes: 2 additions & 1 deletion _sass/_syntax.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,8 @@
.css .o + .nt,
.css .nt + .nt { color: #999; }

/* Transfered from poole.css */
/* Transferred from poole.css */

/* Code */
code,
pre {
Expand Down
6 changes: 3 additions & 3 deletions assets/css/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,16 +9,16 @@ sitemap: false
Feel free to change!
*/

/* FONTS */
/* Fonts */
$main-font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
$heading-font: sans-serif;
$regular-font-size: 20px;


/*
COLOR.
Color
Make sure to leave color-scheme in config file empty for granular control
Make sure to leave color-scheme in `_config.yml` file empty for granular control
*/

$text-color: #454545;
Expand Down

0 comments on commit c706004

Please sign in to comment.