From ebac4eba4849cc955aea11843f825099bf3cdfc9 Mon Sep 17 00:00:00 2001 From: AchalSaxena Date: Mon, 2 Dec 2024 15:23:54 +0530 Subject: [PATCH] Update index.scss Minify code --- assets/css/index.scss | 149 ++++++------------------------------------ 1 file changed, 21 insertions(+), 128 deletions(-) diff --git a/assets/css/index.scss b/assets/css/index.scss index 97902472c..605c26497 100644 --- a/assets/css/index.scss +++ b/assets/css/index.scss @@ -1,130 +1,23 @@ -/* Styles specific to home page */ -.content { - padding: 0; -} - -.grey { - background-color: var(--tw-color-gray-faint); - - @media (prefers-color-scheme: dark) { - background-color: var(--tw-color-gray-1100); - color: white; - } -} - -.small-container { - max-width: calc(var(--feather-grid-page-width) - var(--feather-grid-mega) * 4); - margin: 0 auto; -} - -.twitter-timeline, .timeline-cell { - height: 500px; -} - - -@media (min-width: 600px) { - #follow-us .container { - display: flex; - flex-direction: row-reverse; - > div { - flex: 1 1 50%; - } - } - #open-source-text { - display: flex; - flex-direction: column; - justify-content: center; - } -} -.open-source-title a { - text-decoration: none; - &:link, &:visited { - color: inherit; - } - &:hover, &:active { - color: var(--tw-color-text-link); - } -} - - -/* Center text vertically */ - -#career-text { - text-align: center; -} -@media (min-width: 600px) { - #career .container { - display: flex; - > div { - flex: 1 1 50%; - } - } - #career-text { - text-align: left; - margin-top: 100px; - } -} - -/* Our Philosophy - images */ - -#emoji-cards { - display: flex; - flex-direction: column; - margin: auto; -} -.emoji-card { - padding: var(--feather-grid-large) var(--feather-grid-mega); - max-width: 600px; - margin: 0 auto; - flex: 1 1 33%; -} - -@media (min-width: 900px) { - #emoji-cards { - flex-direction: row; - } -} - -img.emoji-img { - display: block; - width: 175px; - height: 175px; -} - -/* Home page media queries */ - -/* Less than --feather-grid-page-width + (--feather-grid-mega * 2) */ -@media (max-width: 1236px) { - .home-header { - padding-bottom: calc(var(--feather-grid-mega) * 1.5); - } -} - -/* Explore Projects */ - -#explore-projects { - background-image: url("../assets/network.svg"); - background-repeat: no-repeat; - background-size: auto 380px; - background-position: bottom left 5vw; - - @media (min-width: 600px) { - background-position: bottom left 35vw; - } - @media (min-width: 1100px) { - background-position: bottom right; - } -} -.explore-text { - // space to display network graphic - margin-bottom: 320px; - - @media (min-width: 600px) { - margin-bottom: 0; - max-width: 35%; - } - @media (min-width: 1100px) { - max-width: 40%; - } +.content{padding:0} +.grey{background-color:var(--tw-color-gray-faint);@media (prefers-color-scheme:dark){background-color:var(--tw-color-gray-1100);color:white} +}.small-container{max-width:calc(var(--feather-grid-page-width) - var(--feather-grid-mega) * 4);margin:0 auto} +.twitter-timeline,.timeline-cell{height:500px} +@media (min-width:600px){#follow-us .container{display:flex;flex-direction:row-reverse;> div{flex:1 1 50%} +}#open-source-text{display:flex;flex-direction:column;justify-content:center} +}.open-source-title a{text-decoration:none;&:link,&:visited{color:inherit} +&:hover,&:active{color:var(--tw-color-text-link)} +}#career-text{text-align:center} +@media (min-width:600px){#career .container{display:flex;> div{flex:1 1 50%} +}#career-text{text-align:left;margin-top:100px} +}#emoji-cards{display:flex;flex-direction:column;margin:auto} +.emoji-card{padding:var(--feather-grid-large) var(--feather-grid-mega);max-width:600px;margin:0 auto;flex:1 1 33%} +@media (min-width:900px){#emoji-cards{flex-direction:row} +}img.emoji-img{display:block;width:175px;height:175px} +@media (max-width:1236px){.home-header{padding-bottom:calc(var(--feather-grid-mega) * 1.5)} +}#explore-projects{background-image:url("../assets/network.svg");background-repeat:no-repeat;background-size:auto 380px;background-position:bottom left 5vw;@media (min-width:600px){background-position:bottom left 35vw} +@media (min-width:1100px){background-position:bottom right} +}.explore-text{// space to display network graphic + margin-bottom:320px;@media (min-width:600px){margin-bottom:0;max-width:35%} +@media (min-width:1100px){max-width:40%} }