0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add CSS variable for spacing + double spacing

Browse source
This commit is contained in:
imohkay 2021-10-14 13:01:28 +05:30
commit 797902e90a
4 changed files with 24 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

28
app/static/css/partials/_film.scss Normal file → Executable file
View file

@ -1,7 +1,7 @@
.films {
margin: 8px;
margin: var(--spacing-2);
box-sizing: border-box;
a {
@ -9,7 +9,7 @@
text-decoration: none;
}
.film {
margin-bottom: 16px;
margin-bottom: var(--spacing-2);
h1 {
font-weight: bold;
font-size: 20px;
@ -17,9 +17,9 @@
}
@media screen and (max-width: 799px) {
.film {
margin-bottom: 16px;
margin-bottom: var(--spacing-2);
h2 {
margin-bottom: 8px;
margin-bottom: var(--spacing);
}
}
}
@ -30,7 +30,7 @@ main > .film {
max-width: 1080px;
margin: auto;
.info {
margin: 8px;
margin: var(--spacing) var(--spacing-2);
margin-bottom: 32px;
text-overflow: ellipsis;
overflow: hidden;
@ -43,12 +43,12 @@ main > .film {
margin: 24px 0;
}
.details {
margin-top: 16px;
margin-top: var(--spacing-2);
}
.bio {
margin-top: 16px;
margin-top: var(--spacing-2);
div {
margin-top: 8px;
margin-top: var(--spacing);
}
}
}
@ -57,14 +57,14 @@ main > .film {
}
.play {
text-align: center;
margin: 8px;
margin-top: 16px;
margin-bottom: 16px;
margin: var(--spacing);
margin-top: var(--spacing-2);
margin-bottom: var(--spacing-2);
.texts {
padding-top: 16px;
padding-top: var(--spacing-2);
.text {
padding-bottom: 16px;
padding-bottom: var(--spacing-2);
}
}
}
@ -72,7 +72,7 @@ main > .film {
h1 {
span {
display: block;
margin-bottom: 8px;
margin-bottom: var(--spacing);
}
}
}