Files
FixIt/assets/css/_partial/_single/_fixit-decryptor.scss
T

48 lines
1.1 KiB
SCSS

.fixit-decryptor-container {
font-family: $global-font-family;
text-align: center;
margin-top: 3rem;
#fixit-decryptor-input,
.fixit-encryptor-btn {
display: inline-block;
box-sizing: border-box;
outline: none;
color: $global-font-color;
background-color: $global-background-color;
border: 1px solid $global-border-color;
border-radius: $global-border-radius;
transition: 0.1s;
&:active,
&:hover {
color: $global-link-hover-color;
border-color: $global-link-hover-color;
[theme='dark'] & {
color: $global-link-hover-color-dark;
border-color: $global-link-hover-color-dark;
}
}
[theme='dark'] & {
color: $global-font-color-dark;
border-color: $global-border-color-dark;
background-color: $global-background-color-dark;
}
}
#fixit-decryptor-input {
width: clamp(50%, 400px, 100%);
height: 3rem;
padding-left: 1rem;
padding-right: 1rem;
}
.fixit-encryptor-btn {
cursor: pointer;
transition: 0.1s;
padding: 0.6rem 1rem;
}
}