diff --git a/dist/css/barefoot.min.css b/dist/css/barefoot.min.css index 6737b64..74687b2 100644 --- a/dist/css/barefoot.min.css +++ b/dist/css/barefoot.min.css @@ -1 +1 @@ -.footnote-container{display:inline-block;position:relative;text-indent:0}.footnote-backdrop{cursor:pointer}.footnote-button{background:hsla(0,0%,43%,.2);border:0;border-radius:.475em;cursor:pointer;display:inline-block;font-size:1rem;height:.95em;line-height:0;margin:0 .1em 0 .2em;padding:.35em;position:relative;top:-.2em;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:background;transition-property:background;vertical-align:super;width:1.5em;z-index:1}.footnote-button:after{color:hsla(0,0%,43%,.5);content:attr(data-fn-number);display:block;font-size:.57em;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:color .25s ease;transition:color .25s ease}.footnote-button:hover{background:hsla(0,0%,43%,.5);outline:none}.footnote-button:hover:after{color:#fafafa}.footnote-button.is-active{background:#6e6e6e;-webkit-transition-delay:.1s;transition-delay:.1s}.footnote-button.is-active:after{color:#fafafa}.bf-footnote{background:#fafafa;border:1px solid #d8d8d8;border-radius:.25em;left:0;margin:1.618em 0;max-width:90vw;opacity:0;position:absolute;top:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:3}.bf-footnote.footnote-is-active{opacity:.97}.bf-footnote.footnote-is-top{bottom:0;top:auto}.footnote-wrapper{background:inherit;border-radius:.25em;margin:0;max-width:100%;overflow:hidden;position:relative;width:22em;z-index:5}.footnote-tooltip{background:inherit;border:1px solid #d8d8d8;height:1.3em;position:absolute;top:-.49em;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.3em;z-index:4}.footnote-is-top .footnote-tooltip{bottom:-.49em;top:auto}.footnote-content{-webkit-font-smoothing:subpixel-antialiased;line-height:1.418em;max-height:15em;overflow:auto;-webkit-overflow-scrolling:touch;padding:1em;position:relative;z-index:2}.footnote-content :first-child{margin-top:0;padding-top:0}.footnote-content :last-child{margin-bottom:0;padding-bottom:0} \ No newline at end of file +.footnote-container{display:inline-block;font-style:normal;position:relative;text-indent:0}.footnote-backdrop{cursor:pointer}.footnote-button{background:hsla(0,0%,43%,.2);border:0;border-radius:.475em;cursor:pointer;display:inline-block;font-size:1rem;height:.95em;line-height:0;margin:0 .1em 0 .2em;padding:.35em;position:relative;top:-.2em;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:background;transition-property:background;vertical-align:super;width:1.5em;z-index:1}.footnote-button:after{color:hsla(0,0%,43%,.5);content:attr(data-fn-number);display:block;font-size:.57em;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:color .25s ease;transition:color .25s ease}.footnote-button:hover{background:hsla(0,0%,43%,.5);outline:none}.footnote-button:hover:after{color:#fafafa}.footnote-button.is-active{background:#6e6e6e;-webkit-transition-delay:.1s;transition-delay:.1s}.footnote-button.is-active:after{color:#fafafa}.bf-footnote{background:#fafafa;border:1px solid #d8d8d8;border-radius:.25em;left:0;margin:1.618em 0;max-width:90vw;opacity:0;position:absolute;top:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:3}.bf-footnote.footnote-is-active{opacity:.97}.bf-footnote.footnote-is-top{bottom:0;top:auto}.footnote-wrapper{background:inherit;border-radius:.25em;margin:0;max-width:100%;overflow:hidden;position:relative;width:22em;z-index:5}.footnote-tooltip{background:inherit;border:1px solid #d8d8d8;height:1.3em;position:absolute;top:-.49em;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.3em;z-index:4}.footnote-is-top .footnote-tooltip{bottom:-.49em;top:auto}.footnote-content{-webkit-font-smoothing:subpixel-antialiased;line-height:1.418em;max-height:15em;overflow:auto;-webkit-overflow-scrolling:touch;padding:1em;position:relative;z-index:2}.footnote-content :first-child{margin-top:0;padding-top:0}.footnote-content :last-child{margin-bottom:0;padding-bottom:0} \ No newline at end of file diff --git a/src/sass/barefoot.scss b/src/sass/barefoot.scss index ab5b1ab..ad1c22e 100644 --- a/src/sass/barefoot.scss +++ b/src/sass/barefoot.scss @@ -4,6 +4,7 @@ $magic: 1.618em; .footnote-container { display: inline-block; + font-style: normal; position: relative; text-indent: 0; } @@ -85,7 +86,7 @@ $magic: 1.618em; &.footnote-is-top { bottom: 0; - top: auto; + top: auto; } }