Menu icon Foundation
Rounded Buttons not working

I want to create a button with white fill, and a $primary-color border with rounded corners.

Here's the SCSS:

$button-background: $white;
$button-border: 1px solid $primary-color;
$button-radius: $global-radius;
$button-rounded: $global-rounded;

HTML:

<button class="small rounded" >LEARN MORE</button>

All i'm seeing is the text. If I hover over the button, I do see a rounded button w/ light gray background.

Help!

buttonsrounded

I want to create a button with white fill, and a $primary-color border with rounded corners.

Here's the SCSS:

$button-background: $white;
$button-border: 1px solid $primary-color;
$button-radius: $global-radius;
$button-rounded: $global-rounded;

HTML:

<button class="small rounded" >LEARN MORE</button>

All i'm seeing is the text. If I hover over the button, I do see a rounded button w/ light gray background.

Help!

Rafi Benkual about 1 year ago

 Have set the prototyping classes to true?