hubl/src/styles/index.scss

119 lines
1.6 KiB
SCSS
Raw Normal View History

@charset "UTF-8";
@import "@startinblox/hubl-styling-framework/dist/index.css";
2021-01-18 10:51:33 +00:00
solid-display>div {
display: contents !important;
}
2020-12-22 15:04:13 +00:00
.whitespace-normal {
white-space: normal;
}
.block {
display: block;
}
2021-01-18 10:51:33 +00:00
.line-xlarge {
line-height: 22px;
}
2021-01-19 18:59:24 +00:00
.sm-whitespace-normal {
@media (max-width: 768px) {
white-space: normal;
}
}
.sm-text-center {
@media (max-width: 768px) {
text-align: center;
}
}
2021-01-18 10:51:33 +00:00
2021-01-18 15:21:59 +00:00
$small: "max-width: 768px";
2021-01-08 14:39:37 +00:00
2021-01-15 09:37:22 +00:00
.segment {
@media($small) {
&.sm {
&-hidden {
display: none;
}
2021-01-08 14:39:37 +00:00
2021-01-15 09:37:22 +00:00
&-quarter {
width: 25%;
}
2021-01-15 09:37:22 +00:00
&-third {
width: 33.333%;
}
2021-01-15 09:37:22 +00:00
&-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;
}
}
}
2021-01-08 14:39:37 +00:00
}
2021-01-15 09:37:22 +00:00
@import 'header/_index';
@import 'left-nav/_index';
2021-01-10 16:53:56 +00:00
@import 'content/_index';
@import 'about/_index';
2021-01-18 10:51:33 +00:00
@import 'members/_index';
@import 'profile/_index';
@import 'job-offers/_index';
2021-01-12 17:10:31 +00:00
@import 'chat/_index';