mirror of
https://github.com/jgthms/bulma.git
synced 2024-10-17 09:04:18 +00:00
Change green, increase control size
This commit is contained in:
Jeremy Thomas
parent
43b4b0bdc3
commit
502a86d12b
@ -188,13 +188,13 @@
|
||||
box-shadow: none;
|
||||
display: inline-flex;
|
||||
font-size: 1rem;
|
||||
height: 2.25em;
|
||||
height: 2.5em;
|
||||
justify-content: flex-start;
|
||||
line-height: 1.5;
|
||||
padding-bottom: calc(0.375em - 1px);
|
||||
padding-left: calc(0.625em - 1px);
|
||||
padding-right: calc(0.625em - 1px);
|
||||
padding-top: calc(0.375em - 1px);
|
||||
padding-bottom: calc(0.5em - 1px);
|
||||
padding-left: calc(0.75em - 1px);
|
||||
padding-right: calc(0.75em - 1px);
|
||||
padding-top: calc(0.5em - 1px);
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
}
|
||||
@ -980,15 +980,15 @@ a.has-text-info:hover, a.has-text-info:focus {
|
||||
}
|
||||
|
||||
.has-text-success {
|
||||
color: #23d160 !important;
|
||||
color: #30c564 !important;
|
||||
}
|
||||
|
||||
a.has-text-success:hover, a.has-text-success:focus {
|
||||
color: #1ca64c !important;
|
||||
color: #269c4f !important;
|
||||
}
|
||||
|
||||
.has-background-success {
|
||||
background-color: #23d160 !important;
|
||||
background-color: #30c564 !important;
|
||||
}
|
||||
|
||||
.has-text-warning {
|
||||
@ -1567,14 +1567,14 @@ a.has-text-danger:hover, a.has-text-danger:focus {
|
||||
.box {
|
||||
background-color: white;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
|
||||
color: #4a4a4a;
|
||||
display: block;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
a.box:hover, a.box:focus {
|
||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
|
||||
}
|
||||
|
||||
a.box:active {
|
||||
@ -1588,10 +1588,10 @@ a.box:active {
|
||||
color: #363636;
|
||||
cursor: pointer;
|
||||
justify-content: center;
|
||||
padding-bottom: calc(0.375em - 1px);
|
||||
padding-left: 0.75em;
|
||||
padding-right: 0.75em;
|
||||
padding-top: calc(0.375em - 1px);
|
||||
padding-bottom: calc(0.5em - 1px);
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
padding-top: calc(0.5em - 1px);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@ -2406,13 +2406,13 @@ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
|
||||
}
|
||||
|
||||
.button.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.is-success:hover, .button.is-success.is-hovered {
|
||||
background-color: #22c65b;
|
||||
background-color: #2dbb5f;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
@ -2423,25 +2423,25 @@ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
|
||||
}
|
||||
|
||||
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
|
||||
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(48, 197, 100, 0.25);
|
||||
}
|
||||
|
||||
.button.is-success:active, .button.is-success.is-active {
|
||||
background-color: #20bc56;
|
||||
background-color: #2bb15a;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.is-success[disabled],
|
||||
fieldset[disabled] .button.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.button.is-success.is-inverted {
|
||||
background-color: #fff;
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
|
||||
@ -2453,7 +2453,7 @@ fieldset[disabled] .button.is-success.is-inverted {
|
||||
background-color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.button.is-success.is-loading::after {
|
||||
@ -2462,18 +2462,18 @@ fieldset[disabled] .button.is-success.is-inverted {
|
||||
|
||||
.button.is-success.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #23d160;
|
||||
color: #23d160;
|
||||
border-color: #30c564;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
|
||||
background-color: #23d160;
|
||||
border-color: #23d160;
|
||||
background-color: #30c564;
|
||||
border-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.is-success.is-outlined.is-loading::after {
|
||||
border-color: transparent transparent #23d160 #23d160 !important;
|
||||
border-color: transparent transparent #30c564 #30c564 !important;
|
||||
}
|
||||
|
||||
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
|
||||
@ -2483,9 +2483,9 @@ fieldset[disabled] .button.is-success.is-inverted {
|
||||
.button.is-success.is-outlined[disabled],
|
||||
fieldset[disabled] .button.is-success.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #23d160;
|
||||
border-color: #30c564;
|
||||
box-shadow: none;
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.button.is-success.is-inverted.is-outlined {
|
||||
@ -2496,11 +2496,11 @@ fieldset[disabled] .button.is-success.is-outlined {
|
||||
|
||||
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
|
||||
background-color: #fff;
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
|
||||
border-color: transparent transparent #23d160 #23d160 !important;
|
||||
border-color: transparent transparent #30c564 #30c564 !important;
|
||||
}
|
||||
|
||||
.button.is-success.is-inverted.is-outlined[disabled],
|
||||
@ -2872,15 +2872,17 @@ fieldset[disabled] .button {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.container.is-fluid {
|
||||
max-width: none;
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.container {
|
||||
max-width: 960px;
|
||||
}
|
||||
.container.is-fluid {
|
||||
margin-left: 32px;
|
||||
margin-right: 32px;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1215px) {
|
||||
@ -3344,7 +3346,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.notification.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -3371,7 +3373,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress::-webkit-progress-bar {
|
||||
background-color: #dbdbdb;
|
||||
background-color: #ededed;
|
||||
}
|
||||
|
||||
.progress::-webkit-progress-value {
|
||||
@ -3400,7 +3402,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-white:indeterminate {
|
||||
background-image: linear-gradient(to right, white 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, white 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-black::-webkit-progress-value {
|
||||
@ -3416,7 +3418,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-black:indeterminate {
|
||||
background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-light::-webkit-progress-value {
|
||||
@ -3432,7 +3434,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-light:indeterminate {
|
||||
background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-dark::-webkit-progress-value {
|
||||
@ -3448,7 +3450,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-dark:indeterminate {
|
||||
background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #363636 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-primary::-webkit-progress-value {
|
||||
@ -3464,7 +3466,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-primary:indeterminate {
|
||||
background-image: linear-gradient(to right, #00d1b2 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-link::-webkit-progress-value {
|
||||
@ -3480,7 +3482,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-link:indeterminate {
|
||||
background-image: linear-gradient(to right, #3273dc 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-info::-webkit-progress-value {
|
||||
@ -3496,23 +3498,23 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-info:indeterminate {
|
||||
background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #209cee 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-success::-webkit-progress-value {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
}
|
||||
|
||||
.progress.is-success::-moz-progress-bar {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
}
|
||||
|
||||
.progress.is-success::-ms-fill {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
}
|
||||
|
||||
.progress.is-success:indeterminate {
|
||||
background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #30c564 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-warning::-webkit-progress-value {
|
||||
@ -3528,7 +3530,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-warning:indeterminate {
|
||||
background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #ffdd57 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress.is-danger::-webkit-progress-value {
|
||||
@ -3544,7 +3546,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.progress.is-danger:indeterminate {
|
||||
background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%);
|
||||
background-image: linear-gradient(to right, #ff3860 30%, #ededed 30%);
|
||||
}
|
||||
|
||||
.progress:indeterminate {
|
||||
@ -3556,8 +3558,8 @@ fieldset[disabled] .button {
|
||||
animation-name: moveIndeterminate;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
background-color: #dbdbdb;
|
||||
background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%);
|
||||
background-color: #ededed;
|
||||
background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 150% 150%;
|
||||
@ -3665,8 +3667,8 @@ fieldset[disabled] .button {
|
||||
|
||||
.table td.is-success,
|
||||
.table th.is-success {
|
||||
background-color: #23d160;
|
||||
border-color: #23d160;
|
||||
background-color: #30c564;
|
||||
border-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -3921,7 +3923,7 @@ fieldset[disabled] .button {
|
||||
}
|
||||
|
||||
.tag:not(body).is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -4238,7 +4240,7 @@ fieldset[disabled] .select select:-ms-input-placeholder,
|
||||
}
|
||||
|
||||
.input, .textarea {
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.05);
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
@ -4304,11 +4306,11 @@ fieldset[disabled] .select select:-ms-input-placeholder,
|
||||
}
|
||||
|
||||
.is-success.input, .is-success.textarea {
|
||||
border-color: #23d160;
|
||||
border-color: #30c564;
|
||||
}
|
||||
|
||||
.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
|
||||
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(48, 197, 100, 0.25);
|
||||
}
|
||||
|
||||
.is-warning.input, .is-warning.textarea {
|
||||
@ -4419,7 +4421,7 @@ fieldset[disabled] .radio {
|
||||
}
|
||||
|
||||
.select:not(.is-multiple) {
|
||||
height: 2.25em;
|
||||
height: 2.5em;
|
||||
}
|
||||
|
||||
.select:not(.is-multiple):not(.is-loading)::after {
|
||||
@ -4580,19 +4582,19 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.select.is-success:not(:hover)::after {
|
||||
border-color: #23d160;
|
||||
border-color: #30c564;
|
||||
}
|
||||
|
||||
.select.is-success select {
|
||||
border-color: #23d160;
|
||||
border-color: #30c564;
|
||||
}
|
||||
|
||||
.select.is-success select:hover, .select.is-success select.is-hovered {
|
||||
border-color: #20bc56;
|
||||
border-color: #2bb15a;
|
||||
}
|
||||
|
||||
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
|
||||
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(48, 197, 100, 0.25);
|
||||
}
|
||||
|
||||
.select.is-warning:not(:hover)::after {
|
||||
@ -4849,25 +4851,25 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.file.is-success .file-cta {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
|
||||
background-color: #22c65b;
|
||||
background-color: #2dbb5f;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
|
||||
border-color: transparent;
|
||||
box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(48, 197, 100, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
|
||||
background-color: #20bc56;
|
||||
background-color: #2bb15a;
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
@ -5163,7 +5165,7 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.help.is-success {
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.help.is-warning {
|
||||
@ -5400,17 +5402,17 @@ fieldset[disabled] .select select:hover {
|
||||
|
||||
.control.has-icons-left .icon, .control.has-icons-right .icon {
|
||||
color: #dbdbdb;
|
||||
height: 2.25em;
|
||||
height: 2.5em;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 2.25em;
|
||||
width: 2.5em;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.control.has-icons-left .input,
|
||||
.control.has-icons-left .select select {
|
||||
padding-left: 2.25em;
|
||||
padding-left: 2.5em;
|
||||
}
|
||||
|
||||
.control.has-icons-left .icon.is-left {
|
||||
@ -5419,7 +5421,7 @@ fieldset[disabled] .select select:hover {
|
||||
|
||||
.control.has-icons-right .input,
|
||||
.control.has-icons-right .select select {
|
||||
padding-right: 2.25em;
|
||||
padding-right: 2.5em;
|
||||
}
|
||||
|
||||
.control.has-icons-right .icon.is-right {
|
||||
@ -5538,7 +5540,7 @@ fieldset[disabled] .select select:hover {
|
||||
|
||||
.card {
|
||||
background-color: white;
|
||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
|
||||
color: #4a4a4a;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
@ -5547,7 +5549,7 @@ fieldset[disabled] .select select:hover {
|
||||
.card-header {
|
||||
background-color: transparent;
|
||||
align-items: stretch;
|
||||
box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
|
||||
box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -5557,7 +5559,7 @@ fieldset[disabled] .select select:hover {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
font-weight: 700;
|
||||
padding: 0.75rem;
|
||||
padding: 0.75rem 1rem;
|
||||
}
|
||||
|
||||
.card-header-title.is-centered {
|
||||
@ -5569,7 +5571,7 @@ fieldset[disabled] .select select:hover {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0.75rem;
|
||||
padding: 0.75rem 1rem;
|
||||
}
|
||||
|
||||
.card-image {
|
||||
@ -5584,7 +5586,7 @@ fieldset[disabled] .select select:hover {
|
||||
|
||||
.card-footer {
|
||||
background-color: transparent;
|
||||
border-top: 1px solid #dbdbdb;
|
||||
border-top: 1px solid #ededed;
|
||||
align-items: stretch;
|
||||
display: flex;
|
||||
}
|
||||
@ -5600,7 +5602,7 @@ fieldset[disabled] .select select:hover {
|
||||
}
|
||||
|
||||
.card-footer-item:not(:last-child) {
|
||||
border-right: 1px solid #dbdbdb;
|
||||
border-right: 1px solid #ededed;
|
||||
}
|
||||
|
||||
.card .media:not(:last-child) {
|
||||
@ -5642,7 +5644,7 @@ fieldset[disabled] .select select:hover {
|
||||
.dropdown-content {
|
||||
background-color: white;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
@ -6087,17 +6089,17 @@ a.list-item {
|
||||
}
|
||||
|
||||
.message.is-success {
|
||||
background-color: #f6fef9;
|
||||
background-color: #f7fdf9;
|
||||
}
|
||||
|
||||
.message.is-success .message-header {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.message.is-success .message-body {
|
||||
border-color: #23d160;
|
||||
color: #0e301a;
|
||||
border-color: #30c564;
|
||||
color: #153a22;
|
||||
}
|
||||
|
||||
.message.is-warning {
|
||||
@ -6710,7 +6712,7 @@ a.list-item {
|
||||
}
|
||||
|
||||
.navbar.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -6723,7 +6725,7 @@ a.list-item {
|
||||
.navbar.is-success .navbar-brand .navbar-link:focus,
|
||||
.navbar.is-success .navbar-brand .navbar-link:hover,
|
||||
.navbar.is-success .navbar-brand .navbar-link.is-active {
|
||||
background-color: #20bc56;
|
||||
background-color: #2bb15a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -6752,7 +6754,7 @@ a.list-item {
|
||||
.navbar.is-success .navbar-end .navbar-link:focus,
|
||||
.navbar.is-success .navbar-end .navbar-link:hover,
|
||||
.navbar.is-success .navbar-end .navbar-link.is-active {
|
||||
background-color: #20bc56;
|
||||
background-color: #2bb15a;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-success .navbar-start .navbar-link::after,
|
||||
@ -6762,11 +6764,11 @@ a.list-item {
|
||||
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
|
||||
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
|
||||
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
|
||||
background-color: #20bc56;
|
||||
background-color: #2bb15a;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
@ -7412,7 +7414,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
.pagination-link {
|
||||
border-color: #dbdbdb;
|
||||
color: #363636;
|
||||
min-width: 2.25em;
|
||||
min-width: 2.5em;
|
||||
}
|
||||
|
||||
.pagination-previous:hover,
|
||||
@ -7520,6 +7522,8 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
}
|
||||
|
||||
.panel {
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@ -7527,28 +7531,20 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.panel-heading,
|
||||
.panel-tabs,
|
||||
.panel-block {
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
border-left: 1px solid #dbdbdb;
|
||||
border-right: 1px solid #dbdbdb;
|
||||
}
|
||||
|
||||
.panel-heading:first-child,
|
||||
.panel-tabs:first-child,
|
||||
.panel-block:first-child {
|
||||
border-top: 1px solid #dbdbdb;
|
||||
.panel-heading:not(:last-child),
|
||||
.panel-tabs:not(:last-child),
|
||||
.panel-block:not(:last-child) {
|
||||
border-bottom: 1px solid #ededed;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
background-color: whitesmoke;
|
||||
border-radius: 4px 4px 0 0;
|
||||
background-color: white;
|
||||
border-radius: 6px 6px 0 0;
|
||||
color: #363636;
|
||||
font-size: 1.25em;
|
||||
font-weight: 300;
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
padding: 0.5em 0.75em;
|
||||
padding: 0.75em 1em;
|
||||
}
|
||||
|
||||
.panel-tabs {
|
||||
@ -7608,6 +7604,11 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i
|
||||
color: #3273dc;
|
||||
}
|
||||
|
||||
.panel-block:last-child {
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
}
|
||||
|
||||
a.panel-block,
|
||||
label.panel-block {
|
||||
cursor: pointer;
|
||||
@ -10248,7 +10249,7 @@ label.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -10272,7 +10273,7 @@ label.panel-block:hover {
|
||||
|
||||
@media screen and (max-width: 1023px) {
|
||||
.hero.is-success .navbar-menu {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
}
|
||||
}
|
||||
|
||||
@ -10284,7 +10285,7 @@ label.panel-block:hover {
|
||||
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
|
||||
.hero.is-success .navbar-link:hover,
|
||||
.hero.is-success .navbar-link.is-active {
|
||||
background-color: #20bc56;
|
||||
background-color: #2bb15a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -10312,16 +10313,16 @@ label.panel-block:hover {
|
||||
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.hero.is-success.is-bold {
|
||||
background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
|
||||
background-image: linear-gradient(141deg, #1ca635 0%, #30c564 71%, #38d68a 100%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-success.is-bold .navbar-menu {
|
||||
background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%);
|
||||
background-image: linear-gradient(141deg, #1ca635 0%, #30c564 71%, #38d68a 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@ -11702,7 +11703,7 @@ svg {
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(2):hover .title {
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(3):hover .title {
|
||||
@ -11741,7 +11742,7 @@ svg {
|
||||
}
|
||||
|
||||
.bd-focus-cube {
|
||||
color: #23d160;
|
||||
color: #30c564;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
@ -11842,7 +11843,7 @@ svg {
|
||||
}
|
||||
|
||||
.intro-npm .intro-npm-copy.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
}
|
||||
|
||||
.intro-npm .intro-npm-copy.is-error {
|
||||
@ -12835,7 +12836,7 @@ svg {
|
||||
}
|
||||
|
||||
.bd-notification.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -13262,7 +13263,7 @@ svg {
|
||||
}
|
||||
|
||||
.bd-callout.is-success {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -13985,7 +13986,7 @@ svg {
|
||||
}
|
||||
|
||||
.bd-bootstrap-comparison .table .bd-is-unique {
|
||||
background-color: rgba(35, 209, 96, 0.25);
|
||||
background-color: rgba(48, 197, 100, 0.25);
|
||||
color: #363636;
|
||||
font-weight: 700;
|
||||
}
|
||||
@ -14024,7 +14025,7 @@ svg {
|
||||
}
|
||||
|
||||
.bd-klmn-gap.bd-is-selected {
|
||||
background-color: #23d160;
|
||||
background-color: #30c564;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
2
docs/css/bulma-docs.min.css
vendored
2
docs/css/bulma-docs.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1,13 +1,15 @@
|
||||
$panel-margin: $block-spacing !default
|
||||
$panel-item-border: 1px solid $border !default
|
||||
$panel-item-border: 1px solid $border-light !default
|
||||
$panel-radius: $radius-large !default
|
||||
$panel-shadow: 0 0.5em 1em -0.125em rgba($black, 0.1), 0 0px 0 1px rgba($black, 0.02) !default
|
||||
|
||||
$panel-heading-background-color: $background !default
|
||||
$panel-heading-background-color: $white !default
|
||||
$panel-heading-color: $text-strong !default
|
||||
$panel-heading-line-height: 1.25 !default
|
||||
$panel-heading-padding: 0.5em 0.75em !default
|
||||
$panel-heading-padding: 0.75em 1em !default
|
||||
$panel-heading-radius: $radius !default
|
||||
$panel-heading-size: 1.25em !default
|
||||
$panel-heading-weight: $weight-light !default
|
||||
$panel-heading-weight: $weight-bold !default
|
||||
|
||||
$panel-tabs-font-size: 0.875em !default
|
||||
$panel-tab-border-bottom: 1px solid $border !default
|
||||
@ -26,6 +28,8 @@ $panel-block-active-icon-color: $link !default
|
||||
$panel-icon-color: $text-light !default
|
||||
|
||||
.panel
|
||||
border-radius: $panel-radius
|
||||
box-shadow: $panel-shadow
|
||||
font-size: $size-normal
|
||||
&:not(:last-child)
|
||||
margin-bottom: $panel-margin
|
||||
@ -33,15 +37,12 @@ $panel-icon-color: $text-light !default
|
||||
.panel-heading,
|
||||
.panel-tabs,
|
||||
.panel-block
|
||||
border-bottom: $panel-item-border
|
||||
border-left: $panel-item-border
|
||||
border-right: $panel-item-border
|
||||
&:first-child
|
||||
border-top: $panel-item-border
|
||||
&:not(:last-child)
|
||||
border-bottom: $panel-item-border
|
||||
|
||||
.panel-heading
|
||||
background-color: $panel-heading-background-color
|
||||
border-radius: $panel-heading-radius $panel-heading-radius 0 0
|
||||
border-radius: $panel-radius $panel-radius 0 0
|
||||
color: $panel-heading-color
|
||||
font-size: $panel-heading-size
|
||||
font-weight: $panel-heading-weight
|
||||
@ -87,6 +88,9 @@ $panel-icon-color: $text-light !default
|
||||
color: $panel-block-active-color
|
||||
.panel-icon
|
||||
color: $panel-block-active-icon-color
|
||||
&:last-child
|
||||
border-bottom-left-radius: $panel-radius
|
||||
border-bottom-right-radius: $panel-radius
|
||||
|
||||
a.panel-block,
|
||||
label.panel-block
|
||||
|
||||
@ -5,8 +5,8 @@ $button-family: false !default
|
||||
$button-border-color: $grey-lighter !default
|
||||
$button-border-width: $control-border-width !default
|
||||
|
||||
$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
|
||||
$button-padding-horizontal: 0.75em !default
|
||||
$button-padding-vertical: calc(0.5em - #{$button-border-width}) !default
|
||||
$button-padding-horizontal: 1em !default
|
||||
|
||||
$button-hover-color: $link-hover !default
|
||||
$button-hover-border-color: $link-hover-border !default
|
||||
|
||||
@ -3,11 +3,11 @@ $control-radius-small: $radius-small !default
|
||||
|
||||
$control-border-width: 1px !default
|
||||
|
||||
$control-height: 2.25em !default
|
||||
$control-height: 2.5em !default
|
||||
$control-line-height: 1.5 !default
|
||||
|
||||
$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default
|
||||
$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
|
||||
$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default
|
||||
$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default
|
||||
|
||||
=control
|
||||
-moz-appearance: none
|
||||
|
||||
@ -17,7 +17,7 @@ $white: hsl(0, 0%, 100%) !default
|
||||
|
||||
$orange: hsl(14, 100%, 53%) !default
|
||||
$yellow: hsl(48, 100%, 67%) !default
|
||||
$green: hsl(141, 71%, 48%) !default
|
||||
$green: hsl(141, 61%, 48%) !default
|
||||
$turquoise: hsl(171, 100%, 41%) !default
|
||||
$cyan: hsl(204, 86%, 53%) !default
|
||||
$blue: hsl(217, 71%, 53%) !default
|
||||
|
||||
Loading…
Reference in New Issue
Block a user