Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-17 10:54:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add responsive button sizes (#3484)

Browse Source 
* Add responsive button sizes

* Clean up code

* Add responsive buttons playground
This commit is contained in:
Jeremy Thomas
2022-02-06 15:57:04 +00:00
committed by GitHub
parent 80e0396424
commit d773f4dcd5
18 changed files with 259 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
docs/css/bulma-docs.css
View File

@@ -3370,6 +3370,38 @@ fieldset[disabled] .button {
margin-right: 0.25rem;
}
@media screen and (max-width: 768px) {
.button.is-responsive.is-small {
font-size: 0.5625rem;
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size: 0.65625rem;
}
.button.is-responsive.is-medium {
font-size: 0.75rem;
}
.button.is-responsive.is-large {
font-size: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.button.is-responsive.is-small {
font-size: 0.65625rem;
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size: 0.75rem;
}
.button.is-responsive.is-medium {
font-size: 1rem;
}
.button.is-responsive.is-large {
font-size: 1.25rem;
}
}
.container {
flex-grow: 1;
margin: 0 auto;

2
docs/css/bulma-docs.min.css vendored
View File

File diff suppressed because one or more lines are too long