File size: 2,062 Bytes
fa6b3d1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 |
.app
&-list
list-style: none
display: -webkit-box
display: -webkit-flex
display: -ms-flexbox
display: flex
-webkit-flex-wrap: wrap
-ms-flex-wrap: wrap
flex-wrap: wrap
margin: 0
-webkit-box-pack: center
-webkit-justify-content: center
-ms-flex-pack: center
justify-content: center
padding: 0 0 100px 0
&__thumbnail
flex-basis: 200px
min-height: 225px
text-align: center
&__title
margin-bottom: 2px
&__thumbnail__image
border-radius: 16px
box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.3)
.hidden
display: none
.app-filters
background: #f2f2f2
box-sizing: border-box
padding: 2px 10px
margin-bottom: 40px
color: #111
label
font-size: .875rem
text-transform: uppercase
margin-left: 5px
.app-filter
display: block
.app-filter__input
margin-left: 20px
.app-description
max-width: 700px
position: relative
margin: 0 auto
padding: 0
.app-screenshots
display: block
text-align: center
img
margin: 0 15px 30px
width: 100%
max-width: 320px
height: auto
&:nth-child(2n-1)
margin-right: 15px
.app-description__header
display: flex
align-content: flex-end
img
margin-right: 24px
& > div:last-child
align-self: flex-end
.app-description__title
font-size: 1.875rem
margin: 0
.app--page__nav
text-align: center
.button--pill
margin: 0 20px 0
margin-bottom: 60px
.app-stores
margin-bottom: 30px
svg
height: 20px
vertical-align: text-top
margin-right: 5px
a
margin: 0 30px 30px 0
&:last-child
margin-right: 0
h4
margin-bottom: 15px
@media (min-width: 480px)
.app-list
-webkit-box-pack: start
-webkit-justify-content: flex-start
-ms-flex-pack: start
justify-content: flex-start
padding: 0 0 100px 0
.app-filter
display: inline-block
@media (min-width: 710px)
.app-screenshots
display: flex
flex-wrap: wrap
justify-content: space-between
img
margin: 0 0 30px
&:nth-child(2n-1)
margin-right: 30px
|