mirror of
https://github.com/KivotosRailway/website.git
synced 2026-11-03 19:07:56 +09:00
Add solitude
This commit is contained in:
@@ -0,0 +1,103 @@
|
||||
#equipment
|
||||
margin-top 26px
|
||||
|
||||
.equipment-item
|
||||
.equipment-item-title
|
||||
line-height 1
|
||||
|
||||
.equipment-item-description
|
||||
line-height 1
|
||||
margin 4px 0 8px 0
|
||||
color var(--efu-secondtext)
|
||||
|
||||
.equipment-item-content
|
||||
display flex
|
||||
flex-direction row
|
||||
flex-wrap wrap
|
||||
margin 0 -8px
|
||||
|
||||
.equipment-item-content-item
|
||||
width calc(25% - 12px)
|
||||
border-radius 12px
|
||||
border var(--style-border-always)
|
||||
overflow hidden
|
||||
margin 8px 6px
|
||||
background var(--efu-card-bg)
|
||||
box-shadow var(--efu-shadow-border)
|
||||
min-height 400px
|
||||
position relative
|
||||
user-select none
|
||||
|
||||
+maxWidth1200()
|
||||
width calc(50% - 12px)
|
||||
|
||||
+maxWidth768()
|
||||
width 100%
|
||||
|
||||
.equipment-item-content-item-cover
|
||||
width 100%
|
||||
height 200px
|
||||
background var(--efu-secondbg)
|
||||
display flex
|
||||
justify-content center
|
||||
|
||||
.equipment-item-content-item-image
|
||||
object-fit cover
|
||||
height 100%
|
||||
|
||||
.equipment-item-content-item-info
|
||||
padding 8px 16px 16px 16px
|
||||
margin-top 12px
|
||||
|
||||
.equipment-item-content-item-name
|
||||
font-size 18px
|
||||
font-weight 700
|
||||
line-height 1
|
||||
margin-bottom 8px
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
width fit-content
|
||||
|
||||
&:hover
|
||||
color var(--efu-vip)
|
||||
cursor pointer
|
||||
|
||||
.equipment-item-content-item-specification
|
||||
font-size 12px
|
||||
color var(--efu-secondtext)
|
||||
line-height 1
|
||||
margin-bottom 12px
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
|
||||
.equipment-item-content-item-description
|
||||
line-height 20px
|
||||
color var(--efu-secondtext)
|
||||
height 60px
|
||||
display -webkit-box
|
||||
overflow hidden
|
||||
-webkit-line-clamp 3
|
||||
-webkit-box-orient vertical
|
||||
font-size 14px
|
||||
|
||||
.equipment-item-content-item-toolbar
|
||||
display flex
|
||||
justify-content space-between
|
||||
position absolute
|
||||
bottom 12px
|
||||
left 0
|
||||
width 100%
|
||||
padding 0 16px
|
||||
|
||||
.equipment-item-content-item-link
|
||||
font-size 12px
|
||||
background var(--efu-gray-op)
|
||||
padding 4px 8px
|
||||
border-radius 8px
|
||||
cursor pointer
|
||||
|
||||
&:hover
|
||||
background var(--efu-main)
|
||||
color var(--efu-white)
|
||||
Reference in New Issue
Block a user