p5.js-web-editor/client/styles/components/_copyable-input.scss
Basile Pesin 996a1b988a Fixes #692 (#713)
* Got the basis covered, now I need to style all this

* Corrected and upgraded Share window

* Changed the routes again, and set correct design

* Made some of the requested changes

* Removed PreviewFrame errors

* Redesigned Preview Header

* Corrected style of the FullView

* Corrected most of the css mistakes

* Corrected logo size
2018-10-18 14:10:37 -04:00

58 lines
1.1 KiB
SCSS

.copyable-input__value-container {
position: relative;
}
.copyable-input__tooltip {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.copyable-input__value {
width: 100%;
font-size: #{16 / $base-font-size}rem;
}
.copyable-input__label {
width: 100%;
font-size: #{12 / $base-font-size}rem;
padding-bottom: #{5 / $base-font-size}rem;
@include themify() {
color: getThemifyVariable('inactive-text-color');
}
}
.copyable-input__label-container {
display: flex;
justify-content: space-between;
}
.copyable-input {
padding-bottom: #{30 / $base-font-size}rem;
display: flex;
flex-wrap: wrap;
}
.copyable-input__value-container {
width: 100%;
}
.tooltipped::after {
@include themify() {
background-color: getThemifyVariable('button-background-hover-color');
color: getThemifyVariable('button-hover-color');
}
font-family: Montserrat, sans-serif;
font-size: #{12 / $base-font-size}rem;
}
.tooltipped-n::before,
.tooltipped::before,
{
@include themify() {
color: getThemifyVariable('button-background-hover-color');
border-top-color: getThemifyVariable('button-background-hover-color');
}
}