milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Replaced all inline entries with attribute bases selectors

Browse source
This commit is contained in:
Hadi Charara 2022-07-14 17:59:23 -04:00
parent f218e28949
commit d4202e0279
50 changed files with 805 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/components/playerstats/playerstats.scss
View file

@ -2,9 +2,16 @@
background: rgba(28, 28, 28, 0.8);
border-radius: 0.3em;
color: #fff;
inset-inline-start: 1.5em;
position: absolute;
top: 5em;
[dir="ltr"] & {
left: 1.5em;
}
[dir="rtl"] & {
right: 1.5em;
}
}
.playerStats-tv {
@ -31,26 +38,51 @@
.playerStats-stats {
display: flex;
flex-direction: column;
padding-block: 0 1em;
padding-inline: 1em 3em;
max-width: 50em;
overflow: hidden;
[dir="ltr"] & {
padding: 0 3em 1em 1em;
}
[dir="rtl"] & {
padding: 0 1em 1em 3em;
}
}
.playerStats-stat {
display: flex;
margin-inline-start: 1em;
[dir="ltr"] & {
margin-left: 1em;
}
[dir="rtl"] & {
margin-right: 1em;
}
}
.playerStats-stat-label {
font-weight: 500;
margin-block: 0;
margin-inline: 0 0.5em;
[dir="ltr"] & {
margin: 0 0.5em 0 0;
}
[dir="rtl"] & {
margin: 0 0 0 0.5em;
}
}
.playerStats-stat-header {
margin-block: 1em 0;
margin-inline: 0 1em;
[dir="ltr"] & {
margin: 1em 1em 0 0;
}
[dir="rtl"] & {
margin: 1em 0 0 1em;
}
}
.playerStats-stat-value {