Skip to content

Instantly share code, notes, and snippets.

@nextab
Created July 15, 2024 09:30
Show Gist options
  • Save nextab/2a72b5912afc0ca665e8be42537cf9f9 to your computer and use it in GitHub Desktop.
Save nextab/2a72b5912afc0ca665e8be42537cf9f9 to your computer and use it in GitHub Desktop.
/* #region Digimember */
div#ncore_footer_placeholder, div#ncore_footer {
display: none;
}
main {
form.ncore_user_form {
&.ncore_form_narrow {
font-size: $small;
font-family: $satoshi;
* {
font-family: $satoshi;
}
div.ncore_without_value {
div.ncore_form_label label {
font-size: 1rem;
left: 1rem;
top: 31px;
transition: all 300ms ease;
}
}
div.ncore_with_focus {
label {
color: $petrol !important;
display: inline-block;
margin-top: -5px;
transition: all 300ms ease;
}
}
div.ncore_form_label {
margin-top: 0px;
}
}
}
.ncore.ncore_user_form_container {
form.ncore_user_form {
.ncore_form_row.ncore_input_checkbox {
margin-top: 1rem;
.ncore_form_input {
display: flex;
flex-flow: row wrap;
gap: 1rem;
> label {
align-items: center;
display: flex;
flex: 1 0 175px;
font-size: 1rem;
position: relative;
}
}
a.ncore_forgotton_password_link {
color: $deep-sea;
font-size: 1rem;
}
}
span.ncore_checkbox {
@extend %pretty-checkbox;
}
.ncore_form_buttons {
@extend %pretty-button;
@extend %mint-button;
margin-top: 2rem;
overflow: hidden;
padding: 0;
&:hover {
padding: 0;
}
&::after {
pointer-events: none;
}
input.button-primary {
@extend %naked-input;
padding: 0.75rem 1.75rem;
&:hover {
padding: 0.75rem 2.5rem 0.75rem 1rem;
}
}
}
}
}
}
.login_container {
form.ncore_user_form {
margin-left: auto;
margin-right: auto;
max-width: 350px;
text-align: center;
width: 95%;
}
}
/* #region Digimember Popups */
.dm-dialog-user {
.dm-dialog {
color: $deep-sea;
font-family: $satoshi;
* {
color: $deep-sea;
font-family: $satoshi;
}
}
}
.dm-dialog-container {
.dm-dialog {
border-radius: 1rem;
max-width: 500px;
padding: 0.5rem;
width: 97%;
.dm-dialog-header {
font-size: $larger;
font-weight: 200;
text-transform: uppercase;
}
.dm-dialog-content {
overflow-y: unset;
.instruction {
font-size: 1rem;
}
input {
border: 1px solid $petrol;
border-radius: 0;
font-size: 1rem;
padding: .5rem 1rem;
&:focus {
border-color: $deep-sea;
}
}
}
.dm-close-button {
opacity: 0.75;
&::before, &::after {
background-color: $deep-sea;
}
}
.dm-dialog-buttonpane {
height: auto;
padding-bottom: 1.5rem;
padding-top: 2rem;
button.dm-dialog-button {
@extend %pretty-button;
&:hover {
background-color: $sand;
color: inherit;
font-family: $serif;
}
}
}
}
}
/* #endregion Digimember Popups */
/* #endregion Digimember */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment