p5.js-web-editor/client/styles/components/_feedback.scss
2018-02-09 16:32:06 -05:00

37 lines
No EOL
818 B
SCSS

.feedback__content {
display: flex;
width: #{650 / $base-font-size}rem;
padding-top: #{17 / $base-font-size}rem;
padding-right: #{20 / $base-font-size}rem;
padding-bottom: #{20 / $base-font-size}rem;
padding-left: #{20 / $base-font-size}rem;
}
.feedback__content-pane {
flex: 1;
& + & {
margin-left: #{20 / $base-font-size}rem;
}
}
.feedback__content-pane-header {
margin-bottom: #{20 / $base-font-size}rem;
}
.feedback__content-pane-copy {
margin-bottom: #{20 / $base-font-size}rem;
}
.feedback__github-logo svg {
width: #{12 / $base-font-size}rem;
height: #{12 / $base-font-size}rem;
@include themify() {
fill: getThemifyVariable('inactive-text-color');
}
}
.feedback__github-link:hover svg {
@include themify() {
fill: getThemifyVariable('primary-text-color');
}
}