reduce .reduced-mobile font-size

This commit is contained in:
Florian Scholdei
2019-09-17 13:33:09 +02:00
parent adccb58b38
commit 669b240337

View File

@@ -210,7 +210,7 @@ $danger-25: scale-color($danger, $lightness: 75%);
// tags
.tag:not(body) {
border: 1px solid transparent;
background-color: red; //TODO: replace with transparent
background-color: red; //TODO: replace with $white
&.is-delete {
background-color: $light;
@@ -572,6 +572,28 @@ $danger-25: scale-color($danger, $lightness: 75%);
color: scale-color($danger, $lightness: 75%);
border-color: scale-color($danger, $lightness: 75%);
}
&.reduced-mobile {
font-size: 0.9rem;
@media screen and (max-width: 1087px) {
> span:nth-child(2) {
display: none;
}
}
@media screen and (max-width: 1087px) and (min-width: 769px) {
// simultaneously with left margin of Bulma
> .icon:first-child:not(:last-child) {
margin: 0;
}
}
@media screen and (max-width: 768px) {
// simultaneously with left margin of Bulma
.icon:first-child:not(:last-child) {
margin-right: calc(-0.375em - 1px);
}
}
}
}
.box-link-shadow {
@@ -608,28 +630,6 @@ ul.is-separated {
}
}
.button {
&.reduced-mobile {
@media screen and (max-width: 1087px) {
> span:nth-child(2) {
display: none;
}
}
@media screen and (max-width: 1087px) and (min-width: 769px) {
// simultaneously with left margin of Bulma
> .icon:first-child:not(:last-child) {
margin: 0;
}
}
@media screen and (max-width: 768px) {
// simultaneously with left margin of Bulma
.icon:first-child:not(:last-child) {
margin-right: calc(-0.375em - 1px);
}
}
}
}
// columns
.columns.is-multiline {
.column {