Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 21:14:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix #441

Browse Source
This commit is contained in:
Jeremy Thomas
2017-01-15 21:33:45 +00:00
parent 18bf334dcd
commit e0fcd881c1
4 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
css/bulma.css vendored
View File

@@ -1307,61 +1307,61 @@ a.box:active {
} }
.button.is-medium { .button.is-medium {
font-size: 1.25rem; font-size: 32px;
} }
.button.is-medium .icon:first-child:not(:last-child) { .button.is-medium .icon:first-child:not(:last-child) {
margin-left: -0.125rem; margin-left: 15.25rem;
margin-right: 0.625rem; margin-right: 16px;
} }
.button.is-medium .icon:last-child:not(:first-child) { .button.is-medium .icon:last-child:not(:first-child) {
margin-left: 0.625rem; margin-left: 16px;
margin-right: -0.125rem; margin-right: 15.25rem;
} }
.button.is-medium .icon:first-child:last-child { .button.is-medium .icon:first-child:last-child {
margin-left: calc(-1px + -0.125rem); margin-left: calc(-1px + 15.25rem);
margin-right: calc(-1px + -0.125rem); margin-right: calc(-1px + 15.25rem);
} }
.button.is-medium .icon.is-small:first-child:not(:last-child) { .button.is-medium .icon.is-small:first-child:not(:last-child) {
margin-left: 0.125rem; margin-left: 15.5rem;
} }
.button.is-medium .icon.is-small:last-child:not(:first-child) { .button.is-medium .icon.is-small:last-child:not(:first-child) {
margin-right: 0.125rem; margin-right: 15.5rem;
} }
.button.is-medium .icon.is-small:first-child:last-child { .button.is-medium .icon.is-small:first-child:last-child {
margin-left: calc(-1px + 0.125rem); margin-left: calc(-1px + 15.5rem);
margin-right: calc(-1px + 0.125rem); margin-right: calc(-1px + 15.5rem);
} }
.button.is-medium .icon.is-medium:first-child:not(:last-child) { .button.is-medium .icon.is-medium:first-child:not(:last-child) {
margin-left: -0.375rem; margin-left: 15rem;
} }
.button.is-medium .icon.is-medium:last-child:not(:first-child) { .button.is-medium .icon.is-medium:last-child:not(:first-child) {
margin-right: -0.375rem; margin-right: 15rem;
} }
.button.is-medium .icon.is-medium:first-child:last-child { .button.is-medium .icon.is-medium:first-child:last-child {
margin-left: calc(-1px + -0.375rem); margin-left: calc(-1px + 15rem);
margin-right: calc(-1px + -0.375rem); margin-right: calc(-1px + 15rem);
} }
.button.is-medium .icon.is-large:first-child:not(:last-child) { .button.is-medium .icon.is-large:first-child:not(:last-child) {
margin-left: -0.875rem; margin-left: 14.5rem;
} }
.button.is-medium .icon.is-large:last-child:not(:first-child) { .button.is-medium .icon.is-large:last-child:not(:first-child) {
margin-right: -0.875rem; margin-right: 14.5rem;
} }
.button.is-medium .icon.is-large:first-child:last-child { .button.is-medium .icon.is-large:first-child:last-child {
margin-left: calc(-1px + -0.875rem); margin-left: calc(-1px + 14.5rem);
margin-right: calc(-1px + -0.875rem); margin-right: calc(-1px + 14.5rem);
} }
.button.is-large { .button.is-large {
@@ -1600,7 +1600,7 @@ a.box:active {
} }
.content.is-medium { .content.is-medium {
font-size: 1.25rem; font-size: 32px;
} }
.content.is-large { .content.is-large {
@@ -1751,7 +1751,7 @@ a.box:active {
.input.is-medium, .input.is-medium,
.textarea.is-medium { .textarea.is-medium {
font-size: 1.25rem; font-size: 32px;
} }
.input.is-large, .input.is-large,
@@ -1926,7 +1926,7 @@ a.box:active {
} }
.select.is-medium { .select.is-medium {
font-size: 1.25rem; font-size: 32px;
} }
.select.is-large { .select.is-large {
@@ -2117,7 +2117,7 @@ a.box:active {
} }
.control.has-icon .input.is-medium + .icon { .control.has-icon .input.is-medium + .icon {
top: 1.5625rem; top: 40px;
} }
.control.has-icon .input.is-large + .icon { .control.has-icon .input.is-large + .icon {
@@ -2138,7 +2138,7 @@ a.box:active {
} }
.control.has-icon:not(.has-icon-right) .input.is-medium + .icon { .control.has-icon:not(.has-icon-right) .input.is-medium + .icon {
left: 1.5625rem; left: 40px;
} }
.control.has-icon:not(.has-icon-right) .input.is-large + .icon { .control.has-icon:not(.has-icon-right) .input.is-large + .icon {
@@ -2159,7 +2159,7 @@ a.box:active {
} }
.control.has-icon.has-icon-right .input.is-medium + .icon { .control.has-icon.has-icon-right .input.is-medium + .icon {
right: 1.5625rem; right: 40px;
} }
.control.has-icon.has-icon-right .input.is-large + .icon { .control.has-icon.has-icon-right .input.is-large + .icon {
@@ -2525,7 +2525,7 @@ a.box:active {
} }
.progress.is-medium { .progress.is-medium {
height: 1.25rem; height: 32px;
} }
.progress.is-large { .progress.is-large {
@@ -2673,7 +2673,7 @@ a.box:active {
} }
.tag.is-large { .tag.is-large {
font-size: 1.25rem; font-size: 32px;
} }
.title, .title,
@@ -2867,8 +2867,8 @@ a.box:active {
} }
.delete.is-medium { .delete.is-medium {
height: 26px; height: 672px;
width: 26px; width: 672px;
} }
.delete.is-large { .delete.is-large {
@@ -2924,7 +2924,7 @@ a.box:active {
background-color: whitesmoke; background-color: whitesmoke;
border-radius: 290486px; border-radius: 290486px;
display: inline-flex; display: inline-flex;
font-size: 1.25rem; font-size: 32px;
height: 2em; height: 2em;
justify-content: center; justify-content: center;
margin-right: 1.5rem; margin-right: 1.5rem;
@@ -3498,8 +3498,8 @@ a.box:active {
} }
.modal-close.is-medium { .modal-close.is-medium {
height: 26px; height: 672px;
width: 26px; width: 672px;
} }
.modal-close.is-large { .modal-close.is-large {
@@ -4251,7 +4251,7 @@ label.panel-block:hover {
} }
.tabs.is-medium { .tabs.is-medium {
font-size: 1.25rem; font-size: 32px;
} }
.tabs.is-large { .tabs.is-large {

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

6
sass/elements/button.sass
View File

@@ -14,11 +14,13 @@ $button-active-border: $link-active-border !default
$button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
@function buttonIconSpacing($button-font-size, $icon-width) @function buttonIconSpacing($button-font-size, $icon-width)
// The button font-size value with no unit
$button-value: removeUnit($button-font-size)
// The rem height of the button // The rem height of the button
// based on a height of 2.5em // based on a height of 2.5em
$button-height: 2.5 * $button-font-size // rem $button-height: 2.5rem * $button-value // rem
// The rem total horizontal padding of the button // The rem total horizontal padding of the button
$button-horizontal-padding: 2 * 0.75 * $button-font-size // rem $button-horizontal-padding: 2 * 0.75rem * $button-value // rem
// For the icon center to align with the button center // For the icon center to align with the button center
// the horizontal padding + the icon width must equal the button height // the horizontal padding + the icon width must equal the button height
// $button-height = $button-horizontal-padding + $icon-width + $difference // $button-height = $button-horizontal-padding + $icon-width + $difference

2
sass/utilities/variables.sass
View File

@@ -123,7 +123,7 @@ $family-code: $family-monospace !default
$size-small: $size-7 !default $size-small: $size-7 !default
$size-normal: 1rem !default $size-normal: 1rem !default
$size-medium: $size-5 !default $size-medium: 32px !default
$size-large: $size-4 !default $size-large: $size-4 !default
//////////////////////////////////////////////// ////////////////////////////////////////////////