summaryrefslogtreecommitdiff
path: root/assets/styles.scss
diff options
context:
space:
mode:
authorAlex Shpak <alex-shpak@users.noreply.github.com>2018-09-30 01:04:22 +0200
committerAlex Shpak <alex-shpak@users.noreply.github.com>2018-09-30 01:04:22 +0200
commit830fa91359cea05f2a3c1654bedce6b575401ad4 (patch)
treea005cf4938a8f82186b5991921dc21161af79407 /assets/styles.scss
parent13150ec9d88a807b55a7c03a30725d4acbec0cb0 (diff)
Minor fixes
Diffstat (limited to 'assets/styles.scss')
-rw-r--r--assets/styles.scss183
1 files changed, 0 insertions, 183 deletions
diff --git a/assets/styles.scss b/assets/styles.scss
deleted file mode 100644
index 06961bb..0000000
--- a/assets/styles.scss
+++ /dev/null
@@ -1,183 +0,0 @@
-@import 'variables';
-@import 'markdown';
-
-
-html {
- font-size: $font-size-base;
-}
-
-html, body {
- min-width: $body-min-width;
- overflow: hidden auto;
-}
-
-body {
- color: $body-font-color;
- background: $body-background;
- font-family: 'Roboto', sans-serif;
- font-weight: $body-font-weight;
-
- box-sizing: border-box;
- * {
- box-sizing: inherit;
- }
-}
-
-h1, h2, h3, h4, h5 {
- font-weight: 400;
-}
-
-a {
- text-decoration: none;
- color: $color-link;
-
- &:visited {
- color: $color-visited-link;
- }
-}
-
-aside {
- ul {
- margin: 0;
- padding-left: $padding-16;
- list-style: none;
- line-height: 2em;
-
- li {
- a {
- display: block;
- }
-
- a:hover {
- opacity: .5;
- }
-
- img {
- height: $padding-16;
- }
- }
- }
-
- // start padding on second level
- nav > ul {
- padding-left: 0;
- }
-}
-
-aside.fixed nav {
- position: fixed;
- top: 0;
- bottom: 0;
- overflow: hidden auto;
-}
-
-.container {
- max-width: $content-max-width;
- margin: 0 auto;
-
- display: flex;
- flex-flow: row;
-
- .menu nav, .page, .markdown {
- transition: .2s ease-in-out;
- transition-property: transform, margin-left, opacity;
- will-change: transform, margin-left;
- }
-
- .menu {
- flex: 0 0 $nav-menu-width;
-
- nav {
- width: $nav-menu-width;
- padding: $padding-16;
- font-size: $font-size-14;
- }
-
- a {
- color: $nav-link-color;
- }
-
- a.active {
- color: $color-link;
- }
-
- .brand {
- margin-top: 0;
- margin-bottom: $padding-16;
- }
-
- .flat {
- margin-bottom: $padding-16;
- > a { font-weight: 700; }
- > ul { padding-left: 0; }
- }
- }
-
- .header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: $padding-16;
-
- display: none;
- }
-
- .page {
- flex: 1 0;
- width: 0;
- min-width: $body-min-width;
- padding: $padding-16;
- }
-
- .toc {
- flex: 0 0 $toc-menu-width;
-
- nav {
- width: $toc-menu-width;
- padding: $padding-16;
- font-size: $font-size-12;
-
- ul ul {
- padding-left: $padding-8;
- }
- }
- }
-}
-
-// Responsive styles
-$menu-hide-point: $nav-menu-width + $body-min-width;
-$toc-hide-point: $menu-hide-point + $nav-menu-width;
-
-@media screen and (max-width: $toc-hide-point) {
- .toc {
- display: none;
- }
-}
-
-@media screen and (max-width: $menu-hide-point) {
- .menu {
- margin-left: -$nav-menu-width;
- }
-
- .container .header {
- display: flex;
- }
-
- #menu-control:checked + .container {
- .menu nav, .page {
- transform: translateX($nav-menu-width);
- }
-
- .header label img {
- transform: rotate(90deg);
- }
-
- .markdown {
- opacity: .25;
- }
- }
-}
-
-.muted {
- opacity: .75;
-} \ No newline at end of file