paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 16:14:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles: Reference images through Webpack.

Browse Source 
Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg
2020-08-12 15:27:39 -07:00
committed by Tim Abbott
parent ae58ed5a74
commit 7492656b92
4 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/styles/components.scss
View File

@@ -36,7 +36,7 @@
} }
&:checked ~ span { &:checked ~ span {
background-image: url(/static/images/checkbox.svg); background-image: url(../images/checkbox.svg);
background-size: 85%; background-size: 85%;
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;

66
static/styles/portico/landing-page.scss
View File

@@ -63,7 +63,7 @@ a {
height: 17px; height: 17px;
width: 17px; width: 17px;
top: 3px; top: 3px;
background-image: url(/static/images/landing-page/arrow.png); background-image: url(../../images/landing-page/arrow.png);
background-size: 100%; background-size: 100%;
margin-left: 5px; margin-left: 5px;
} }
@@ -550,7 +550,7 @@ nav {
border-radius: 4px; border-radius: 4px;
background-image: url(/static/images/checkbox-green.svg); background-image: url(../../images/checkbox-green.svg);
background-size: 100% auto; background-size: 100% auto;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -569,7 +569,7 @@ nav {
); );
border-radius: 4px; border-radius: 4px;
background-image: url(/static/images/landing-page/notifications.jpg); background-image: url(../../images/landing-page/notifications.jpg);
background-size: contain; background-size: contain;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -954,7 +954,7 @@ nav {
width: 27px; width: 27px;
height: 27px; height: 27px;
background-image: url(/static/images/landing-page/checkmark.png); background-image: url(../../images/landing-page/checkmark.png);
background-size: 100% auto; background-size: 100% auto;
} }
@@ -1183,7 +1183,7 @@ nav {
padding: 95px 170px; padding: 95px 170px;
height: 385px; height: 385px;
background-image: url(/static/images/landing-page/macbook-empty.png); background-image: url(../../images/landing-page/macbook-empty.png);
background-size: 100% auto; background-size: 100% auto;
background-color: transparent; background-color: transparent;
@@ -1754,93 +1754,93 @@ nav {
/* -- company logos -- */ /* -- company logos -- */
.portico-landing .testimonials .company-box .company.akamai { .portico-landing .testimonials .company-box .company.akamai {
background-image: url(/static/images/landing-page/logos/akamai.png); background-image: url(../../images/landing-page/logos/akamai.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.doctorondemand { .portico-landing .testimonials .company-box .company.doctorondemand {
background-image: url(/static/images/landing-page/logos/doctorondemand.png); background-image: url(../../images/landing-page/logos/doctorondemand.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.layershift { .portico-landing .testimonials .company-box .company.layershift {
background-image: url(/static/images/landing-page/logos/layershift.png); background-image: url(../../images/landing-page/logos/layershift.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.recurse { .portico-landing .testimonials .company-box .company.recurse {
background-image: url(/static/images/landing-page/logos/recurse.png); background-image: url(../../images/landing-page/logos/recurse.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.solano { .portico-landing .testimonials .company-box .company.solano {
background-image: url(/static/images/landing-page/logos/solano.png); background-image: url(../../images/landing-page/logos/solano.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.veelo { .portico-landing .testimonials .company-box .company.veelo {
background-image: url(/static/images/landing-page/logos/veelo.png); background-image: url(../../images/landing-page/logos/veelo.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.panjiva { .portico-landing .testimonials .company-box .company.panjiva {
background-image: url(/static/images/landing-page/logos/panjiva.png); background-image: url(../../images/landing-page/logos/panjiva.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.cmt { .portico-landing .testimonials .company-box .company.cmt {
background-image: url(/static/images/landing-page/logos/cambridge-mobile-telematics.png); background-image: url(../../images/landing-page/logos/cambridge-mobile-telematics.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.levelup { .portico-landing .testimonials .company-box .company.levelup {
background-image: url(/static/images/landing-page/logos/levelup.png); background-image: url(../../images/landing-page/logos/levelup.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.wildfly { .portico-landing .testimonials .company-box .company.wildfly {
background-image: url(/static/images/landing-page/logos/wildfly.png); background-image: url(../../images/landing-page/logos/wildfly.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.mariadb { .portico-landing .testimonials .company-box .company.mariadb {
background-image: url(/static/images/landing-page/logos/mariadb.png); background-image: url(../../images/landing-page/logos/mariadb.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.infinispan { .portico-landing .testimonials .company-box .company.infinispan {
background-image: url(/static/images/landing-page/logos/infinispan.png); background-image: url(../../images/landing-page/logos/infinispan.png);
background-color: transparent; background-color: transparent;
height: 50px; height: 50px;
} }
.portico-landing .testimonials .company-box .company.hail { .portico-landing .testimonials .company-box .company.hail {
background-image: url(/static/images/landing-page/logos/hail.png); background-image: url(../../images/landing-page/logos/hail.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.inspire-hep { .portico-landing .testimonials .company-box .company.inspire-hep {
background-image: url(/static/images/landing-page/logos/inspire-hep.png); background-image: url(../../images/landing-page/logos/inspire-hep.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.wikimedia-outreach { .portico-landing .testimonials .company-box .company.wikimedia-outreach {
background-image: url(/static/images/landing-page/logos/wikimedia-outreach.png); background-image: url(../../images/landing-page/logos/wikimedia-outreach.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.fhir { .portico-landing .testimonials .company-box .company.fhir {
background-image: url(/static/images/landing-page/logos/fhir.png); background-image: url(../../images/landing-page/logos/fhir.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.openshot { .portico-landing .testimonials .company-box .company.openshot {
background-image: url(/static/images/landing-page/logos/openshot.png); background-image: url(../../images/landing-page/logos/openshot.png);
background-color: transparent; background-color: transparent;
} }
.portico-landing .testimonials .company-box .company.mixxx { .portico-landing .testimonials .company-box .company.mixxx {
background-image: url(/static/images/landing-page/logos/mixxx.png); background-image: url(../../images/landing-page/logos/mixxx.png);
background-color: transparent; background-color: transparent;
height: 45px; height: 45px;
} }
@@ -2010,7 +2010,7 @@ nav {
margin: 130px auto 0 auto; margin: 130px auto 0 auto;
width: 32px; width: 32px;
height: 30px; height: 30px;
background-image: url(/static/images/landing-page/zulip-octopus.png); background-image: url(../../images/landing-page/zulip-octopus.png);
background-size: cover; background-size: cover;
filter: invert(0.9); filter: invert(0.9);
@@ -2068,7 +2068,7 @@ nav {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url(/static/images/waves.svg); background-image: url(../../images/waves.svg);
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@@ -2293,31 +2293,31 @@ nav {
.portico-landing.why-page .bg-pycon { .portico-landing.why-page .bg-pycon {
position: relative; position: relative;
background-image: url(/static/images/landing-page/pycon.jpg); background-image: url(../../images/landing-page/pycon.jpg);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
.portico-landing.why-page .bg-pycon.drone { .portico-landing.why-page .bg-pycon.drone {
background-image: url(/static/images/landing-page/pycon-drone.jpg); background-image: url(../../images/landing-page/pycon-drone.jpg);
} }
.portico-landing.why-page .bg-pycon.mit { .portico-landing.why-page .bg-pycon.mit {
background-image: url(/static/images/landing-page/mit-lobby-7.jpg); background-image: url(../../images/landing-page/mit-lobby-7.jpg);
} }
.portico-landing.why-page .bg-pycon.security { .portico-landing.why-page .bg-pycon.security {
background-image: url(/static/images/landing-page/security.jpg); background-image: url(../../images/landing-page/security.jpg);
} }
.portico-landing.why-page .bg-pycon.atlassian { .portico-landing.why-page .bg-pycon.atlassian {
background-size: 300px; background-size: 300px;
background-image: url(/static/images/landing-page/atlassian.jpg); background-image: url(../../images/landing-page/atlassian.jpg);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.portico-landing.why-page .bg-pycon.why-zulip { .portico-landing.why-page .bg-pycon.why-zulip {
background-image: url(/static/images/landing-page/why-zulip-threads.jpg); background-image: url(../../images/landing-page/why-zulip-threads.jpg);
} }
.portico-landing.why-page .bg-pycon .bg-dimmer { .portico-landing.why-page .bg-pycon .bg-dimmer {
@@ -2640,7 +2640,7 @@ nav {
width: 20px; width: 20px;
height: 18px; height: 18px;
background-image: url(/static/images/checkbox-green.svg); background-image: url(../../images/checkbox-green.svg);
background-size: contain; background-size: contain;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@@ -3548,7 +3548,7 @@ nav {
color: hsl(0, 0%, 27%); color: hsl(0, 0%, 27%);
background-size: 40px auto; background-size: 40px auto;
background-image: url(/static/images/zulip-logo.svg); background-image: url(../../images/zulip-logo.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
} }

4
static/styles/portico/portico.scss
View File

@@ -446,7 +446,7 @@ img.screenshot {
.laptop-image { .laptop-image {
width: 787px; width: 787px;
height: 414px; height: 414px;
background-image: url(/static/images/landing-page/laptop.png); background-image: url(../../images/landing-page/laptop.png);
background-size: contain; background-size: contain;
} }
@@ -686,7 +686,7 @@ input.text-error {
} }
.main-headline { .main-headline {
background: url(/static/images/landing-page/gg.jpg); background: url(../../images/landing-page/gg.jpg);
background-position: center; background-position: center;
background-size: cover; background-size: cover;
} }

2
webpack.config.ts
View File

@@ -155,7 +155,7 @@ export default (env?: string): webpack.Configuration[] => {
}, },
// load fonts and files // load fonts and files
{ {
test: /\.(woff(2)?|ttf|eot|svg|otf|png)$/, test: /\.(eot|jpg|svg|ttf|otf|png|woff2?)$/,
use: [ use: [
{ {
loader: "file-loader", loader: "file-loader",