1 line
5.6 KiB
CSS
1 line
5.6 KiB
CSS
a,strong{font-weight:500}.hide,span.ripple{pointer-events:none}#homepage>*,#settings_page>*,.article>*{grid-column:2}.article-card .article-preview,p{line-height:1.5}#greetings_section,.capitalize{text-transform:capitalize}.article-heading,.article-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical}*{box-sizing:border-box;padding:0;margin:0;font-family:Roboto,sans-serif}:root{font-size:clamp(16px,1.2vmax,40px)}body{--accent-color:#2e66ce;--text-color:17,17,17;--text-color-light:85,85,85;--foreground-color:255,255,255;--background-color:rgba(var(--foreground-color), 1);--dark-shade:#f4f4f4;--error-color:#E53935;background:rgba(var(--foreground-color),1);color:rgba(var(--text-color),1);background-size:cover}body[data-theme=dark]{--accent-color:#7eabff;--text-color:220,220,220;--text-color-light:170,170,170;--foreground-color:26,26,26;--background-color:#111;--dark-shade:#222;--hue:255;--saturation:39%;--lightness:70%}a{text-decoration:none;color:var(--accent-color)}.dark-text{color:#111}.article-para,.article-preview,p{color:rgba(var(--text-color),.9)}h1{font-size:3.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.1rem}h5{font-size:.85rem}p{font-size:1rem;max-width:60ch}::-moz-focus-inner{border:none}.bottom-padding{padding-bottom:1.5rem}.top-padding{padding-top:1rem}.bottom-margin{margin-bottom:1.5rem}.top-margin{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.grid-2{grid-template-columns:auto auto;gap:1rem}.align-center{align-items:center}.direction-column{flex-direction:column}.justify-right{margin-left:auto}.space-between{justify-content:space-between}.label{margin-bottom:.4rem}.light-text{opacity:.7}.hide{opacity:0}.hide-completely{display:none!important}.breakable{word-break:break-all}.separator{padding:.1rem}.no-transformations{transform:none!important}.icon{width:1.2rem;height:1.2rem;stroke:rgba(var(--text-color),1);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;fill:none;overflow:visible}span.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.2)}.interact{position:relative;overflow:hidden;cursor:pointer}#homepage,#settings_page{display:grid;grid-template-columns:1.5rem 1fr 1.5rem}#homepage main,#settings_page main{gap:2rem;display:grid}#homepage_header{position:relative;gap:1.5rem;padding:1rem 0;margin-bottom:1.5rem}#homepage_header h3{font-family:"Playfair display",serif;font-size:1.2rem}.article-heading,.para-heading{font-family:Lora,serif}#user_icon,.close{cursor:pointer;background:rgba(var(--text-color),.06);height:2.6rem;width:2.6rem;padding:.7rem;border-radius:50%}#right_drawer,.header{top:0;background:rgba(var(--foreground-color),1)}#right_drawer{position:fixed;overflow-y:auto;width:100%;right:0;bottom:0;padding:1.5rem;z-index:10;transition:transform .3s,opacity .3s;transform:translate(100%,0)}#right_drawer section{display:grid;gap:.3rem;grid-template-columns:1fr auto}#right_drawer section:first-of-type{margin-top:1.5rem}#right_drawer section:not(:last-of-type){margin-bottom:1.5rem}#right_drawer section sm-switch{grid-column:2/3;grid-row:1/3}#right_drawer section h4,#right_drawer section p{grid-column:1/2}.close{height:2rem;width:2rem;padding:.6rem}.header{position:sticky;z-index:1;padding:1rem 0;margin-bottom:1.5rem}#trending header h4{padding:0 .6rem;color:var(--error-color);border-left:solid .2em var(--error-color)}#latest_articles_container,#trending_articles_container{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(30ch,1fr));margin-bottom:4rem}.article-card{position:relative;overflow:hidden;display:grid;gap:0 1rem;cursor:pointer;align-self:flex-start;-webkit-tap-highlight-color:transparent}.article-card .article-details{margin-bottom:.3rem}.article-card .article-heading{font-size:1.3em;margin-bottom:.4em}.article-card h5:last-of-type{margin-top:.5em}#greetings_section{margin-bottom:3rem}#greetings_section sm-input{margin-top:1rem;width:min(100%,24rem)}#greetings_section sm-input .icon{stroke:rgba(var(--text-color),.6);height:1rem;width:1rem}#greeting_illustration svg{width:5rem}.article{display:grid;grid-template-columns:1.5rem 1fr 1.5rem}.full-bleed{width:100%;grid-column:1/4}.article-details{font-weight:400;opacity:.9;margin-bottom:.3rem}.article-heading{font-size:1.5em;margin-bottom:.8rem;font-weight:700;display:-webkit-box;overflow:hidden}.article-preview{display:-webkit-box;overflow:hidden;font-size:1.1em}.para-heading{margin-bottom:.5em;font-weight:600;font-size:1.3em;margin-top:1rem}.article-para{line-height:1.8;font-size:1.1em}.article-para:not(:first-of-type){margin-top:1.5rem}.para-heading+.article-para{margin-top:0}.article-para+.para-heading{margin-top:2rem}.article-image{object-position:top;object-fit:cover;border-radius:1rem;height:16rem;width:100%;margin-bottom:2rem;box-shadow:0 .4rem 1rem rgba(var(--text-color),.2)}#latest_articles h4{width:100%;display:flex;position:relative;align-items:center;white-space:nowrap}#latest_articles h4::after{content:"";height:.2rem;background:rgba(var(--text-color),.9);width:min(4rem,100%);margin-left:1rem}#article_page{padding-bottom:10rem}#article_page .article-heading{-webkit-line-clamp:3}@media screen and (min-width:800px){.hide-on-desktop{display:none}.article{grid-template-columns:1fr min(65ch,100%) 1fr}.article-heading{font-size:1.5em}.para-heading{font-size:1.3em}.article-para,.article-preview{font-size:1.15em}#right_drawer_container{position:relative}#right_drawer{position:absolute;top:calc(100% + .5rem);width:24rem;max-height:80vh;bottom:auto;border-radius:.5rem;box-shadow:0 .5rem 1rem #00016;border:rgba(var(--text-color),.1) solid;transform:translate(0,-1.5rem)}}@media screen and (min-width:1280px){#homepage,#settings_page{grid-template-columns:1fr 80vw 1fr}#homepage main,#settings_page main{gap:4rem}} |