<a class="bux-text-link" href="http://example.com">Go to here</a>
<a class="bux-text-link" href="{{ text_link_url }}">{{ text_link_text }}</a>
site_name_prefix: Office of
site_name: Learning Relations Excellence
site_slogan: Additional text or site slogan
address_1: 100 Building Name
address_2: 1 Oval Mall
city: Columbus
state: OH
zip: '43210'
contact_email: email@osu.edu
contact_phone: 614-292-OHIO
contact_tty: 614-688-8605
text_link_url: http://example.com
text_link_text: Go to here
a.bux-text-link {
font-family: $sans;
font-size: $ts-base;
color: $gray-dark-80;
font-weight: 400;
text-decoration: none;
margin-right: 25px;
position: relative;
&:after {
content: "\f005";
font-size: $ts-sm;
font-family: $icon;
color: $scarlet;
font-weight: 600;
padding-left: $sp-8;
transition-duration: 0.05s;
position: absolute;
top: rem-calc(1.5);
}
&:hover {
color: $scarlet;
text-decoration: none;
&:after {
padding-left: $sp-16;
transition-duration: 0.05s;
}
}
&:focus {
outline: 2px solid $focus;
}
}
No notes defined.