0% found this document useful (0 votes)
3 views

Container Error

The document contains CSS styles for various components within an error container, including buttons, images, and footers. It defines styles for different states like active, hover, and disabled for buttons, as well as responsive design adjustments for various screen sizes. Additionally, it includes styles for interest lists and lightbox components, ensuring a cohesive design across different elements.

Uploaded by

Rivail Silva
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views

Container Error

The document contains CSS styles for various components within an error container, including buttons, images, and footers. It defines styles for different states like active, hover, and disabled for buttons, as well as responsive design adjustments for various screen sizes. Additionally, it includes styles for interest lists and lightbox components, ensuring a cohesive design across different elements.

Uploaded by

Rivail Silva
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

errorContainer .

errorCta:active{color:var(--spl-color-text-link-primary-
click)}.errorContainer .wrapper__filled-button{font-family:var(--spl-font-family-sans-
serif-primary),sans-serif;transition:background-color .1s ease-in-out,color .1s ease-in-
out;background-color:var(--spl-color-text-link-primary-default);border:var(--spl-
borderwidth-100) solid var(--spl-color-text-link-primary-default);border-radius:4px;box-
sizing:border-box;color:var(--color-white-100);cursor:pointer;display:inline-block;font-
size:var(--text-size-title2);font-weight:600;line-height:1.3em;padding:var(--space-200)
var(--space-300);position:relative;text-align:center;margin-bottom:var(--space-
150)}.errorContainer .wrapper__filled-button:visited{color:var(--color-white-
100)}.errorContainer .wrapper__filled-
button.activated,.errorContainer .wrapper__filled-
button.hover,.errorContainer .wrapper__filled-
button:active,.errorContainer .wrapper__filled-button:hover{background-color:var(--
spl-color-text-link-primary-hover);color:var(--color-white-
100)}.errorContainer .wrapper__filled-
button.disabled,.errorContainer .wrapper__filled-
button.loading.disabled,.errorContainer .wrapper__filled-
button.loading:disabled,.errorContainer .wrapper__filled-
button:disabled{transition:none;background-color:var(--color-snow-400);border:var(--
spl-borderwidth-100) solid var(--color-snow-400);color:var(--color-slate-
500);cursor:default;min-height:49px}.errorContainer .wrapper__filled-
button.disabled:visited,.errorContainer .wrapper__filled-
button.loading.disabled:visited,.errorContainer .wrapper__filled-
button.loading:disabled:visited,.errorContainer .wrapper__filled-
button:disabled:visited{color:var(--color-slate-500)}.errorContainer .wrapper__filled-
button.disabled:active,.errorContainer .wrapper__filled-
button.disabled:hover,.errorContainer .wrapper__filled-
button.loading.disabled:active,.errorContainer .wrapper__filled-
button.loading.disabled:hover,.errorContainer .wrapper__filled-
button.loading:disabled:active,.errorContainer .wrapper__filled-
button.loading:disabled:hover,.errorContainer .wrapper__filled-
button:disabled:active,.errorContainer .wrapper__filled-
button:disabled:hover{background-color:var(--color-snow-
400)}.errorContainer .wrapper__filled-
button__spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-
items:center;justify-content:center}@media (max-width:950px)
{.errorContainer .imageContainer .errorImage{transform:scale(.8)}.errorContainer
h1{font-size:var(--text-size-heading7)}.errorContainer h2{font-size:var(--text-size-
title2)}.errorContainer .errorCta,.errorContainer p{font-size:var(--text-size-
title3)}}@media (max-width:700px){.errorContainer{margin-top:3%}}@media (max-
width:512px)
{.errorContainer .imageContainer .errorImage{transform:scale(.6)}.errorContainer
h1{font-size:var(--text-size-heading8)}.errorContainer h2{font-size:var(--text-size-
title3)}.errorContainer .errorCta,.errorContainer p{font-size:var(--text-size-
title5)}}.auto__shared_interests_list .all_interests .interest_block{margin:10px}.auto__
shared_interests_list .all_interests .interest_block .parent_interest{font-size:16px;text-
transform:uppercase;font-
weight:700;color:#1e7b85;margin:0}.auto__shared_interests_list .all_interests .interest
_block .child_interest .interest_link{font-
size:16px;color:#1c263d}.auto__shared_interests_list .all_interests .interest_block .chil
d_interest a,.auto__shared_interests_list .all_interests .interest_block .parent_interest
a{display:block;padding:4px
5px}.auto__shared_interests_list .all_interests .interest_block .child_interest
a.hover,.auto__shared_interests_list .all_interests .interest_block .child_interest
a:hover,.auto__shared_interests_list .all_interests .interest_block .parent_interest
a.hover,.auto__shared_interests_list .all_interests .interest_block .parent_interest
a:hover,.keyboard_focus .auto__shared_interests_list .all_interests .interest_block .chil
d_interest
a:focus,.keyboard_focus .auto__shared_interests_list .all_interests .interest_block .par
ent_interest a:focus{opacity:.9}.auto__shared_native_apps_lightbox .lightbox{min-
width:600px}.auto__shared_native_apps_lightbox .lightbox .content{position:relative;p
adding:0}@media (max-width:700px)
{.auto__shared_native_apps_lightbox .lightbox{min-
width:400px}}.auto__shared_native_apps_lightbox .lightbox.stacked_lightbox{max-
width:none}.get_app_modal.lightbox{min-
width:600px}.get_app_modal.lightbox .content{position:relative;padding:0}@media
(max-width:700px){.get_app_modal.lightbox{min-
width:400px}}.get_app_modal .lightbox.stacked_lightbox{max-
width:none}.auto__chrome_footer{background:#f8f9fd;border-top:2px solid
#e9edf8;text-
align:center;position:fixed;left:0;bottom:0;width:100%}.auto__chrome_footer .back_to
_top_link{display:none;vertical-align:top;position:relative;top:30px;color:var(--spl-
color-text-link-primary-
default)}.auto__chrome_footer .back_to_top_link:hover{color:var(--spl-color-text-link-
primary-hover)}.auto__chrome_footer .back_to_top_link:active{color:var(--spl-color-
text-link-primary-click)}@media (max-width:950px)
{.auto__chrome_footer .back_to_top_link{margin:0 0 30px
30px;float:left}}.auto__chrome_footer .inner{position:relative;padding:10px;margin:0
auto;display:inline-block}.auto__chrome_footer .list{list-
style:none;padding:0;margin:8px 0 0}.auto__chrome_footer .list li{line-
height:24px}.auto__chrome_footer .social_container .icon{display:inline-
block;margin:0 10px 0 0;font-
size:24px}.auto__chrome_footer .social_container .list{margin-
top:0}.auto__chrome_footer .social_container .social_icons{margin-
bottom:20px}.auto__chrome_footer .social_container .mobile_icons{padding:0;margin
:0}.auto__chrome_footer .social_container .mobile_icons .app_store_img{height:40px}
.auto__chrome_footer .social_container

You might also like