sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-07-11 23:06:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add responsive margins to pets and mounts. (#10311)

Browse source 
* Add responsive margins to pets and mounts.

* Move all margins to margin-right to make left edges flush.
This commit is contained in:
Corey Gray 2018-05-04 13:06:58 -08:00 committed by Sabe Jones
parent d5d06c1d2d
commit e31f62a818
1 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
website/client/assets/scss/item.scss
View file

@ -20,7 +20,25 @@
}
.item.pet-slot {
margin: 0 2px;
// Desktop XL (1440)
@media only screen and (min-width: 1440px){
margin-right: 1.71em;
}
// Desktop L (1280)
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
margin-right: 0.43em;
}
// Desktop M (1024)
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
margin-right: 0.86em;
}
// Tablets and mobile
@media only screen and (max-width: 1023px) {
margin-right: 1.71em;
}
}
.item {