OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openproject/app/assets/stylesheets/content/menus/_menu_blocks.sass

30 lines
636 B

.menu-blocks--container
display: grid
grid-template: repeat(auto-fit, 200px) / repeat(auto-fit, 200px)
grid-auto-rows: 200px
grid-column-gap: 30px
grid-row-gap: 30px
.menu-block
border-radius: 3px
display: grid
grid-template: 110px 1fr / 1fr
grid-row-gap: 5px
justify-items: center
background: #cccccc30
&:hover
outline: 1px solid grey
text-decoration: none
.menu-block--icon
font-size: 50px
align-self: end
&:before
padding-left: 10px
@include breakpoint(680px down)
.menu-blocks--container
grid-template: unset !important
grid-gap: 15px !important