MusicTopus/sass/box.scss

30 lines
575 B
SCSS
Raw Normal View History

.box {
background-color: var(--form-bg-color);
border-radius: 6px;
box-shadow: var(--form-box-color) 0px 3px 6px 0px;
color: var(--font-color);
display: block;
padding: 1.25rem;
width: calc(100% - 2rem);
margin: auto;
@include transition() {}
@include respond-to("small-up") {
width: 65%;
}
@include respond-to("medium-up") {
width: 35%;
}
h1 {
margin-top: 0;
}
input {
box-shadow: inset 0 .0625em .125em rgba(10,10,10,.05);
}
button {
margin-top: 2rem;
}
}