diff options
Diffstat (limited to 'resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content')
| -rw-r--r-- | resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 116 |
1 files changed, 58 insertions, 58 deletions
diff --git a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 33b2916..e473e05 100644 --- a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,14 @@ /* - Common Variables + Common Variables - Feel free to change! + Feel free to change! */ /* Fonts */ /* 20px / 16px = 1.25em; support text resizing in all browsers */ /* - Color + Color - Make sure to leave color_scheme in `config.toml` file empty for granular control + Make sure to leave color_scheme in `config.toml` file empty for granular control */ /* Ed: the minimal edition theme. * ___________________ @@ -23,13 +23,13 @@ * https://github.com/minicomp/ed. */ /* - To apply a different color scheme to the whole scroll down to the themes section instructions at - the very bottom of this file + To apply a different color scheme to the whole scroll down to the themes section instructions at + the very bottom of this file */ /* - General + General - Update the foundational and global aspects of the page. + Update the foundational and global aspects of the page. */ * { -webkit-box-sizing: border-box; @@ -62,20 +62,20 @@ body { margin-bottom: 4rem; } /* - Wrapper + Wrapper - The wrapper is used to position site content when the sidebar is toggled. We use an outter wrap to - position the sidebar without interferring with the regular page content. - */ + The wrapper is used to position site content when the sidebar is toggled. We use an outter wrap to + position the sidebar without interferring with the regular page content. + */ .wrap { position: relative; width: 100%; } /* - Container + Container - Center the page content. - */ + Center the page content. + */ .container { max-width: 32rem; padding-left: 1rem; @@ -188,10 +188,10 @@ tbody tr:nth-child(odd) th { background-color: #f9f9f9; } /* - Masthead + Masthead - Super small header above the content for site name and short description. - */ + Super small header above the content for site name and short description. + */ .masthead { border-bottom: 1px solid #eee; margin-bottom: 3rem; @@ -230,18 +230,18 @@ tbody tr:nth-child(odd) th { display: inline; } } /* - Sidebar + Sidebar - The sidebar is the drawer, the item we are toggling with our handy hamburger button in the corner - of the page. + The sidebar is the drawer, the item we are toggling with our handy hamburger button in the corner + of the page. - This particular sidebar implementation was inspired by Chris Coyier's "Offcanvas Menu with CSS - Target" article, and the checkbox variation from the comments by a reader. It modifies both - implementations to continue using the checkbox (no change in URL means no polluted browser - history), but this uses `position` for the menu to avoid some potential content reflow issues. + This particular sidebar implementation was inspired by Chris Coyier's "Offcanvas Menu with CSS + Target" article, and the checkbox variation from the comments by a reader. It modifies both + implementations to continue using the checkbox (no change in URL means no polluted browser + history), but this uses `position` for the menu to avoid some potential content reflow issues. - Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504 - */ + Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504 + */ /* Style and "hide" the sidebar */ .sidebar { position: fixed; @@ -353,17 +353,17 @@ a.sidebar-nav-item:focus { display: none; } } /* - Slide effect + Slide effect - Handle the sliding effects of the sidebar and content in one spot, separate from the default - styles. + Handle the sliding effects of the sidebar and content in one spot, separate from the default + styles. - 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. + 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. - Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/. - */ + Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/. + */ .wrap, .sidebar, .sidebar-toggle { @@ -388,10 +388,10 @@ a.sidebar-nav-item:focus { transform: translateX(14rem); } /* - Reverse layout + 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 { left: auto; right: -14rem; } @@ -408,10 +408,10 @@ a.sidebar-nav-item:focus { transform: translateX(-14rem); } /* - Overlay sidebar + 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 { -webkit-transform: translateX(0); -ms-transform: translateX(0); @@ -428,8 +428,8 @@ a.sidebar-nav-item:focus { box-shadow: -0.25rem 0 0.5rem rgba(0, 0, 0, 0.1); } /* - ED special layouts - */ + ED special layouts + */ p.centered { text-align: center; } @@ -452,11 +452,11 @@ div.toc { margin-bottom: 4rem; } /* - Poem styles + Poem styles - If you want your lines not to wrap on small screens, add the rule "white-space: nowrap;"; If you - want you want to remove the hanging indent, reset the padding-left to 0 and erase text-indent - */ + If you want your lines not to wrap on small screens, add the rule "white-space: nowrap;"; If you + want you want to remove the hanging indent, reset the padding-left to 0 and erase text-indent + */ .poem ul, .poetry ul, ul.poetry { @@ -472,9 +472,9 @@ ul.poetry { /* 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 a 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 { padding-left: 1rem; } @@ -560,11 +560,11 @@ u, text-decoration: underline; } /* - Line layouts for prose-poetry and theater + Line layouts for prose-poetry and theater - To use these layouts you need to add the classes to your markdown or HTML lines. - (ex. "- {:.centered} hello!") - */ + To use these layouts you need to add the classes to your markdown or HTML lines. + (ex. "- {:.centered} hello!") + */ li.centered { text-align: center; } @@ -593,11 +593,11 @@ li.prose-indent { text-indent: 2rem; } /* - Themes + Themes - Applies custom color schemes by adding the appropriate class to the `body`. Based on colors from - Base16: http://chriskempson.com/projects/base16/ - */ + Applies custom color schemes by adding the appropriate class to the `body`. Based on colors from + Base16: http://chriskempson.com/projects/base16/ + */ /* Red */ .theme-base-red .sidebar, .theme-base-red .sidebar-toggle:active, |