44 lines
717 B
Sass
44 lines
717 B
Sass
@import "@/common/styles/colors"
|
|
|
|
.module-area
|
|
display: flex
|
|
gap: 0.3rem
|
|
|
|
.module-item
|
|
display: flex
|
|
flex-direction: column
|
|
align-items: center
|
|
padding: 1.5rem 1.5rem
|
|
cursor: pointer
|
|
gap: 0.5rem
|
|
border-radius: 15px
|
|
border: 1px solid #FFFFFF
|
|
transition: ease-in-out all 0.3s
|
|
width: 5rem
|
|
|
|
.module-item:hover
|
|
border: 1px solid $gray
|
|
|
|
& .module-icon
|
|
background-color: $primary-hover
|
|
|
|
& h3
|
|
color: $gray
|
|
|
|
|
|
.module-icon
|
|
display: flex
|
|
justify-content: center
|
|
align-items: center
|
|
width: 1rem
|
|
height: 1rem
|
|
background-color: $primary
|
|
padding: 1.5rem
|
|
font-size: 24pt
|
|
border-radius: 5rem
|
|
color: $white
|
|
|
|
.module-item h3
|
|
text-align: center
|
|
margin: 0
|
|
color: $light-gray |