BUX Component Development Platform

Text Link 

<a class="bux-text-link" href="http://example.com" rel="noopener">
    <span class="bux-text-link__text">Go to here</span>
</a>
 
{% include '@link' with {
    base_class: base_class|default("bux-text-link"),
    link_url: text_link_url,
    link_text: text_link_text,
    show_underline: false
} %}
 
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
  • Content: 
    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: $sp-16;
		font-family: $icon;
		color: $scarlet;
		font-weight: 600;
		padding-left: $sp-8;
		transition-duration: 0.05s;
        vertical-align: -0.2em;
	}

	&:hover {
		color: $scarlet;
		text-decoration: none;

		&:after {
			padding-left: $sp-16;
			transition-duration: 0.05s;
		}
	}

	&:focus {
		outline: 2px solid $focus;
	}
}
  • URL: /components/raw/text-link/_text-link.scss
  • Filesystem Path: src/components/text-link/_text-link.scss
  • Size: 552 Bytes

No notes defined.