You've already forked random-web-tools
42 lines
623 B
SCSS
42 lines
623 B
SCSS
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
|
|
/**
|
|
* Components
|
|
*/
|
|
input[type=text], input[type=number], input[type=url], textarea {
|
|
@apply appearance-none border leading-tight focus:outline-none;
|
|
font-family: monospace;
|
|
padding: 2px;
|
|
}
|
|
|
|
input:disabled, textarea:disabled {
|
|
background-color: #ddd;
|
|
color: linen;
|
|
opacity: 1;
|
|
}
|
|
|
|
/**
|
|
* Tools
|
|
*/
|
|
.tool-title {
|
|
@apply font-bold;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.input-group {
|
|
@apply flex flex-col mb-3;
|
|
}
|
|
|
|
.input-group > label {
|
|
font-style: italic;
|
|
}
|
|
|
|
textarea[id=data] {
|
|
height: 200px;
|
|
}
|
|
div[id=result] {
|
|
height: 350px;
|
|
} |