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 */
/**************/
@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 {
font-size: 100%;
@ -22,11 +22,11 @@ html {
body {
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;
line-height: 1.7;
line-height: 1.2;
font-weight: 400;
font-size: 18px;
font-size: 22px;
height: 100%;
}
@ -38,7 +38,7 @@ body {
}
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;
font-weight: bold;
@ -308,9 +308,9 @@ p > img {
margin: 0;
color: $darkGray;
cursor: pointer;
font-family: $helveticaNeue;
font-weight: 300;
font-size: 28px;
font-family: "Slackside One", cursive;
font-weight: bold;
font-size: 38px;
letter-spacing: 1px;
text-align: left;
@ -323,6 +323,7 @@ p > img {
margin: -5px 0 0 0;
color: $gray;
font-size: 16px;
font-family: "Architects Daughter", cursive;
@include mobile {
margin: 3px 0;
@ -332,7 +333,7 @@ p > img {
nav {
float: right;
margin-top: 23px; // @TODO: Vertically middle align
font-family: $helveticaNeue;
font-family: "DM Sans", sans-serif;
font-size: 18px;
@include mobile {
@ -348,6 +349,7 @@ nav {
text-align: right;
font-weight: 300;
letter-spacing: 1px;
font-weight: bold;
@include mobile {
margin: 0 10px;
@ -446,7 +448,6 @@ body:after {
}
.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;
font-weight: bold;
font-kerning: auto;
@ -455,7 +456,6 @@ body:after {
}
.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;
font-weight: bold;
font-kerning: auto;
@ -477,7 +477,7 @@ body:after {
.cd-container a {
color: #30434e;
text-decoration: none;
font-family: "Open Sans", sans-serif;
font-family: "DM Sans", sans-serif;
}
.cd-container img {
@ -485,7 +485,7 @@ body:after {
}
.cd-container h1, .cd-container h2 {
font-family: "Open Sans", sans-serif;
font-family: "DM Sans", sans-serif;
font-weight: bold;
}
@ -627,7 +627,7 @@ Modules - reusable parts of our design
}
#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;
overflow: hidden;
max-width: 270px;