library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix sizing

Browse Source
This commit is contained in:
Jeremy Thomas 2024-03-22 10:20:03 +00:00
parent b4499d5af0
commit 9e361b998d
3 changed files with 28 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docs/_sass/home/amis.scss
View File

@ -1,23 +1,32 @@
@use "sass/utilities/css-variables" as cv; @use "sass/utilities/css-variables" as cv;
.bd-amis { .bd-amis {
--color: #fff;
background-color: cv.getVar("scheme-main"); background-color: cv.getVar("scheme-main");
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
row-gap: 0.5rem;
position: relative; position: relative;
margin: 0 -1rem; margin: 0 -1rem;
justify-content: center; justify-content: center;
} }
.bd-ami { .bd-ami {
background-color: var(--color);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
border-radius: 0.25rem;
justify-content: center; justify-content: center;
padding: 0.75rem; padding: 0.75rem;
max-width: 10.5rem; height: 5rem;
height: 4rem;
vertical-align: top; vertical-align: top;
mix-blend-mode: luminosity;
transition-duration: cv.getVar("duration");
transition-property: background-color, mix-blend-mode;
&:hover {
background-color: var(--color);
mix-blend-mode: normal;
}
} }
.bd-ami img { .bd-ami img {
@ -29,6 +38,8 @@
.bd-ami-footer { .bd-ami-footer {
border-radius: 0.25rem; border-radius: 0.25rem;
height: 4rem;
mix-blend-mode: normal;
} }
.bd-ami-footer img { .bd-ami-footer img {

16
docs/assets/css/website.css
View File

@ -34425,23 +34425,31 @@ has-background-moon.is-hoverable:active {
} }
.bd-amis { .bd-amis {
--color: #fff;
background-color: var(--bulma-scheme-main); background-color: var(--bulma-scheme-main);
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
row-gap: 0.5rem;
position: relative; position: relative;
margin: 0 -1rem; margin: 0 -1rem;
justify-content: center; justify-content: center;
} }
.bd-ami { .bd-ami {
background-color: var(--color);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
border-radius: 0.25rem;
justify-content: center; justify-content: center;
padding: 0.75rem; padding: 0.75rem;
max-width: 10.5rem; height: 5rem;
height: 4rem;
vertical-align: top; vertical-align: top;
mix-blend-mode: luminosity;
transition-duration: var(--bulma-duration);
transition-property: background-color, mix-blend-mode;
}
.bd-ami:hover {
background-color: var(--color);
mix-blend-mode: normal;
} }
.bd-ami img { .bd-ami img {
@ -34453,6 +34461,8 @@ has-background-moon.is-hoverable:active {
.bd-ami-footer { .bd-ami-footer {
border-radius: 0.25rem; border-radius: 0.25rem;
height: 4rem;
mix-blend-mode: normal;
} }
.bd-ami-footer img { .bd-ami-footer img {

2
docs/assets/css/website.min.css vendored
View File

File diff suppressed because one or more lines are too long