Correct font weights after font change

This commit is contained in:
Michał Gdula 2023-04-08 19:32:04 +00:00
parent 1f9f50d014
commit 359ab66a0a
11 changed files with 41 additions and 41 deletions

View file

@ -8,6 +8,7 @@
padding: 0.1rem 0.3rem padding: 0.1rem 0.3rem
text-decoration: none text-decoration: none
font-weight: 500
background-color: RGB($fg-white) background-color: RGB($fg-white)
color: RGB($fg-black) color: RGB($fg-black)
@ -90,18 +91,18 @@
text-align: left text-align: left
font-size: 6.9rem font-size: 6.9rem
font-weight: 800 font-weight: 700
color: RGB($primary) color: RGB($primary)
.banner-info .banner-info
grid-area: info grid-area: info
font-size: 1rem font-size: 1rem
font-weight: 600 font-weight: 400
.banner-subtitle .banner-subtitle
grid-area: subtitle grid-area: subtitle
font-size: 1rem font-size: 1rem
font-weight: 600 font-weight: 400
.pill-row .pill-row
margin-top: auto margin-top: auto
@ -142,14 +143,14 @@
text-overflow: ellipsis text-overflow: ellipsis
overflow: hidden overflow: hidden
text-align: left text-align: left
font-weight: 800 font-weight: 700
font-size: 1.5rem font-size: 1.5rem
color: RGB($primary) color: RGB($primary)
.banner-info .banner-info
font-size: 0.9rem font-size: 0.9rem
font-weight: 600 font-weight: 400
.pill-row .pill-row
margin-left: auto margin-left: auto
@ -173,7 +174,7 @@
flex-direction: column flex-direction: column
justify-content: center justify-content: center
align-items: center align-items: center
gap: 0.25rem gap: 1rem
.banner-header .banner-header
text-align: center text-align: center
@ -187,7 +188,7 @@
display: none display: none
.pill-row .pill-row
margin-top: 1rem margin-top: 0rem
.banner-small .banner-small
.banner-content .banner-content

View file

@ -9,10 +9,10 @@
outline: 2px solid RGBA($color, 0.3) outline: 2px solid RGBA($color, 0.3)
.btn-block .btn-block
padding: 0.5rem 1rem padding: 0.4rem 0.7rem
width: auto width: auto
min-height: 2.5rem min-height: 2.3rem
display: flex display: flex
justify-content: center justify-content: center
@ -22,7 +22,7 @@
position: relative position: relative
font-size: 1rem font-size: 1rem
font-weight: 600 font-weight: 400
text-align: center text-align: center
background-color: transparent background-color: transparent
@ -68,16 +68,16 @@
label label
font-size: 1rem font-size: 1rem
font-weight: 600 font-weight: 400
text-align: left text-align: left
color: RGB($fg-white) color: RGB($fg-white)
.input-block .input-block
padding: 0.5rem 1rem padding: 0.4rem 0.7rem
width: auto width: auto
min-height: 2.5rem min-height: 2.3rem
display: flex display: flex
justify-content: flex-start justify-content: flex-start
@ -86,7 +86,7 @@
position: relative position: relative
font-size: 1rem font-size: 1rem
font-weight: 600 font-weight: 400
text-align: left text-align: left
background-color: RGBA($white, 0.1) background-color: RGBA($white, 0.1)
@ -116,7 +116,7 @@
padding: 1rem 1.25rem padding: 1rem 1.25rem
width: 100% width: 100%
min-height: 2.5rem min-height: 2.3rem
display: flex display: flex
flex-direction: column flex-direction: column
@ -127,7 +127,7 @@
position: relative position: relative
font-size: 1rem font-size: 1rem
font-weight: 600 font-weight: 400
text-align: center text-align: center
background-color: RGBA($white, 0.1) background-color: RGBA($white, 0.1)

View file

@ -16,7 +16,7 @@
display: flex display: flex
background-color: RGB($bg-100) background-color: RGB($bg-200)
border-radius: $rad border-radius: $rad
.pill-text .pill-text
@ -34,7 +34,7 @@
text-align: center text-align: center
font-size: 1rem font-size: 1rem
font-weight: 500 font-weight: 400
color: RGB($fg-white) color: RGB($fg-white)

View file

@ -70,8 +70,8 @@
top: 0 top: 0
font-size: 1.5rem font-size: 1.5rem
font-weight: 800 font-weight: 700
text-align: center text-align: left
color: RGB($fg-white) color: RGB($fg-white)
@ -81,8 +81,8 @@
width: 100% width: 100%
font-size: 1rem font-size: 1rem
font-weight: 500 font-weight: 400
text-align: center text-align: left
color: RGB($fg-white) color: RGB($fg-white)
@ -96,7 +96,6 @@
a, .link a, .link
font-size: 1rem font-size: 1rem
font-weight: 500 font-weight: 500
text-align: center
line-height: 1 line-height: 1
color: RGB($primary) color: RGB($primary)

View file

@ -213,7 +213,7 @@
height: 95% height: 95%
left: 0 left: 0
bottom: calc(-100vh + 3.5rem) bottom: -100vh
border-radius: $rad $rad 0 0 border-radius: $rad $rad 0 0

View file

@ -59,11 +59,11 @@
.image-title .image-title
font-size: 0.9rem font-size: 0.9rem
font-weight: 800 font-weight: 700
.image-subtitle .image-subtitle
font-size: 0.8rem font-size: 0.8rem
font-weight: 600 font-weight: 400
img img
width: 100% width: 100%
@ -143,11 +143,11 @@
.image-title .image-title
font-size: 0.9rem font-size: 0.9rem
font-weight: 800 font-weight: 700
.image-subtitle .image-subtitle
font-size: 0.8rem font-size: 0.8rem
font-weight: 600 font-weight: 400
.images .images
margin: 0 margin: 0

View file

@ -94,7 +94,7 @@
padding: 0 padding: 0
font-size: 1.1rem font-size: 1.1rem
font-weight: 600 font-weight: 500
color: RGB($primary) color: RGB($primary)
@ -118,7 +118,7 @@
padding: 0 padding: 0
font-size: 1rem font-size: 1rem
font-weight: 500 font-weight: 400
text-overflow: ellipsis text-overflow: ellipsis
overflow: hidden overflow: hidden
@ -171,7 +171,7 @@
white-space: nowrap white-space: nowrap
font-size: 1rem font-size: 1rem
font-weight: 500 font-weight: 400
td:last-child td:last-child
padding: 0 padding: 0
@ -183,7 +183,7 @@
white-space: nowrap white-space: nowrap
font-size: 1rem font-size: 1rem
font-weight: 500 font-weight: 400
td.empty-table td.empty-table
opacity: 0.3 opacity: 0.3

View file

@ -68,7 +68,7 @@
.tool-tip .tool-tip
margin: 0 margin: 0
padding: 0.35rem 0.7rem padding: 0.4rem 0.7rem
display: block display: block
@ -78,9 +78,9 @@
transform: translateY(-50%) transform: translateY(-50%)
font-size: 0.9rem font-size: 0.9rem
font-weight: 700 font-weight: 500
background-color: #000000 background-color: RGB($bg-100)
color: RGB($fg-white) color: RGB($fg-white)
opacity: 0 opacity: 0
border-radius: $rad-inner border-radius: $rad-inner
@ -103,7 +103,7 @@
left: -0.45rem left: -0.45rem
transform: translateY(-50%) transform: translateY(-50%)
color: #000000 color: RGB($bg-100)
&:hover &:hover
> svg > svg

View file

@ -199,7 +199,7 @@
} }
@media (max-width: 800px) { @media (max-width: 800px) {
.banner-filter { .banner-filter {
background: linear-gradient(180deg, rgba({{ images.0.colours.0.0 }}, {{ images.0.colours.0.1 }}, {{ images.0.colours.0.2 }}, 0.8), background: linear-gradient(180deg, rgba({{ images.0.colours.0.0 }}, {{ images.0.colours.0.1 }}, {{ images.0.colours.0.2 }}, 1),
rgba({{ images.0.colours.1.0 }}, {{ images.0.colours.1.1 }}, {{ images.0.colours.1.2 }}, 0.5)) !important; rgba({{ images.0.colours.1.0 }}, {{ images.0.colours.1.1 }}, {{ images.0.colours.1.2 }}, 0.5)) !important;
} }
} }
@ -223,9 +223,9 @@
<img src="{{ url_for('api.file', file_name=images.0.filename ) }}?r=prev" onload="imgFade(this)" style="opacity:0;" alt="{% if images.0.alt %}{{ images.0.alt }}{% else %}Group Banner{% endif %}"/> <img src="{{ url_for('api.file', file_name=images.0.filename ) }}?r=prev" onload="imgFade(this)" style="opacity:0;" alt="{% if images.0.alt %}{{ images.0.alt }}{% else %}Group Banner{% endif %}"/>
<span class="banner-filter"></span> <span class="banner-filter"></span>
<div class="banner-content"> <div class="banner-content">
<p class="banner-info"><a href="{{ url_for('profile.profile', id=group.author_id) }}" class="link">{{ group.author_username }}</a> · {{ images|length }} Images</p> <p class="banner-info"><a href="{{ url_for('profile.profile', id=group.author_id) }}" class="link">By {{ group.author_username }}</a></p>
<h1 class="banner-header">{{ group.name }}</h1> <h1 class="banner-header">{{ group.name }}</h1>
<p class="banner-subtitle">{{ group.description }}</p> <p class="banner-subtitle">{{ images|length }} Images · {{ group.description }}</p>
<div class="pill-row"> <div class="pill-row">
<div> <div>
<button class="pill-item" onclick="groupShare()"> <button class="pill-item" onclick="groupShare()">

View file

@ -115,7 +115,7 @@
{% endif %} {% endif %}
<div> <div>
<button class="pill-item" onclick="fullscreen()" id="fullscreenImage"> <button class="pill-item" onclick="fullscreen()" id="fullscreenImage">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M216,48V96a8,8,0,0,1-16,0V67.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L188.69,56H160a8,8,0,0,1,0-16h48A8,8,0,0,1,216,48ZM106.34,138.34,56,188.69V160a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8H96a8,8,0,0,0,0-16H67.31l50.35-50.34a8,8,0,0,0-11.32-11.32Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>
</button> </button>
<button class="pill-item" onclick="imageShare()"> <button class="pill-item" onclick="imageShare()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M216,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M216,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z"></path></svg>