app/assets/stylesheets/framework/common.scss
.c-pointer {
cursor: pointer;
}
.c-grabbing {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.border-solid {
border-style: solid;
}
.border-width-15x {
border-width: 1.5px;
}
.hide {
display: none;
}
.grid-divider {
overflow-x: hidden; //quickfix to hide divider on left side
position: relative;
> [class*="col-"]:nth-child(n + 2)::after {
background-color: $heather-approx;
bottom: 0;
content: '';
position: absolute;
top: 0;
@media (max-width: 767px) {
height: 1px;
left: 0;
top: -4px; // quickfix to center line between columns
width: 100%;
}
@media (min-width: 768px) {
height: auto;
left: -1px; // quickfix to hide divider on left side
width: 1px;
}
}
}
.rich {
line-height: 1.4;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.inline-list {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
li {
margin-right: .25rem;
margin-bottom: .25rem
}
}
.inline-list--spaced li {
margin-right: .65rem;
}
.inline-list > li {
display: inline-block;
&:empty {
display: none;
}
}
.inline-list li:last-child {
margin-right: 0;
}
.inline-list li a {
display: block;
}
%validation {
font-size: 80%;
width: 100%;
margin-top: 0.25rem;
}
.validation-success {
@extend %validation;
color: $success;
}
.validation-yours {
@extend %validation;
color: $info;
}
.validation-error {
@extend %validation;
color: $danger;
}
.validation-pending {
@extend %validation;
color: $black;
}
.font-roboto {
font-family: 'Roboto', sans-serif;
}