Archived topic
Arctic CSS
3 replies · Started by Marius on July 10, 2019
Viewing posts 1–4 of 4
I have importet Arctic to a test site. But on that test site, i had several designs before. So there is css I did not need.
Could you please post all the css for Arctic? So I can delete the needless css.
Hi there,
Here it is:
/* Link underlines */
.entry-content a:not(.button) {
box-shadow: inset 0 -1px 0 currentColor;
transition: color 100ms ease-in,box-shadow .13s ease-in-out;
}
.entry-content a:not(.button):focus, .entry-content a:not(.button):hover {
box-shadow: inset 0 0 0 currentColor,0 3px 0 currentColor;
}
/* Content selection */
::selection {
color: white;
background: black;
}
/* Sub-menu effect */
.main-navigation ul ul {
left: auto;
transition: opacity 300ms ease-in-out, transform 200ms ease-in-out, height 200ms ease-in-out;
transform: translateY(20px);
height: auto;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
padding: 5px 0;
}
.main-navigation:not(.toggled) ul li:hover>ul, .main-navigation:not(.toggled) ul li.sfHover>ul {
transform: translateY(0);
}
.slideout-navigation.do-overlay .slideout-menu .sub-menu li a {
display: block;
}
/* Footer widget icons */
.footer-widget-1 {
text-align: center;
}
.footer-icons a {
padding: 5px;
display: inline-block;
}
/* Center off canvas close button */
@media (max-width: 768px) {
.slideout-navigation.do-overlay .slideout-exit {
text-align: center;
}
}Thanks Leo!
No problem :)
This archived topic is closed to new replies.
