skill-assessment-app/vendor/assets/foundation-emails/scss/components/_menu.scss

67 lines
1.2 KiB
SCSS
Raw Normal View History

// Foundation for Emails by ZURB
// zurb.com/ink/
// Licensed under MIT Open Source
////
/// @group menu
////
/// Padding inside a menu item.
/// @type Length
$menu-item-padding: 10px !default;
/// Right-hand spacing of items in menus with the `.simple` class.
/// @type Length
$menu-item-gutter: 10px !default;
/// This is the color of the menu item links.
/// @type Color
$menu-item-color: $primary-color !default;
table.menu {
width: $global-width;
td.menu-item,
th.menu-item {
padding: $menu-item-padding;
padding-right: $menu-item-gutter;
a {
color: $menu-item-color;
}
}
}
// Doesn't work on the pesky ESPs like outlook 2000
table.menu.vertical {
td.menu-item,
th.menu-item {
padding: $menu-item-padding;
padding-right: 0;
display: block;
a {
width: 100%;
}
}
// Nested lists need some more padding to the left
td.menu-item,
th.menu-item {
table.menu.vertical {
td.menu-item,
th.menu-item {
padding-left: $menu-item-padding;
}
}
}
}
table.menu.text-center a {
text-align: center;
}
//Centers the menus!
.menu[align="center"] {
width: auto !important;
}