You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.5 KiB
65 lines
1.5 KiB
div.code-toolbar { |
|
position: relative; |
|
} |
|
|
|
div.code-toolbar > .toolbar { |
|
position: absolute; |
|
z-index: 10; |
|
top: .3em; |
|
right: .2em; |
|
transition: opacity 0.3s ease-in-out; |
|
opacity: 0; |
|
} |
|
|
|
div.code-toolbar:hover > .toolbar { |
|
opacity: 1; |
|
} |
|
|
|
/* Separate line b/c rules are thrown out if selector is invalid. |
|
IE11 and old Edge versions don't support :focus-within. */ |
|
div.code-toolbar:focus-within > .toolbar { |
|
opacity: 1; |
|
} |
|
|
|
div.code-toolbar > .toolbar > .toolbar-item { |
|
display: inline-block; |
|
} |
|
|
|
div.code-toolbar > .toolbar > .toolbar-item > a { |
|
cursor: pointer; |
|
} |
|
|
|
div.code-toolbar > .toolbar > .toolbar-item > button { |
|
background: none; |
|
border: 0; |
|
color: inherit; |
|
font: inherit; |
|
line-height: normal; |
|
overflow: visible; |
|
padding: 0; |
|
-webkit-user-select: none; /* for button */ |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
} |
|
|
|
div.code-toolbar > .toolbar > .toolbar-item > a, |
|
div.code-toolbar > .toolbar > .toolbar-item > button, |
|
div.code-toolbar > .toolbar > .toolbar-item > span { |
|
color: #bbb; |
|
font-size: .8em; |
|
padding: 0 .5em; |
|
background: #f5f2f0; |
|
background: rgba(224, 224, 224, 0.2); |
|
box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); |
|
border-radius: .5em; |
|
} |
|
|
|
div.code-toolbar > .toolbar > .toolbar-item > a:hover, |
|
div.code-toolbar > .toolbar > .toolbar-item > a:focus, |
|
div.code-toolbar > .toolbar > .toolbar-item > button:hover, |
|
div.code-toolbar > .toolbar > .toolbar-item > button:focus, |
|
div.code-toolbar > .toolbar > .toolbar-item > span:hover, |
|
div.code-toolbar > .toolbar > .toolbar-item > span:focus { |
|
color: inherit; |
|
text-decoration: none; |
|
}
|
|
|