style bug fixed
This commit is contained in:
parent
185bfe5b0a
commit
64cb40562f
|
@ -101,6 +101,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin truncate($truncation-boundary) {
|
@mixin truncate($truncation-boundary) {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
max-width: $truncation-boundary;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin truncate2($truncation-boundary) {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
|
|
@ -50,7 +50,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
@include truncate($grid-max-width);
|
@include truncate2($grid-max-width);
|
||||||
|
|
||||||
&--margin {
|
&--margin {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
|
@ -68,10 +68,10 @@
|
||||||
|
|
||||||
@include flexbox();
|
@include flexbox();
|
||||||
@include align-items(center);
|
@include align-items(center);
|
||||||
@include truncate(650px);
|
@include truncate2(650px);
|
||||||
@media only screen and (max-width: 769px) {
|
@media only screen and (max-width: 769px) {
|
||||||
margin-left: -6.8rem;
|
margin-left: -6.8rem;
|
||||||
@include truncate(350px);
|
@include truncate2(350px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue