mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
New colors
This commit is contained in:
Jeremy Thomas
parent
5ba1c1bf4b
commit
6032e4203b
312
css/bulma.css
vendored
312
css/bulma.css
vendored
@ -232,7 +232,7 @@ body {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1fc8db;
|
||||
color: #11e4c4;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
-webkit-transition: none 86ms ease-out;
|
||||
@ -245,7 +245,7 @@ a:hover {
|
||||
|
||||
code {
|
||||
background-color: #f5f7fa;
|
||||
color: #ed6c63;
|
||||
color: #ff0f3f;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding: 1px 2px 2px;
|
||||
@ -707,11 +707,11 @@ table th {
|
||||
}
|
||||
|
||||
a.box:hover, a.box:focus {
|
||||
box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #1fc8db;
|
||||
box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #11e4c4;
|
||||
}
|
||||
|
||||
a.box:active {
|
||||
box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #1fc8db;
|
||||
box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #11e4c4;
|
||||
}
|
||||
|
||||
.button {
|
||||
@ -751,7 +751,7 @@ a.box:active {
|
||||
}
|
||||
|
||||
.button:active, .button:focus, .button.is-active {
|
||||
border-color: #1fc8db;
|
||||
border-color: #11e4c4;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@ -974,13 +974,13 @@ a.box:active {
|
||||
}
|
||||
|
||||
.button.is-primary {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
|
||||
background-color: #199fae;
|
||||
background-color: #0eb49b;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
@ -991,7 +991,7 @@ a.box:active {
|
||||
|
||||
.button.is-primary.is-inverted {
|
||||
background-color: white;
|
||||
color: #1fc8db;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
.button.is-primary.is-inverted:hover {
|
||||
@ -1004,24 +1004,24 @@ a.box:active {
|
||||
|
||||
.button.is-primary.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #1fc8db;
|
||||
color: #1fc8db;
|
||||
border-color: #11e4c4;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
|
||||
background-color: #1fc8db;
|
||||
border-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
border-color: #11e4c4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-info {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
|
||||
background-color: #1f99d3;
|
||||
background-color: #0054db;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
@ -1032,7 +1032,7 @@ a.box:active {
|
||||
|
||||
.button.is-info.is-inverted {
|
||||
background-color: white;
|
||||
color: #42afe3;
|
||||
color: #0f6bff;
|
||||
}
|
||||
|
||||
.button.is-info.is-inverted:hover {
|
||||
@ -1045,24 +1045,24 @@ a.box:active {
|
||||
|
||||
.button.is-info.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #42afe3;
|
||||
color: #42afe3;
|
||||
border-color: #0f6bff;
|
||||
color: #0f6bff;
|
||||
}
|
||||
|
||||
.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
|
||||
background-color: #42afe3;
|
||||
border-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
border-color: #0f6bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-success {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
|
||||
background-color: #7bbf51;
|
||||
background-color: #0fcc51;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
@ -1073,7 +1073,7 @@ a.box:active {
|
||||
|
||||
.button.is-success.is-inverted {
|
||||
background-color: white;
|
||||
color: #97cd76;
|
||||
color: #20ee68;
|
||||
}
|
||||
|
||||
.button.is-success.is-inverted:hover {
|
||||
@ -1086,26 +1086,26 @@ a.box:active {
|
||||
|
||||
.button.is-success.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #97cd76;
|
||||
color: #97cd76;
|
||||
border-color: #20ee68;
|
||||
color: #20ee68;
|
||||
}
|
||||
|
||||
.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
|
||||
background-color: #97cd76;
|
||||
border-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
border-color: #20ee68;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-warning {
|
||||
background-color: #fce473;
|
||||
background-color: #ffcf0f;
|
||||
border-color: transparent;
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
|
||||
background-color: #fbda41;
|
||||
background-color: #dbaf00;
|
||||
border-color: transparent;
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-warning:active {
|
||||
@ -1113,38 +1113,38 @@ a.box:active {
|
||||
}
|
||||
|
||||
.button.is-warning.is-inverted {
|
||||
background-color: rgba(17, 17, 17, 0.5);
|
||||
color: #fce473;
|
||||
background-color: white;
|
||||
color: #ffcf0f;
|
||||
}
|
||||
|
||||
.button.is-warning.is-inverted:hover {
|
||||
background-color: rgba(4, 4, 4, 0.5);
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.button.is-warning.is-loading:after {
|
||||
border-color: transparent transparent rgba(17, 17, 17, 0.5) rgba(17, 17, 17, 0.5) !important;
|
||||
border-color: transparent transparent white white !important;
|
||||
}
|
||||
|
||||
.button.is-warning.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #fce473;
|
||||
color: #fce473;
|
||||
border-color: #ffcf0f;
|
||||
color: #ffcf0f;
|
||||
}
|
||||
|
||||
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
|
||||
background-color: #fce473;
|
||||
border-color: #fce473;
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
background-color: #ffcf0f;
|
||||
border-color: #ffcf0f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-danger {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
|
||||
background-color: #e84135;
|
||||
background-color: #db002c;
|
||||
border-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
@ -1155,7 +1155,7 @@ a.box:active {
|
||||
|
||||
.button.is-danger.is-inverted {
|
||||
background-color: white;
|
||||
color: #ed6c63;
|
||||
color: #ff0f3f;
|
||||
}
|
||||
|
||||
.button.is-danger.is-inverted:hover {
|
||||
@ -1168,13 +1168,13 @@ a.box:active {
|
||||
|
||||
.button.is-danger.is-outlined {
|
||||
background-color: transparent;
|
||||
border-color: #ed6c63;
|
||||
color: #ed6c63;
|
||||
border-color: #ff0f3f;
|
||||
color: #ff0f3f;
|
||||
}
|
||||
|
||||
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
|
||||
background-color: #ed6c63;
|
||||
border-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
border-color: #ff0f3f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -1243,11 +1243,11 @@ a.box:active {
|
||||
}
|
||||
|
||||
.content a:not(.button):visited {
|
||||
color: #847bb9;
|
||||
color: #b86bff;
|
||||
}
|
||||
|
||||
.content a:not(.button):hover {
|
||||
border-bottom-color: #1fc8db;
|
||||
border-bottom-color: #11e4c4;
|
||||
}
|
||||
|
||||
.content li + li {
|
||||
@ -1381,7 +1381,7 @@ a.box:active {
|
||||
}
|
||||
|
||||
.input:active, .textarea:active, .input:focus, .textarea:focus, .input.is-active, .is-active.textarea {
|
||||
border-color: #1fc8db;
|
||||
border-color: #11e4c4;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@ -1425,23 +1425,23 @@ a.box:active {
|
||||
}
|
||||
|
||||
.input.is-primary, .is-primary.textarea {
|
||||
border-color: #1fc8db;
|
||||
border-color: #11e4c4;
|
||||
}
|
||||
|
||||
.input.is-info, .is-info.textarea {
|
||||
border-color: #42afe3;
|
||||
border-color: #0f6bff;
|
||||
}
|
||||
|
||||
.input.is-success, .is-success.textarea {
|
||||
border-color: #97cd76;
|
||||
border-color: #20ee68;
|
||||
}
|
||||
|
||||
.input.is-warning, .is-warning.textarea {
|
||||
border-color: #fce473;
|
||||
border-color: #ffcf0f;
|
||||
}
|
||||
|
||||
.input.is-danger, .is-danger.textarea {
|
||||
border-color: #ed6c63;
|
||||
border-color: #ff0f3f;
|
||||
}
|
||||
|
||||
.input[type="search"], [type="search"].textarea {
|
||||
@ -1564,7 +1564,7 @@ a.box:active {
|
||||
}
|
||||
|
||||
.select select:active, .select select:focus, .select select.is-active {
|
||||
border-color: #1fc8db;
|
||||
border-color: #11e4c4;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@ -1608,23 +1608,23 @@ a.box:active {
|
||||
}
|
||||
|
||||
.select select.is-primary {
|
||||
border-color: #1fc8db;
|
||||
border-color: #11e4c4;
|
||||
}
|
||||
|
||||
.select select.is-info {
|
||||
border-color: #42afe3;
|
||||
border-color: #0f6bff;
|
||||
}
|
||||
|
||||
.select select.is-success {
|
||||
border-color: #97cd76;
|
||||
border-color: #20ee68;
|
||||
}
|
||||
|
||||
.select select.is-warning {
|
||||
border-color: #fce473;
|
||||
border-color: #ffcf0f;
|
||||
}
|
||||
|
||||
.select select.is-danger {
|
||||
border-color: #ed6c63;
|
||||
border-color: #ff0f3f;
|
||||
}
|
||||
|
||||
.select select:hover {
|
||||
@ -1644,7 +1644,7 @@ a.box:active {
|
||||
}
|
||||
|
||||
.select:after {
|
||||
border: 1px solid #1fc8db;
|
||||
border: 1px solid #11e4c4;
|
||||
border-right: 0;
|
||||
border-top: 0;
|
||||
content: " ";
|
||||
@ -1737,23 +1737,23 @@ a.box:active {
|
||||
}
|
||||
|
||||
.help.is-primary {
|
||||
color: #1fc8db;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
.help.is-info {
|
||||
color: #42afe3;
|
||||
color: #0f6bff;
|
||||
}
|
||||
|
||||
.help.is-success {
|
||||
color: #97cd76;
|
||||
color: #20ee68;
|
||||
}
|
||||
|
||||
.help.is-warning {
|
||||
color: #fce473;
|
||||
color: #ffcf0f;
|
||||
}
|
||||
|
||||
.help.is-danger {
|
||||
color: #ed6c63;
|
||||
color: #ff0f3f;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -2162,27 +2162,27 @@ a.box:active {
|
||||
}
|
||||
|
||||
.notification.is-primary {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notification.is-info {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notification.is-success {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notification.is-warning {
|
||||
background-color: #fce473;
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
background-color: #ffcf0f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.notification.is-danger {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -2243,43 +2243,43 @@ a.box:active {
|
||||
}
|
||||
|
||||
.progress.is-primary::-webkit-progress-value {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
}
|
||||
|
||||
.progress.is-primary::-moz-progress-bar {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
}
|
||||
|
||||
.progress.is-info::-webkit-progress-value {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
}
|
||||
|
||||
.progress.is-info::-moz-progress-bar {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
}
|
||||
|
||||
.progress.is-success::-webkit-progress-value {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
}
|
||||
|
||||
.progress.is-success::-moz-progress-bar {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
}
|
||||
|
||||
.progress.is-warning::-webkit-progress-value {
|
||||
background-color: #fce473;
|
||||
background-color: #ffcf0f;
|
||||
}
|
||||
|
||||
.progress.is-warning::-moz-progress-bar {
|
||||
background-color: #fce473;
|
||||
background-color: #ffcf0f;
|
||||
}
|
||||
|
||||
.progress.is-danger::-webkit-progress-value {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
}
|
||||
|
||||
.progress.is-danger::-moz-progress-bar {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
}
|
||||
|
||||
.progress.is-small {
|
||||
@ -2351,7 +2351,7 @@ a.box:active {
|
||||
|
||||
.table td.is-link > a:hover,
|
||||
.table th.is-link > a:hover {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -2774,7 +2774,7 @@ a.box:active {
|
||||
}
|
||||
|
||||
.hamburger.is-active span, .is-active.nav-toggle span {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
}
|
||||
|
||||
.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
|
||||
@ -2888,27 +2888,27 @@ a.box:active {
|
||||
}
|
||||
|
||||
.tag.is-primary {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tag.is-info {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tag.is-success {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tag.is-warning {
|
||||
background-color: #fce473;
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
background-color: #ffcf0f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tag.is-danger {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -4583,11 +4583,11 @@ a.box:active {
|
||||
|
||||
.menu-list a:hover {
|
||||
background-color: #f5f7fa;
|
||||
color: #1fc8db;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
.menu-list a.is-active {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -4697,44 +4697,44 @@ a.box:active {
|
||||
}
|
||||
|
||||
.message.is-primary {
|
||||
background-color: #edfbfc;
|
||||
background-color: #ecfefb;
|
||||
}
|
||||
|
||||
.message.is-primary .message-header {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.message.is-primary .message-body {
|
||||
border-color: #1fc8db;
|
||||
border-color: #11e4c4;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.message.is-info {
|
||||
background-color: #edf7fc;
|
||||
background-color: #ebf2ff;
|
||||
}
|
||||
|
||||
.message.is-info .message-header {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.message.is-info .message-body {
|
||||
border-color: #42afe3;
|
||||
border-color: #0f6bff;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.message.is-success {
|
||||
background-color: #f4faf0;
|
||||
background-color: #ecfef2;
|
||||
}
|
||||
|
||||
.message.is-success .message-header {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.message.is-success .message-body {
|
||||
border-color: #97cd76;
|
||||
border-color: #20ee68;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
@ -4743,26 +4743,26 @@ a.box:active {
|
||||
}
|
||||
|
||||
.message.is-warning .message-header {
|
||||
background-color: #fce473;
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
background-color: #ffcf0f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.message.is-warning .message-body {
|
||||
border-color: #fce473;
|
||||
color: #666666;
|
||||
border-color: #ffcf0f;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.message.is-danger {
|
||||
background-color: #fdeeed;
|
||||
background-color: #ffebef;
|
||||
}
|
||||
|
||||
.message.is-danger .message-header {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.message.is-danger .message-body {
|
||||
border-color: #ed6c63;
|
||||
border-color: #ff0f3f;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
@ -4969,15 +4969,15 @@ a.nav-item.is-tab {
|
||||
|
||||
.nav-item a.is-tab:hover,
|
||||
a.nav-item.is-tab:hover {
|
||||
border-bottom: 1px solid #1fc8db;
|
||||
border-bottom: 1px solid #11e4c4;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.nav-item a.is-tab.is-active,
|
||||
a.nav-item.is-tab.is-active {
|
||||
border-bottom: 3px solid #1fc8db;
|
||||
border-bottom: 3px solid #11e4c4;
|
||||
border-top: 3px solid transparent;
|
||||
color: #1fc8db;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -5224,7 +5224,7 @@ a.nav-item.is-tab.is-active {
|
||||
}
|
||||
|
||||
.panel-list a:hover {
|
||||
color: #1fc8db;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
.panel-tabs {
|
||||
@ -5320,8 +5320,8 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.tabs li.is-active a {
|
||||
border-bottom-color: #1fc8db;
|
||||
color: #1fc8db;
|
||||
border-bottom-color: #11e4c4;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
.tabs ul {
|
||||
@ -5437,8 +5437,8 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.tabs.is-toggle li.is-active a {
|
||||
background-color: #1fc8db;
|
||||
border-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
border-color: #11e4c4;
|
||||
color: white;
|
||||
z-index: 1;
|
||||
}
|
||||
@ -5957,7 +5957,7 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-primary {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -5985,7 +5985,7 @@ a.panel-block:hover {
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-primary .nav-menu {
|
||||
background-color: #1fc8db;
|
||||
background-color: #11e4c4;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6024,12 +6024,12 @@ a.panel-block:hover {
|
||||
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
|
||||
background-color: white;
|
||||
border-color: white;
|
||||
color: #1fc8db;
|
||||
color: #11e4c4;
|
||||
}
|
||||
|
||||
.hero.is-primary.is-bold {
|
||||
background-image: -webkit-linear-gradient(309deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
|
||||
background-image: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
|
||||
background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
|
||||
background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -6048,7 +6048,7 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-info {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -6076,7 +6076,7 @@ a.panel-block:hover {
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-info .nav-menu {
|
||||
background-color: #42afe3;
|
||||
background-color: #0f6bff;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6115,12 +6115,12 @@ a.panel-block:hover {
|
||||
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
|
||||
background-color: white;
|
||||
border-color: white;
|
||||
color: #42afe3;
|
||||
color: #0f6bff;
|
||||
}
|
||||
|
||||
.hero.is-info.is-bold {
|
||||
background-image: -webkit-linear-gradient(309deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
|
||||
background-image: linear-gradient(141deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
|
||||
background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
|
||||
background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -6139,7 +6139,7 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-success {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -6167,7 +6167,7 @@ a.panel-block:hover {
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-success .nav-menu {
|
||||
background-color: #97cd76;
|
||||
background-color: #20ee68;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6206,12 +6206,12 @@ a.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: white;
|
||||
border-color: white;
|
||||
color: #97cd76;
|
||||
color: #20ee68;
|
||||
}
|
||||
|
||||
.hero.is-success.is-bold {
|
||||
background-image: -webkit-linear-gradient(309deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
|
||||
background-image: linear-gradient(141deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
|
||||
background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
|
||||
background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -6230,12 +6230,12 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-warning {
|
||||
background-color: #fce473;
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
background-color: #ffcf0f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero.is-warning .title {
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero.is-warning .title a,
|
||||
@ -6244,37 +6244,37 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-warning .subtitle {
|
||||
color: rgba(17, 17, 17, 0.7);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.hero.is-warning .subtitle a,
|
||||
.hero.is-warning .subtitle strong {
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero.is-warning .nav {
|
||||
box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2);
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-warning .nav-menu {
|
||||
background-color: #fce473;
|
||||
background-color: #ffcf0f;
|
||||
}
|
||||
}
|
||||
|
||||
.hero.is-warning a.nav-item,
|
||||
.hero.is-warning .nav-item a:not(.button) {
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
|
||||
.hero.is-warning .nav-item a:not(.button):hover,
|
||||
.hero.is-warning .nav-item a:not(.button).is-active {
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero.is-warning .tabs a {
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: white;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@ -6287,7 +6287,7 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
|
||||
color: rgba(17, 17, 17, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
|
||||
@ -6295,33 +6295,33 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
|
||||
background-color: rgba(17, 17, 17, 0.5);
|
||||
border-color: rgba(17, 17, 17, 0.5);
|
||||
color: #fce473;
|
||||
background-color: white;
|
||||
border-color: white;
|
||||
color: #ffcf0f;
|
||||
}
|
||||
|
||||
.hero.is-warning.is-bold {
|
||||
background-image: -webkit-linear-gradient(309deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
|
||||
background-image: linear-gradient(141deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
|
||||
background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
|
||||
background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-warning .nav-toggle span {
|
||||
background-color: rgba(17, 17, 17, 0.5);
|
||||
background-color: white;
|
||||
}
|
||||
.hero.is-warning .nav-toggle:hover {
|
||||
background-color: rgba(17, 17, 17, 0.1);
|
||||
}
|
||||
.hero.is-warning .nav-toggle.is-active span {
|
||||
background-color: rgba(17, 17, 17, 0.5);
|
||||
background-color: white;
|
||||
}
|
||||
.hero.is-warning .nav-menu .nav-item {
|
||||
border-top-color: rgba(17, 17, 17, 0.2);
|
||||
border-top-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.hero.is-danger {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -6349,7 +6349,7 @@ a.panel-block:hover {
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.hero.is-danger .nav-menu {
|
||||
background-color: #ed6c63;
|
||||
background-color: #ff0f3f;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6388,12 +6388,12 @@ a.panel-block:hover {
|
||||
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
|
||||
background-color: white;
|
||||
border-color: white;
|
||||
color: #ed6c63;
|
||||
color: #ff0f3f;
|
||||
}
|
||||
|
||||
.hero.is-danger.is-bold {
|
||||
background-image: -webkit-linear-gradient(309deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
|
||||
background-image: linear-gradient(141deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
|
||||
background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
|
||||
background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -6478,6 +6478,6 @@ a.panel-block:hover {
|
||||
}
|
||||
|
||||
.footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
|
||||
border-bottom-color: #1fc8db;
|
||||
border-bottom-color: #11e4c4;
|
||||
}
|
||||
/*# sourceMappingURL=bulma.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
5887
docs/css/bulma.css
vendored
Normal file
5887
docs/css/bulma.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
175
docs/css/utilities.css
Normal file
175
docs/css/utilities.css
Normal file
@ -0,0 +1,175 @@
|
||||
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
article, aside, figure, footer, header, nav, section, details, summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
img,
|
||||
object,
|
||||
embed {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
abbr[title], dfn[title] {
|
||||
border-bottom: 1px dotted #000;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
td {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input, select {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
white-space: pre-line;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
select, input, textarea {
|
||||
font: 99% sans-serif;
|
||||
}
|
||||
|
||||
table {
|
||||
font-size: inherit;
|
||||
font: 100%;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
td, td img {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
sub, sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
pre, code, kbd, samp {
|
||||
font-family: monospace, sans-serif;
|
||||
}
|
||||
|
||||
label,
|
||||
input[type=button],
|
||||
input[type=submit],
|
||||
input[type=file],
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button, input, select, textarea {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type=button] {
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
@keyframes spin-around {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
0
docs/css/variables.css
Normal file
0
docs/css/variables.css
Normal file
@ -30,10 +30,10 @@
|
||||
"build": "npm run build-clean && npm run build-sass && npm run build-autoprefix",
|
||||
"build-autoprefix": "postcss --use autoprefixer --output css/bulma.css css/bulma.css",
|
||||
"build-clean": "rm -rf css",
|
||||
"build-sass": "node-sass --output-style expanded --source-map true --output css/ bulma.sass --outFile css/bulma.css",
|
||||
"build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
|
||||
"docs": "npm run docs-sass && npm run docs-autoprefix",
|
||||
"docs-autoprefix": "postcss --use autoprefixer --output docs/css/bulma-docs.css docs/css/bulma-docs.css",
|
||||
"docs-sass": "node-sass --output-style expanded --output docs/css/ docs/bulma-docs.sass --outFile docs/css/bulma-docs.css",
|
||||
"docs-sass": "node-sass --output-style expanded docs/bulma-docs.sass docs/css/bulma-docs.css",
|
||||
"pre-push": "npm run build && git add css && git commit --amend --no-edit",
|
||||
"start": "npm run build-sass -- --watch",
|
||||
"start-docs": "npm run docs-sass -- --watch"
|
||||
|
||||
@ -10,13 +10,21 @@ $grey-light: #d3d6db !default
|
||||
$grey-lighter: #f5f7fa !default
|
||||
$white: #fff !default
|
||||
|
||||
$blue: #42afe3 !default
|
||||
$green: #97cd76 !default
|
||||
$orange: #f68b39 !default
|
||||
$purple: #847bb9 !default
|
||||
$red: #ed6c63 !default
|
||||
$turquoise: #1fc8db !default
|
||||
$yellow: #fce473 !default
|
||||
// $blue: #42afe3 !default
|
||||
// $green: #97cd76 !default
|
||||
// $orange: #f68b39 !default
|
||||
// $purple: #847bb9 !default
|
||||
// $red: #ed6c63 !default
|
||||
// $turquoise: #1fc8db !default
|
||||
// $yellow: #fce473 !default
|
||||
|
||||
$orange: hsl(14, 100%, 53%) !default
|
||||
$yellow: hsl(48, 100%, 53%) !default
|
||||
$green: hsl(141, 86%, 53%) !default
|
||||
$turquoise: hsl(171, 86%, 48%) !default
|
||||
$blue: hsl(217, 100%, 53%) !default
|
||||
$purple: hsl(271, 100%, 71%) !default
|
||||
$red: hsl(348, 100%, 53%) !default
|
||||
|
||||
// Typography
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user