71 lines
1.9 KiB
Stylus
71 lines
1.9 KiB
Stylus
#bm-content
|
|
width 100%
|
|
max-width 1024px
|
|
margin 0 auto
|
|
#header-one, #header-two
|
|
label#the-title
|
|
a(href="/") thetwelfthhouse
|
|
#header-two
|
|
font 400 1.5em $bodyType
|
|
#bookmark-display
|
|
padding 0
|
|
.bookmark-list
|
|
.bookmark-entry
|
|
background lightness($primary, 15%)
|
|
width 50%
|
|
height 500px
|
|
background-size cover
|
|
overflow hidden
|
|
display inline-block
|
|
vertical-align top
|
|
//border-radius 3px
|
|
padding 10px
|
|
.bookmark-info
|
|
display flex
|
|
align-items center
|
|
justify-content center
|
|
width 100%
|
|
height 100%
|
|
label
|
|
display block
|
|
font-size .5em
|
|
padding 10px
|
|
background $primary
|
|
border-radius 5px
|
|
#paginate-control
|
|
width 100%
|
|
height 300px
|
|
background lightness($primary, 30%)
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
#paginate
|
|
|
|
margin 0 auto
|
|
a, label
|
|
display inline-block
|
|
vertical-align top
|
|
label
|
|
padding 5px
|
|
color $tertiary
|
|
font-size 2.2em
|
|
a
|
|
padding 20px
|
|
margin-top 4px
|
|
|
|
|
|
/**
|
|
-------------------------------
|
|
-- Responsive
|
|
-------------------------------
|
|
**/
|
|
|
|
@media only screen and (max-width: 768px)
|
|
#bm-content
|
|
#bookmark-display
|
|
.bookmark-list
|
|
.bookmark-entry
|
|
width 100%
|
|
|
|
|