127 lines
1.8 KiB
SCSS
127 lines
1.8 KiB
SCSS
@charset "UTF-8";
|
|
|
|
@import "@startinblox/hubl-styling-framework/dist/index.css";
|
|
|
|
solid-display>div {
|
|
display: contents !important;
|
|
}
|
|
|
|
.whitespace-normal {
|
|
white-space: normal;
|
|
}
|
|
|
|
.block {
|
|
display: block;
|
|
}
|
|
|
|
.line-xlarge {
|
|
line-height: 22px;
|
|
}
|
|
|
|
.sm-whitespace-normal {
|
|
@media (max-width: 768px) {
|
|
white-space: normal;
|
|
}
|
|
}
|
|
|
|
.sm-text-center {
|
|
@media (max-width: 768px) {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
$small: "max-width: 768px";
|
|
|
|
.segment {
|
|
@media($small) {
|
|
&.sm {
|
|
&-hidden {
|
|
display: none;
|
|
}
|
|
|
|
&-quarter {
|
|
width: 25%;
|
|
}
|
|
|
|
&-third {
|
|
width: 33.333%;
|
|
}
|
|
|
|
&-half {
|
|
width: 50%;
|
|
}
|
|
|
|
&-two-third {
|
|
width: 66.666%;
|
|
}
|
|
|
|
&-three-quarter {
|
|
width: 75%;
|
|
}
|
|
|
|
&-full {
|
|
width: 100%;
|
|
}
|
|
|
|
&-auto {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
&.sm-children {
|
|
&-hidden>div>solid-display {
|
|
display: none;
|
|
}
|
|
|
|
&-quarter>div>solid-display {
|
|
width: 25%;
|
|
}
|
|
|
|
&-third>div>solid-display {
|
|
width: 33.333%;
|
|
}
|
|
|
|
&-half>div>solid-display {
|
|
width: 50%;
|
|
}
|
|
|
|
&-two-third>div>solid-display {
|
|
width: 66.666%;
|
|
}
|
|
|
|
&-three-quarter>div>solid-display {
|
|
width: 75%;
|
|
}
|
|
|
|
&-full>div>solid-display {
|
|
width: 100%;
|
|
}
|
|
|
|
&-auto>div>solid-display {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@import 'header/_index';
|
|
@import 'left-nav/_index';
|
|
@import 'content/_index';
|
|
@import 'about/_index';
|
|
@import 'members/_index';
|
|
@import 'profile/_index';
|
|
@import 'job-offers/_index';
|
|
@import 'chat/_index';
|
|
|
|
nav#main__menu {
|
|
width: 250px;
|
|
}
|
|
main#content {
|
|
width: calc(100% - 250px);
|
|
}
|
|
|
|
.text-ellipsis {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
} |