cool-mist/bbb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aesthetic

Browse Source
This commit is contained in:
surya 2023-05-29 23:27:47 +05:30
parent b164ccece7
commit f8c7227cbc
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/style.scss
View File

@ -13,7 +13,7 @@
/* BASE RULES */ /* BASE RULES */
/**************/ /**************/
@import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&family=DM+Sans:wght@300;400&family=Slackside+One&family=Architects+Daughter&display=swap');
html { html {
font-size: 100%; font-size: 100%;
@ -22,11 +22,11 @@ html {
body { body {
background: #fff; background: #fff;
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'Crimson Pro', serif;
color: #404040; color: #404040;
line-height: 1.7; line-height: 1.2;
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 22px;
height: 100%; height: 100%;
} }
@ -38,7 +38,7 @@ body {
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
color: $darkerGray; color: $darkerGray;
font-weight: bold; font-weight: bold;
@ -308,9 +308,9 @@ p > img {
margin: 0; margin: 0;
color: $darkGray; color: $darkGray;
cursor: pointer; cursor: pointer;
font-family: $helveticaNeue; font-family: "Slackside One", cursive;
font-weight: 300; font-weight: bold;
font-size: 28px; font-size: 38px;
letter-spacing: 1px; letter-spacing: 1px;
text-align: left; text-align: left;
@ -323,6 +323,7 @@ p > img {
margin: -5px 0 0 0; margin: -5px 0 0 0;
color: $gray; color: $gray;
font-size: 16px; font-size: 16px;
font-family: "Architects Daughter", cursive;
@include mobile { @include mobile {
margin: 3px 0; margin: 3px 0;
@ -332,7 +333,7 @@ p > img {
nav { nav {
float: right; float: right;
margin-top: 23px; // @TODO: Vertically middle align margin-top: 23px; // @TODO: Vertically middle align
font-family: $helveticaNeue; font-family: "DM Sans", sans-serif;
font-size: 18px; font-size: 18px;
@include mobile { @include mobile {
@ -348,6 +349,7 @@ nav {
text-align: right; text-align: right;
font-weight: 300; font-weight: 300;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: bold;
@include mobile { @include mobile {
margin: 0 10px; margin: 0 10px;
@ -446,7 +448,6 @@ body:after {
} }
.post h1{ .post h1{
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-kerning: auto; font-kerning: auto;
@ -455,7 +456,6 @@ body:after {
} }
.page h1{ .page h1{
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-kerning: auto; font-kerning: auto;
@ -477,7 +477,7 @@ body:after {
.cd-container a { .cd-container a {
color: #30434e; color: #30434e;
text-decoration: none; text-decoration: none;
font-family: "Open Sans", sans-serif; font-family: "DM Sans", sans-serif;
} }
.cd-container img { .cd-container img {
@ -485,7 +485,7 @@ body:after {
} }
.cd-container h1, .cd-container h2 { .cd-container h1, .cd-container h2 {
font-family: "Open Sans", sans-serif; font-family: "DM Sans", sans-serif;
font-weight: bold; font-weight: bold;
} }
@ -627,7 +627,7 @@ Modules - reusable parts of our design
} }
#carbonads { #carbonads {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "DM Sans", sans-serif;
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
max-width: 270px; max-width: 270px;