diff options
| author | Valentin Popov <valentineus@gmail.com> | 2018-04-11 04:07:02 +0300 | 
|---|---|---|
| committer | Valentin Popov <valentineus@gmail.com> | 2018-04-11 04:07:02 +0300 | 
| commit | fc8d16771c38dfbc6357622fec7c93c2f5b77732 (patch) | |
| tree | 6b75e6462a5ddb181a15b63ee038eef455af264a /assets/css/hyde.css | |
| parent | 9cd38d691eed23acffd11e990b54247c94013fac (diff) | |
| download | popov.link-fc8d16771c38dfbc6357622fec7c93c2f5b77732.tar.xz popov.link-fc8d16771c38dfbc6357622fec7c93c2f5b77732.zip | |
Removing artifacts
Diffstat (limited to 'assets/css/hyde.css')
| -rw-r--r-- | assets/css/hyde.css | 155 | 
1 files changed, 0 insertions, 155 deletions
| diff --git a/assets/css/hyde.css b/assets/css/hyde.css deleted file mode 100644 index 4a28447..0000000 --- a/assets/css/hyde.css +++ /dev/null @@ -1,155 +0,0 @@ -/** - * Global resets - * - * Update the foundational and global aspects of the page. - */ -html { -    font-family: "PT Sans", Helvetica, Arial, sans-serif; -} - -@media (min-width: 48em) { -    html { -        font-size: 16px; -    } -} - -@media (min-width: 58em) { -    html { -        font-size: 20px; -    } -} - -/** - * Sidebar - * - * Flexible banner for housing site name, intro, and "footer" content. Starts - * out above content in mobile and later moves to the side with wider viewports. - */ -.sidebar { -    background-color: #202020; -    color: rgba(255, 255, 255, .5); -    padding: 2rem 1rem; -    text-align: center; -} - -@media (min-width: 48em) { -    .sidebar { -        bottom: 0; -        left: 0; -        position: fixed; -        text-align: left; -        top: 0; -        width: 18rem; -    } -} - -.sidebar a { -    color: #fff; -} - -.sidebar-about h1 { -    color: #fff; -    font-family: "Abril Fatface", serif; -    font-size: 3.25rem; -    margin-top: 0; -} - -.sidebar-nav { -    margin-bottom: 1rem; -} - -.sidebar-nav-item { -    display: block; -    line-height: 1.75; -} - -a.sidebar-nav-item:hover, -a.sidebar-nav-item:focus { -    text-decoration: underline; -} - -.sidebar-nav-item.active { -    font-weight: bold; -} - -.sidebar-nav-icon { -    display: inline; -    margin-left: 2%; -    margin-right: 2%; -} - -a.sidebar-nav-icon:hover, -a.sidebar-nav-icon:focus { -    text-decoration: none; -} - -@media (min-width: 48em) { -    .sidebar-nav-icon { -        margin-left: 0rem; -        margin-right: 1rem; -    } -} - -/** - * Sticky sidebar - * - * Add the `sidebar-sticky` class to the sidebar's container to affix it the - * contents to the bottom of the sidebar in tablets and up. - */ -@media (min-width: 48em) { -    .sidebar-sticky { -        bottom: 1rem; -        left: 1rem; -        position: absolute; -        right: 1rem; -    } -} - -/** - * Container - * - * Align the contents of the site above the proper threshold with some margin-fu - * with a 25%-wide `.sidebar`. - */ -.content { -    padding-bottom: 4rem; -    padding-top: 4rem; -} - -@media (min-width: 48em) { -    .content { -        margin-left: 20rem; -        margin-right: 2rem; -        max-width: 38rem; -    } -} - -@media (min-width: 64em) { -    .content { -        margin-left: 22rem; -        margin-right: 4rem; -    } -} - -/** - * Reverse layout - * - * Flip the orientation of the page by placing the `.sidebar` on the right. - */ -@media (min-width: 48em) { -    .layout-reverse .sidebar { -        left: auto; -        right: 0; -    } -    .layout-reverse .content { -        margin-left: 2rem; -        margin-right: 20rem; -    } -} - -@media (min-width: 64em) { -    .layout-reverse .content { -        margin-left: 4rem; -        margin-right: 22rem; -    } -} | 
