scss: introduce sass var to manage togglable cell icons (#51441)
This commit is contained in:
parent
b348e92422
commit
c68ab04941
|
@ -33,6 +33,8 @@ $cell-image-position: after-title !default;
|
|||
// $cell-image-padding: define padding of cell image.
|
||||
$cell-image-padding: 0.5rem !default;
|
||||
|
||||
$cell-open-foldable-icon: "\f107" !default; // angle-down
|
||||
$cell-close-foldable-icon: "\f106" !default; // angle-up
|
||||
|
||||
// Columns gutters
|
||||
@media screen and ($min-desktop-viewport) {
|
||||
|
@ -733,7 +735,7 @@ div.cell {
|
|||
> div > h2:first-child {
|
||||
&::after {
|
||||
font-family: FontAwesome;
|
||||
content: "\f106"; // angle-up
|
||||
content: $cell-close-foldable-icon;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
}
|
||||
|
@ -748,7 +750,7 @@ div.cell {
|
|||
> div > h2:first-child {
|
||||
display: block;
|
||||
&::after {
|
||||
content: "\f107"; // angle-down
|
||||
content: $cell-open-foldable-icon;
|
||||
}
|
||||
}
|
||||
> div > *:not(picture) {
|
||||
|
|
Loading…
Reference in New Issue