| Server IP : 85.214.239.14 / Your IP : 3.16.81.33 Web Server : Apache/2.4.61 (Debian) System : Linux h2886529.stratoserver.net 4.9.0 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.18 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /proc/3/cwd/var/www/wordpress/wp-content/themes/twentytwentyone/assets/sass/06-components/ |
Upload File : |
// Footer
.site-footer {
padding-top: 0;
padding-bottom: calc(1.7 * var(--global--spacing-vertical));
@extend %responsive-alignwide-width;
// Increase the top vertical spacing when there is no widget area.
.no-widgets & {
margin-top: calc(6 * var(--global--spacing-vertical));
}
@include media(mobile-only) {
.no-widgets & {
margin-top: calc(3 * var(--global--spacing-vertical));
}
}
}
// Footer Branding
.site-footer > .site-info {
padding-top: var(--global--spacing-vertical);
color: var(--footer--color-text);
font-family: var(--footer--font-family);
font-size: var(--footer--font-size);
line-height: var(--global--line-height-body);
border-top: 3px solid var(--global--color-border);
.site-name {
text-transform: var(--branding--title--text-transform);
font-size: var(--branding--title--font-size);
}
.privacy-policy,
.powered-by {
margin-top: calc(0.5 * var(--global--spacing-vertical));
}
@include media(desktop) {
display: flex;
align-items: center;
.site-name {
margin-right: calc(0.5 * var(--global--spacing-vertical));
}
.privacy-policy,
.powered-by {
margin-top: initial;
margin-left: auto;
}
.privacy-policy + .powered-by {
margin-left: calc(0.5 * var(--global--spacing-vertical));
}
}
a {
color: var(--footer--color-link);
&:link,
&:visited,
&:active {
color: var(--footer--color-link);
}
&:hover {
color: var(--footer--color-link-hover);
}
&:focus {
color: var(--footer--color-link-hover);
.is-dark-theme & {
color: var(--wp--style--color--link, var(--global--color-background));
}
// Change colors when the body background is white.
.has-background-white & {
color: var(--wp--style--color--link, var(--global--color-white));
}
}
}
}