diff options
Diffstat (limited to 'assets/sass/layout.scss')
-rw-r--r-- | assets/sass/layout.scss | 44 |
1 files changed, 37 insertions, 7 deletions
diff --git a/assets/sass/layout.scss b/assets/sass/layout.scss index 004dce3..ed5d4a5 100644 --- a/assets/sass/layout.scss +++ b/assets/sass/layout.scss @@ -32,7 +32,7 @@ body { padding: 0 2rem;
position: fixed;
left: 0; right: 0; top: 0;
- z-index: 1;
+ z-index: 10;
div.burger {
display: none;
}
@@ -46,6 +46,7 @@ body { align-items: flex-start;
min-height: calc(100vh - 3.5rem);
+
aside {
margin-top: 3.5rem;
position: fixed;
@@ -66,6 +67,27 @@ body { margin-left: 20em;
width:calc(100% - 20em - 15em - 1.1em);
+ .jump-to-section{
+ display:none;
+ margin-top: 0.5em;
+ margin-left: 0.2em;
+ ul{
+ padding-left: 20px;
+ }
+
+ nav{
+ display: none;
+ position: absolute;
+ z-index: 5;
+ border: 1px solid ;
+ padding: 3px 30px;
+ border-radius: 3px;
+ min-width: 25%;
+ max-width: 50%;
+ box-shadow: 0 5px 8px rgba(0,0,0,.25);
+ }
+ }
+
&.simple{
width:calc(100% - 20em - 1.1em);
}
@@ -104,7 +126,7 @@ body { body{
header {
div.burger {
- display: inline;
+ /*display: inline;*/
&.full{
display: none ;
}
@@ -113,19 +135,20 @@ body { article {
aside {
/*transform: translate(100vw,0);*/
- display: none;
+ /*display: none;*/
}
section.page{
- margin-left: 0px;
- width:calc(100% - 15em - 1.1em);
+ /*margin-left: 0px; */
+ width:calc(100% - 1.1em);
&.simple{
width:100%;
}
+ .jump-to-section{display: block;}
}
section.right-menu{
-
+ display: none;
}
}
}
@@ -134,6 +157,12 @@ body { @media(max-width:930px) {
body{
header {
+ div.burger {
+ display: inline;
+ &.full{
+ display: none ;
+ }
+ }
nav.shortcuts li{
display: none;
@@ -148,7 +177,8 @@ body { section.page{
width: 100%;
- margin-left: 0px;
+ margin-left: 0px;
+
}
section.right-menu{
|