1
0
mirror of https://github.com/Pomax/BezierInfo-2.git synced 2025-08-31 20:11:59 +02:00

reset buttons for all graphics (#230)

* reset buttons for all graphics

* resetting

* .

* build

* build
This commit is contained in:
Pomax
2020-01-05 11:57:46 -08:00
committed by GitHub
parent d695c08480
commit f4e9f77f9c
15 changed files with 118 additions and 50 deletions

View File

@@ -19,6 +19,11 @@ figure {
&:focus {
border: 1px solid grey;
outline: none;
+ figcaption .help button {
border: 1px solid grey;
border-top: none;
}
}
}
@@ -29,11 +34,30 @@ figure {
font-style: italic;
font-size: 90%;
a.source {
position: absolute;
top: -4pt;
right: 0;
.help {
position: relative;
top: calc(~"-1em - 2px");
left: calc(calc(calc(~"100% - var(--figurewidth)")~" / 2")~" - 1px");
width: var(--figurewidth);
margin-bottom: 0.5em;
font-size: 8pt;
a {
position:absolute;
right: 0;
}
button {
position: absolute;
left: 0;
border: 1px solid lightgray;
border-top: none;
border-radius: 0;
top: 1.5px;
left: 0px;
background: white;
padding: 0px 4px 2px 4px;
}
}
button {

View File

@@ -252,6 +252,10 @@ figure canvas:focus {
border: 1px solid grey;
outline: none;
}
figure canvas:focus + figcaption .help button {
border: 1px solid grey;
border-top: none;
}
figure figcaption {
position: relative;
text-align: center;
@@ -259,12 +263,29 @@ figure figcaption {
font-style: italic;
font-size: 90%;
}
figure figcaption a.source {
position: absolute;
top: -4pt;
right: 0;
figure figcaption .help {
position: relative;
top: calc(-1em - 2px);
left: calc(calc(calc(100% - var(--figurewidth)) / 2) - 1px);
width: var(--figurewidth);
margin-bottom: 0.5em;
font-size: 8pt;
}
figure figcaption .help a {
position: absolute;
right: 0;
}
figure figcaption .help button {
position: absolute;
left: 0;
border: 1px solid lightgray;
border-top: none;
border-radius: 0;
top: 1.5px;
left: 0px;
background: white;
padding: 0px 4px 2px 4px;
}
figure figcaption button {
font-family: Verdana;
border: 1px solid grey;

File diff suppressed because one or more lines are too long