More snippets

This commit is contained in:
Jeremy Thomas
2017-08-30 22:21:30 +01:00
parent 3b0cb2ad4e
commit 695c72c6a9
11 changed files with 188 additions and 2002 deletions

View File

@@ -2537,46 +2537,118 @@ a.box:active {
border-color: white;
}
.input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
.textarea.is-white:focus,
.textarea.is-white.is-focused,
.textarea.is-white:active,
.textarea.is-white.is-active {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.input.is-black,
.textarea.is-black {
border-color: #0a0a0a;
}
.input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
.textarea.is-black:focus,
.textarea.is-black.is-focused,
.textarea.is-black:active,
.textarea.is-black.is-active {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.input.is-light,
.textarea.is-light {
border-color: whitesmoke;
}
.input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
.textarea.is-light:focus,
.textarea.is-light.is-focused,
.textarea.is-light:active,
.textarea.is-light.is-active {
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.input.is-dark,
.textarea.is-dark {
border-color: #363636;
}
.input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
.textarea.is-dark:focus,
.textarea.is-dark.is-focused,
.textarea.is-dark:active,
.textarea.is-dark.is-active {
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.input.is-primary,
.textarea.is-primary {
border-color: #00d1b2;
}
.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
.textarea.is-primary:focus,
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary.is-active {
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.input.is-info,
.textarea.is-info {
border-color: #3273dc;
}
.input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
.textarea.is-info:focus,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info.is-active {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.input.is-success,
.textarea.is-success {
border-color: #23d160;
}
.input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
.textarea.is-success:focus,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success.is-active {
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
}
.input.is-warning,
.textarea.is-warning {
border-color: #ffdd57;
}
.input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
.textarea.is-warning:focus,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning.is-active {
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.input.is-danger,
.textarea.is-danger {
border-color: #ff3860;
}
.input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
.textarea.is-danger:focus,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger.is-active {
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}
.input.is-small,
.textarea.is-small {
border-radius: 2px;
@@ -9634,6 +9706,10 @@ html.route-index #carbon {
background-color: whitesmoke;
}
.bd-snippet.bd-is-clipped .bd-snippet-code {
overflow: auto;
}
@media screen and (min-width: 1008px) {
.bd-snippet.bd-is-vertical {
align-items: stretch;
@@ -9773,6 +9849,12 @@ html.route-index #carbon {
color: rgba(0, 0, 0, 0.7);
}
.highlight .bd-copy:focus, .highlight .bd-copy:active,
.highlight .bd-expand:focus,
.highlight .bd-expand:active {
box-shadow: none;
}
.highlight .bd-expand {
right: 45px;
}