app/assets/styles/app.scss
// Semantic UI breakpoints
$mobile-breakpoint: 768px;
$tablet-breakpoint: 992px;
$small-monitor-breakpoint: 1200px;
// General nav
nav {
margin-bottom: 40px !important;
}
// Desktop nav
.ui.fixed.main.menu .right.menu > .item:last-of-type {
border-right: 1px solid rgba(34, 36, 38, 0.0980392);
}
// Mobile nav
nav .mobile.only.row {
.ui.vertical.menu {
margin-top: 40px;
display: none;
}
}
// Flashes
.flashes > .ui.message:last-of-type {
margin-bottom: 2rem;
}
// Tables
table.selectable tr:hover {
cursor: pointer !important;
}