RanchiMall/cumulative
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix grammer

Browse Source
This commit is contained in:
sairaj mote 2021-03-22 18:06:27 +05:30
parent 17524426c1
commit 0f5ed60d01
3 changed files with 37 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
css/main.css
View File

@ -1,14 +1,13 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700&display=swap");
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
-webkit-box-sizing: border-box; box-sizing: border-box;
box-sizing: border-box; font-family: "Roboto", sans-serif;
font-family: 'Open sans', sans-serif;
} }
body { body {
font-size: 16px; font-size: clamp(1rem, 1.2vmax, 4rem);
--accent-color: hsl(268,74,51); --accent-color: hsl(268,74,51);
--hue: 268; --hue: 268;
--saturation: 74%; --saturation: 74%;
@ -17,43 +16,25 @@ body {
--foreground-color: 255, 255, 255; --foreground-color: 255, 255, 255;
scroll-behavior: smooth; scroll-behavior: smooth;
overflow: hidden; overflow: hidden;
display: -ms-grid;
display: grid; display: grid;
-ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr;
grid-template-rows: auto 1fr;
} }
main { main {
-ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
max-height: calc(100vh - 6rem); max-height: calc(100vh - 6rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical; flex-direction: column;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: auto; overflow-y: auto;
} }
a:-webkit-any-link {
text-decoration: none;
color: inherit;
}
a:-moz-any-link {
text-decoration: none;
color: inherit;
}
a:any-link { a:any-link {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
} }
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-weight: 600; font-weight: 600;
} }
@ -82,28 +63,23 @@ h5 {
} }
p { p {
font-family: 'Open sans', sans-serif; font-family: "Roboto", sans-serif;
line-height: 1.6; line-height: 1.6;
max-width: 70ch; max-width: 70ch;
color: rgba(0, 0, 0, 0.9); font-size: 1.2rem;
color: rgba(var(--text-color), 0.8);
} }
header { header {
z-index: 2; z-index: 2;
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
height: 6rem; height: 6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
width: 100%; width: 100%;
-webkit-box-align: center; align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 1.5rem; padding: 1.5rem;
} }
header .identity { header .identity {
text-transform: uppercase; text-transform: uppercase;
margin-left: auto; margin-left: auto;
@ -111,72 +87,47 @@ header .identity {
} }
section { section {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical; flex-direction: column;
-webkit-box-direction: normal; justify-content: center;
-ms-flex-direction: column; flex: 1;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1.5rem; padding: 1.5rem;
min-height: 100vh; min-height: 100vh;
scroll-snap-align: start; scroll-snap-align: start;
} }
section h1 { section h1 {
text-transform: uppercase; text-transform: uppercase;
font-weight: 800; font-weight: 800;
} }
section sm-button { section sm-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; display: inline-flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; width: max-content;
margin-top: 1.5rem; margin-top: 1.5rem;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.card { .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
width: 18rem; width: 18rem;
min-width: 18rem; min-width: 18rem;
overflow: hidden; overflow: hidden;
-webkit-box-orient: vertical; flex-direction: column;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 1.5rem; margin-right: 1.5rem;
border-radius: 0.2rem; border-radius: 0.2rem;
background: rgba(0, 0, 0, 0.06); background: rgba(0, 0, 0, 0.06);
border: solid 1px rgba(0, 0, 0, 0.1); border: solid 1px rgba(0, 0, 0, 0.1);
} }
.card img { .card img {
height: 100%; height: 100%;
width: 100%; width: 100%;
-o-object-fit: cover; object-fit: cover;
object-fit: cover;
} }
.card p, .card h4 { .card p, .card h4 {
padding: 0 1rem; padding: 0 1rem;
} }
.card h4 { .card h4 {
padding-top: 1rem; padding-top: 1rem;
} }
.card p { .card p {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@ -202,25 +153,24 @@ sm-carousel::part(carousel) {
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {
h1 { h1 {
font-size: 4rem; font-size: 3.5rem;
} }
p {
font-size: 1.2rem;
}
section, header { section, header {
padding: 2rem 4rem; padding: 2rem 4rem;
} }
} }
@media screen and (min-width: 1280px) { @media screen and (min-width: 1280px) {
section, header { section, header {
padding: 2rem 6vw; padding: 2rem 6vw;
} }
} }
@media screen and (min-width: 1920px) { @media screen and (min-width: 1920px) {
body {
font-size: 18px;
}
section, header { section, header {
padding: 2rem 8vw; padding: 2rem 8vw;
} }
} }
/*# sourceMappingURL=main.css.map */

20
css/main.scss
View File

@ -1,12 +1,12 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700&display=swap');
*{ *{
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
font-family: 'Open sans', sans-serif; font-family: 'Roboto', sans-serif;
} }
body{ body{
font-size: 16px; font-size: clamp(1rem, 1.2vmax, 4rem);
--accent-color: hsl(268,74,51); --accent-color: hsl(268,74,51);
--hue: 268; --hue: 268;
--saturation: 74%; --saturation: 74%;
@ -53,10 +53,11 @@ h5{
font-size: 0.8rem; font-size: 0.8rem;
} }
p{ p{
font-family: 'Open sans', sans-serif; font-family: 'Roboto', sans-serif;
line-height: 1.6; line-height: 1.6;
max-width: 70ch; max-width: 70ch;
color: rgba($color: #000000, $alpha: 0.9); font-size: 1.2rem;
color: rgba(var(--text-color), 0.8);
} }
header{ header{
z-index: 2; z-index: 2;
@ -136,7 +137,10 @@ sm-carousel::part(carousel){
} }
@media screen and (min-width: 640px){ @media screen and (min-width: 640px){
h1{ h1{
font-size: 4rem; font-size: 3.5rem;
}
p{
font-size: 1.2rem;
} }
section, header{ section, header{
padding: 2rem 4rem; padding: 2rem 4rem;
@ -148,9 +152,7 @@ sm-carousel::part(carousel){
} }
} }
@media screen and (min-width: 1920px){ @media screen and (min-width: 1920px){
body{
font-size: 18px;
}
section, header{ section, header{
padding: 2rem 8vw; padding: 2rem 8vw;
} }

2
index.html
View File

@ -206,7 +206,7 @@
<section> <section>
<h1>Content Collaboration as a sample application</h1> <h1>Content Collaboration as a sample application</h1>
<sm-button variant="outlined" class="concept-presentation"><a href="https://ranchimall.github.io/media/introduction/9_content_collab.pdf" target="_blank">Concept Presentation</a></sm-button> <sm-button variant="outlined" class="concept-presentation"><a href="https://ranchimall.github.io/media/introduction/9_content_collab.pdf" target="_blank">Concept Presentation</a></sm-button>
<p>Content Collaboration app is a way for anonymous users across the Internet to collaborate and create beautiful articles. These articles are then published on RanchiMall times.</p> <p>Content Collaboration app is a way for anonymous users across the Internet to collaborate and create beautiful articles. These articles are then published on RanchiMall Times.</p>
<sm-carousel> <sm-carousel>
<a href="https://ranchimall.github.io/p2p-content-collaboration/" target='_blank' class="card link"> <a href="https://ranchimall.github.io/p2p-content-collaboration/" target='_blank' class="card link">
<img src="resources/contentcollab.PNG" alt=""> <img src="resources/contentcollab.PNG" alt="">