p5.js-web-editor/client/styles/components/_share.scss

36 lines
714 B
SCSS
Raw Normal View History

.share-modal {
padding: #{20 / $base-font-size}rem;
2017-10-30 19:38:41 +01:00
padding-top: 0;
width: #{500 / $base-font-size}rem;
}
2017-10-30 19:38:41 +01:00
.share-modal__project-name {
padding-bottom: #{20 / $base-font-size}rem;
font-size: #{16 / $base-font-size}rem;
}
.share-modal__header {
display: flex;
justify-content: space-between;
}
.share-modal__section {
width: 100%;
display: flex;
2017-10-30 19:38:41 +01:00
flex-wrap: wrap;
padding: #{10 / $base-font-size}rem 0;
}
.share-modal__label {
2017-10-30 19:38:41 +01:00
width: 100%;
font-size: #{12 / $base-font-size}rem;
padding-bottom: #{3 / $base-font-size}rem;
@include themify() {
color: getThemifyVariable('inactive-text-color');
}
}
.share-modal__input {
2017-10-30 19:38:41 +01:00
width: 100%;
font-size: #{16 / $base-font-size}rem;
}