Created the LinkItem style

This commit is contained in:
2022-12-27 21:44:06 +01:00
parent 985145e3f2
commit fc151e7dcd

View File

@ -0,0 +1,94 @@
@import "@/common/styles/colors"
.link-item
background-color: $white
border: 1px solid $gray
border-radius: 15px
padding: 1rem 1.5rem
display: flex
justify-content: space-between
.info-area
display: flex
align-items: center
gap: 1rem
.module-info
display: flex
justify-content: center
align-items: center
width: 1rem
height: 1rem
background-color: $primary
padding: 0.8rem
font-size: 15pt
border-radius: 5rem
color: $white
.link-info h4, p
margin: 0
.link-info h4
font-size: 18pt
font-weight: 700
color: $gray
.link-info p
display: flex
gap: 0.5rem
align-items: center
font-size: 14pt
font-weight: 500
color: $primary
.link-external
font-size: 12pt
cursor: pointer
.tag-area
margin-left: 1rem
display: flex
gap: 0.4rem
flex-wrap: wrap
overflow: hidden
.right-area
display: flex
.author-image
width: 2.5rem
height: 2.5rem
border-radius: 5rem
.view-area
display: flex
color: $gray
align-items: center
gap: 0.5rem
font-size: 16pt
margin-left: 1rem
margin-right: 1rem
.view-area h3
margin: 0
.action-area
display: flex
align-items: center
justify-content: space-between
gap: 2rem
font-size: 22pt
color: $gray
padding: 0 2rem
border: 1px solid $gray
border-radius: 1rem
margin-left: 2rem
.action-area svg
cursor: pointer
.action-edit:hover
color: $primary
.action-delete:hover
color: $red-hover