diff options
Diffstat (limited to 'pydis_site/static')
-rw-r--r-- | pydis_site/static/css/base/base.css | 32 | ||||
-rw-r--r-- | pydis_site/static/css/home/index.css | 12 |
2 files changed, 24 insertions, 20 deletions
diff --git a/pydis_site/static/css/base/base.css b/pydis_site/static/css/base/base.css index 969511f4..4f656189 100644 --- a/pydis_site/static/css/base/base.css +++ b/pydis_site/static/css/base/base.css @@ -1,15 +1,15 @@ html { - overflow:auto; + overflow: auto; } body.site { - display: flex; - min-height: 100vh; - flex-direction: column; + display: flex; + min-height: 100vh; + flex-direction: column; } main.site-content { - flex: 1; + flex: 1; } div.card.has-equal-height { @@ -19,20 +19,20 @@ div.card.has-equal-height { } #django-logo { - padding-bottom: 2px; - background: url(https://static.djangoproject.com/img/logos/django-logo-negative.png) no-repeat center; - filter: grayscale(1) invert(0.02); - background-size: 52px 25.5px; - background-position: -1px -2px; - color: #00000000; + padding-bottom: 2px; + background: url(https://static.djangoproject.com/img/logos/django-logo-negative.png) no-repeat center; + filter: grayscale(1) invert(0.02); + background-size: 52px 25.5px; + background-position: -1px -2px; + color: #00000000; } #bulma-logo { - padding-left: 18px; - height: 20px; - background: url(https://bulma.io/images/bulma-logo-white.png) no-repeat center; - background-size: 60px; - color: #00000000; + padding-left: 18px; + height: 20px; + background: url(https://bulma.io/images/bulma-logo-white.png) no-repeat center; + background-size: 60px; + color: #00000000; } #pydis-text { diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index 9aad02e5..0ad2e6b5 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -18,7 +18,7 @@ } .navbar-item.is-fullsize { - padding:0; + padding: 0; } .navbar-item.is-fullsize img { @@ -45,7 +45,7 @@ .video-container object, .video-container embed { width: 100%; - height: calc(92vw*0.5625); + height: calc(92vw * 0.5625); margin: 8px auto auto auto; } @@ -103,11 +103,13 @@ span.repo-language-dot.css { flex: none; width: 50%; } + .columns:not(.is-desktop) { display: flex; } + .video-container iframe { - height: calc(42vw*0.5625); + height: calc(42vw * 0.5625); max-height: 371px; max-width: 660px; } @@ -118,11 +120,13 @@ span.repo-language-dot.css { flex: none; width: 100%; } + .columns:not(.is-desktop) { display: block; } + .video-container iframe { - height: calc(92vw*0.5625); + height: calc(92vw * 0.5625); max-height: none; max-width: none; } |