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/main.scss | |
| parent | 55ed6b898bb2adbee30027b00149b37ddbf3b71b (diff) | |
init
Diffstat (limited to 'assets/sass/main.scss')
| -rw-r--r-- | assets/sass/main.scss | 81 |
1 files changed, 58 insertions, 23 deletions
diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 7f50f2d..9998141 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -1,13 +1,45 @@ +{{if .Site.Params.color_main}}
+$color_main : {{ .Site.Params.color_main }} ;
+{{else}}
+$color_main : hsl(random(360)-1, random(100)-1%, random(100)-1%);
+{{end}}
+
+{{if .Site.Params.color_second}}
+$color_second : {{ .Site.Params.color_second }} ;
+{{else}}
+$color_second : saturate($color_main, 0%);
+{{end}}
+
+$c_light1 : lighten($color_main, 15%);
+$c_light2 : lighten($color_main, 45%);
+$c_light3 : lighten($color_main, 50%);
+$c_light4 : lighten($color_main, 60%);
+
+$c_dark1 : darken($color_main, 15%);
+$c_dark2 : darken($color_main, 30%);
+$c_dark3 : darken($color_main, 45%);
+$c_dark4 : darken($color_main, 50%);
+
+
+
+$c_saturate1 : $color_second;
+$c_saturate2 : saturate($color_second, 30%);
+$c_saturate3 : saturate($color_second, 40%);
+$c_saturate4 : saturate($color_second, 50%);
+$c_saturate5 : saturate($color_second, 60%);
+$c_saturate6 : saturate($color_second, 75%);
+$c_saturate7 : saturate($color_second, 90%);
+
body{
font-family:"Montserrat",sans-serif;
font-weight: 400;
line-height: 1.5;
- color: #000;
+ color: $c_dark3;
a{
- color: #6e777a;
+ color: $c_saturate7;
text-decoration: none;
background-color: transparent;
}
@@ -24,7 +56,7 @@ body{ justify-content: space-between;
align-items: stretch ;
-
+color:$c_dark1;
.logo {
display: flex;
@@ -83,7 +115,7 @@ body{ a {
-
+ color:$c_dark1;
padding: 0 1rem;
font-weight: bold;
font-size: 90%;
@@ -104,7 +136,6 @@ body{ }
&.responsive{
- background-color: white;
#close_menu{
display: block;
}
@@ -115,16 +146,19 @@ body{ padding: 3.5rem 0 3.5rem 0;
font-size:14px;
line-height:20px;
+ padding-left:2px;
.TableOfContents {
-
font-weight:500;
+> *{
+ margin-left:5px;
+}
label{
font-weight:700;
letter-spacing: -1px;
display: block;
margin-bottom: 14px;
- border-bottom: 1px dotted #D9D9D9;
-
+ border-bottom: 1px dotted $c_saturate3;
+ color:$c_dark2;
font-variant: small-caps;
}
nav>ul{
@@ -133,7 +167,7 @@ body{ ul{
padding: 0px 0px 0px 14px;
margin: 0px 0px 0px 0px;
- border-left: 1px solid #D9D9D9;
+ border-left: 1px solid $c_saturate3;
li{
font-size: 90%;
}
@@ -168,6 +202,7 @@ article section.page { line-height: 1.5;
letter-spacing: -.01em;
font-weight: 500;
+
ol{
padding: 0px;
display: flex;
@@ -179,12 +214,12 @@ article section.page { display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
- color: #6e777b;
+ color: $c_dark3;
content: "⊸";
}
a {
- color: black;
- border-bottom: 1px solid #6e777b;
+ color: $c_dark3;
+ border-bottom: 1px solid $c_dark1;
padding-bottom: 2px;
padding-right: 0px;
}
@@ -193,7 +228,6 @@ article section.page { &:after{
display: inline-block;
padding-left: .75rem;
- color: #6e777b;
content: "";
}
}
@@ -218,12 +252,12 @@ article section.page { a {
font-size: 90%;
- color: #444444;
+ color: $c_saturate4;
}
&:not(:first-child):before{
display: inline-block;
padding-right: .75rem;
- color: #6e777b;
+ color: $c_saturate2;
content: "|";
}
&.active{
@@ -232,7 +266,7 @@ article section.page { }
li:first-child:before{
content : "└ ";
-
+ color: $c_saturate2;
}
}
@@ -243,8 +277,8 @@ article section.page { display: none ;
}
margin-top: 3rem;
- border-top: 1px solid #e6e6e6;
- border-bottom: 1px solid #e6e6e6;
+ border-top: 1px solid $c_light2;
+ border-bottom: 1px solid $c_light2;
padding: 1rem 0rem;
display: flex;
flex-direction: row;
@@ -294,7 +328,7 @@ article section.page { h1:first-of-type {
font-size: 2.6rem;
margin-top: 3rem!important;
-
+ color:$c_dark2;
margin-bottom: 0px;
line-height: 1.05;
letter-spacing: -.05em;
@@ -305,7 +339,7 @@ article section.page { &:before{
padding-left: .75rem;
padding-right: .75rem;
- color: #6e777b;
+ color: $c_dark2;
content: "⊷";
}
;
@@ -323,12 +357,13 @@ article section.page div.content{ }
a{
- color:black;
+ color:$c_saturate7;
font-weight: 500;
text-decoration: underline;
}
+
h1 {
- color:rgb(0, 0, 0);
+ color:$c_dark1;
font-size:30px;
font-variant-ligatures:none;
font-weight:700;
@@ -385,7 +420,7 @@ article section.page div.content{ img {
border: 0;
max-width: 100%;
- margin: 3rem auto;
+ margin: 1.5rem auto;
display: block;
text-align: center;
|