.shortcut {
padding: .75rem 1rem;
border-left-width: .5rem;
border-left-style: solid
}
.shortcut.blue {
background-color: rgba(96,150,208,.125);
border-color: #6096d0
}
.shortcut.orange {
background-color: rgba(239,129,20,.125);
border-color: #ef8114
}
.shortcut.pink {
background-color: rgba(176,27,129,.125);
border-color: #b01b81
}
.shortcut.yellow {
background-color: rgba(247,208,25,.125);
border-color: #f7d019
}
.shortcut.cyan {
background-color: rgba(60,191,190,.125);
border-color: #3cbfbe
}
.shortcut.green {
background-color: rgba(188,208,37,.125);
border-color: #bcd025
}
.columnLayout.three-equal {
display: flex;
flex-wrap: wrap;
align-items: stretch;
align-content: stretch;
justify-content: space-between;
margin-bottom: 1.5rem;
}
.columnLayout.three-equal .cell {
flex-basis: 33%;
}
.columnLayout.three-equal .cell .innerCell {
overflow-x: initial;
}
.columnLayout.three-equal .cell .innerCell,
.columnLayout.three-equal .cell .innerCell .shortcut {
height: 100%;
} |