You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.1 KiB
72 lines
1.1 KiB
.import-srp {
|
|
&__container {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'title dropdown'
|
|
'paste-tip paste-tip'
|
|
'input input'
|
|
'error error'
|
|
'too-many-words-error too-many-words-error';
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
&__container {
|
|
grid-template-areas:
|
|
'title'
|
|
'dropdown'
|
|
'paste-tip'
|
|
'input'
|
|
'error'
|
|
'too-many-words-error';
|
|
}
|
|
}
|
|
|
|
&__srp-label {
|
|
grid-area: title;
|
|
text-align: center;
|
|
}
|
|
|
|
&__number-of-words-dropdown {
|
|
grid-area: dropdown;
|
|
}
|
|
|
|
&__paste-tip {
|
|
margin: 24px 0;
|
|
grid-area: paste-tip;
|
|
width: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
&__srp {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-area: input;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
&__srp {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
&__srp-word {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 8px;
|
|
}
|
|
|
|
&__srp-word-label {
|
|
width: 2em;
|
|
}
|
|
|
|
&__srp-error {
|
|
margin-top: 4px;
|
|
grid-area: error;
|
|
}
|
|
|
|
&__srp-too-many-words-error {
|
|
margin-top: 4px;
|
|
grid-area: too-many-words-error;
|
|
}
|
|
}
|
|
|