diff options
| author | vjeantet <valere.jeantet@gmail.com> | 2020-08-21 20:24:25 +0300 |
|---|---|---|
| committer | vjeantet <valere.jeantet@gmail.com> | 2020-08-21 20:24:25 +0300 |
| commit | b3f9f57d4246c58ab8b6c48379d9159a86c16504 (patch) | |
| tree | 7ec968e97b62e40040ed531242beb5b51ee5f752 /assets/sass | |
| parent | 9edc0cf1d6e15beaee07c01a663e9faeb4c4b26a (diff) | |
jump to section
Diffstat (limited to 'assets/sass')
| -rw-r--r-- | assets/sass/layout.scss | 44 | ||||
| -rw-r--r-- | assets/sass/main.scss | 16 |
2 files changed, 53 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{
diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 75b4c48..55812a5 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -274,6 +274,22 @@ article section.page { }
+ div.jump-to-section{
+ font-size: smaller;
+ color:$c_dark2;
+ ul{
+ li a{
+ color:$c_saturate3;
+ }
+ }
+
+ nav{
+ background-color: white;
+ }
+ }
+
+
+
div.chevrons {
&.simple, &.full{
|