Skip to content

Instantly share code, notes, and snippets.

@joekolade
Created April 8, 2023 14:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joekolade/b70541f6f935fbcecc81d936d834a44d to your computer and use it in GitHub Desktop.
Save joekolade/b70541f6f935fbcecc81d936d834a44d to your computer and use it in GitHub Desktop.
[Neos nodetypes multicol]
// Columns
//
.neos-nodetypes-twocolumn,
.neos-nodetypes-threecolumn {
display: flex;
.column {
padding-left: 15px;
padding-right: 15px;
}
}
.neos-nodetypes-twocolumn {
&.columns-50-50 .column {
width: 50%;
}
&.columns-75-25 {
.column {
width: 75%;
&:last-child {
width: 25%;
}
}
}
&.columns-25-75 {
.column {
width: 25%;
&:last-child {
width: 75%;
}
}
}
&.columns-66-33 .column {
width: 66%;
&:last-child {
width: 33%;
}
}
&.columns-33-66 .column {
width: 33%;
&:last-child {
width: 66%;
}
}
}
.neos-nodetypes-threecolumn {
&.columns-33-33-33 .column {
width: 33%;
}
&.columns-50-25-25 .column {
width: 25%;
&:first-child {
width: 50%;
}
}
&.columns-25-50-25 .column {
width: 25%;
&:nth-child(2) {
width: 50%;
}
}
&.columns-25-25-50 .column {
width: 25%;
&:last-child {
width: 50%;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment