76 lines
1.6 KiB
SCSS
76 lines
1.6 KiB
SCSS
// ==============================
|
|
// Custom style
|
|
// 自定义样式
|
|
// ==============================
|
|
|
|
.button {
|
|
background-color: $global-link-color;
|
|
transition-duration: 0.4s;
|
|
border: none;
|
|
border-radius: 5px;
|
|
color: $global-background-color;
|
|
padding: 8px 16px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 4px 2px;
|
|
transition-duration: 0.4s;
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: $global-link-color-dark;
|
|
}
|
|
[data-theme="dark"] .button {
|
|
background-color: $global-link-color-dark;
|
|
transition-duration: 0.4s;
|
|
border: none;
|
|
border-radius: 5px;
|
|
color: $global-background-color-dark;
|
|
padding: 8px 16px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 4px 2px;
|
|
transition-duration: 0.4s;
|
|
}
|
|
|
|
[data-theme="dark"] .button:hover {
|
|
background-color: $global-link-color;
|
|
}
|
|
|
|
.field {
|
|
background-color: $global-background-color;
|
|
transition-duration: 0.4s;
|
|
border: 2px solid $global-link-color;
|
|
border-radius: 5px;
|
|
color: $global-font-color;
|
|
padding: 8px 16px;
|
|
font-weight: bold;
|
|
margin: 4px 2px;
|
|
transition-duration: 0.4s;
|
|
}
|
|
|
|
[data-theme="dark"] .field {
|
|
background-color: $global-background-color-dark;
|
|
transition-duration: 0.4s;
|
|
border: 2px solid $global-link-color-dark;
|
|
border-radius: 5px;
|
|
color: $global-font-color-dark;
|
|
padding: 8px 16px;
|
|
font-weight: bold;
|
|
margin: 4px 2px;
|
|
transition-duration: 0.4s;
|
|
}
|
|
|
|
.newsletter {
|
|
border-top: 1px dashed $global-link-color;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
[theme="dark"] .newsletter {
|
|
border-top: 1px dashed $global-link-color-dark;
|
|
margin-top: 20px;
|
|
}
|