diff --git a/_includes/design/colors.html b/_includes/design/colors.html index 3321dc1..d26d202 100644 --- a/_includes/design/colors.html +++ b/_includes/design/colors.html @@ -2,62 +2,65 @@

Colors

The main I2P color is Blue. Use Green as a secondary option and Yellow as accent color.

+
-
+
#4661A9
Primary Color
-
+
#60AB60
Secondary color
-
+
#FFC434
Warning
-
+
#E15647
Danger
-
+
+ + +
+
#f8f9fa
Gray 0
-
+
#f1f3f5
Gray 1
-
+
#e9ecef
Gray 2
-
+
#dee2e6
Gray 3
-
+
#ced4da
Gray 4
-
+
#adb5bd
Gray 5
-
+
#868e96
Gray 6
-
+
#495057
Gray 7
-
-
-
+
#343a40
Gray 8
-
+
#212529
Gray 9
diff --git a/_site/assets/main.css b/_site/assets/main.css index 55e099d..83b9124 100644 --- a/_site/assets/main.css +++ b/_site/assets/main.css @@ -2,7 +2,7 @@ body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; } /** Basic styling */ -body { font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; } +body { font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; } /** Set `margin-bottom` to maintain vertical rhythm */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; } @@ -78,7 +78,7 @@ table td { border: 1px solid #e8e8e8; } @media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; } .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; } .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; } - .site-nav .menu-icon > svg path { fill: #424242; } + .site-nav .menu-icon > svg { fill: #424242; } .site-nav input ~ .trigger { clear: both; display: none; } .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; } .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; } @@ -105,7 +105,7 @@ table td { border: 1px solid #e8e8e8; } .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } } @media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } } /** Page content */ -.page-content { padding: 30px 0; } +.page-content { padding: 30px 0; flex: 1; } .page-heading { font-size: 32px; }