diff options
author | vjeantet <valere.jeantet@gmail.com> | 2020-07-26 01:53:19 +0300 |
---|---|---|
committer | vjeantet <valere.jeantet@gmail.com> | 2020-07-26 01:53:19 +0300 |
commit | 6307decc2eb8caeb25641dc5a485f9931abcdeb7 (patch) | |
tree | 6295b32985702f429471773b2bb87fa22bb03f7c /assets/sass/menu.scss | |
parent | 55ed6b898bb2adbee30027b00149b37ddbf3b71b (diff) |
init
Diffstat (limited to 'assets/sass/menu.scss')
-rw-r--r-- | assets/sass/menu.scss | 32 |
1 files changed, 24 insertions, 8 deletions
diff --git a/assets/sass/menu.scss b/assets/sass/menu.scss index 166fa2f..1e75f47 100644 --- a/assets/sass/menu.scss +++ b/assets/sass/menu.scss @@ -1,5 +1,19 @@ +{{if .Site.Params.color_main}}
+$color_main : {{ .Site.Params.color_main }} ;
+{{else}}
+$color_main : hsl(random(360)-1, random(100)-1%, 45%);
+{{end}}
+
+
+
+$c_dark1 : darken($color_main, 15%);
+
+
+
article>aside {
- background-color: #f9f9f9;
+ /*background-color: $c_light3;*/
+ background-color: transparentize($color_main,0.9);
+ background-color: lighten($color_main,50%);
padding: 2rem 0rem 1rem 0rem;
.menu {
@@ -13,14 +27,11 @@ article>aside { // first menu level
>.dd-item {
margin-top: 24px;
-
-
>a{
font-weight: 700;
font-size: 16px;
color:black;
}
-
}
// menu items
@@ -34,7 +45,12 @@ article>aside { >a{
line-height: 20px;
font-size: 14px;
- color: rgb(110, 119, 122);
+ /*color: rgb(110, 119, 122);*/
+ /*color:$color_main;*/
+
+ color: darken($color_main,6);
+
+
}
ul {
padding-inline-start: 0px;
@@ -62,7 +78,7 @@ article>aside { &.active {
- background-color: rgba(110, 119, 122, 0.1);
+ background-color: transparentize($color_main,0.9);
&.haschildren {
/*background-color: transparent;*/
@@ -73,14 +89,14 @@ article>aside { }
>a{
- color:black;
+ color:$c_dark1;
}
>ul {
display: block;
}
>div {
- background-color: #eee;
+ background-color: $c_dark1;
* {
font-weight: bold;
border-bottom: dotted 1px red;
|