steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

🔧 Set fixed width for @layout-threecol

Browse source
This commit is contained in:
Steffo 2021-08-17 18:05:31 +02:00
parent efc6c10b7d
commit a28367c4cd
Signed by: steffo
GPG key ID: 6965406171929D01
5 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/rules/skeleton.less vendored
View file

@ -375,7 +375,7 @@
grid-template-rows: auto auto; grid-template-rows: auto auto;
// Keep the container limited to 1024px and centered // Keep the container limited to 1024px and centered
max-width: 1024px; width: 1024px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -385,6 +385,7 @@
grid-area: left; grid-area: left;
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
width: 128px;
justify-self: end; justify-self: end;
} }
@ -404,6 +405,7 @@
grid-area: right; grid-area: right;
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
width: 128px;
justify-self: start; justify-self: start;
} }

4
src/targets/skeleton.module.css
View file

@ -108,7 +108,7 @@
grid-template-areas: "center center" "left right"; grid-template-areas: "center center" "left right";
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto; grid-template-rows: auto auto;
max-width: 1024px; width: 1024px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -118,6 +118,7 @@
} }
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
.bluelib .layout-threecol-left { .bluelib .layout-threecol-left {
width: 128px;
justify-self: end; justify-self: end;
} }
} }
@ -135,6 +136,7 @@
} }
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
.bluelib .layout-threecol-right { .bluelib .layout-threecol-right {
width: 128px;
justify-self: start; justify-self: start;
} }
} }

2
src/targets/skeleton.module.css.map
View file

File diff suppressed because one or more lines are too long

4
src/targets/skeleton.root.css
View file

@ -119,7 +119,7 @@ body .layout-threecol,
grid-template-areas: "center center" "left right"; grid-template-areas: "center center" "left right";
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto; grid-template-rows: auto auto;
max-width: 1024px; width: 1024px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -131,6 +131,7 @@ body .layout-threecol-left,
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
body .layout-threecol-left, body .layout-threecol-left,
.bluelib .layout-threecol-left { .bluelib .layout-threecol-left {
width: 128px;
justify-self: end; justify-self: end;
} }
} }
@ -152,6 +153,7 @@ body .layout-threecol-right,
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
body .layout-threecol-right, body .layout-threecol-right,
.bluelib .layout-threecol-right { .bluelib .layout-threecol-right {
width: 128px;
justify-self: start; justify-self: start;
} }
} }

2
src/targets/skeleton.root.css.map
View file

File diff suppressed because one or more lines are too long