Contents

$borderRadius: 6px;

form.edit_simple_content_management_simple_menu {
	ul.simple-menu {
		font-size: 14px;
		line-height: 18px;
		margin: 0;
		padding: 0;

		li {
			list-style-type: none;
			list-style-position: inside;
		}

		> li {
			display: inline-block;
			vertical-align: top;
			min-width: 120px;

			> span {
				background: rgb(230, 230, 230);
				display: inline-block;
				padding: 6px 0 6px 12px;
				color: rgb(0, 136, 204);
				border: 1px solid #ccc;
				border-right-width: 0;
				width: 100%;
				box-sizing: border-box;

				a.destroy {
					display: inline-block;
					float: right;
					margin-left: 3px;
					@include opacity(20);

					&:hover {
						@include opacity(100);
					}
				}
			}

			&:first-of-type > span {
				@include border-radius($borderRadius 0 0 $borderRadius);
			}

			&:last-of-type {
				min-width: 0;

				 > span {
					padding-right: 12px;
					border-right-width: 1px;
					@include border-radius(0 $borderRadius $borderRadius 0);
				}
			}

			> ul {
				margin: 0 5px;
				padding: 0;
				font-size: 11px;

				> li {
					> span {
						color: #444;
						display: block;
						border: 1px solid #ddd;
						border-bottom-width: 0;
						padding: 2px 0 2px 6px;
						background: rgb(245, 245, 245);

						a.destroy {
							display: inline-block;
							float: right;
							margin-left: 3px;
							@include opacity(20);

							&:hover {
								@include opacity(100);
							}
						}
					}

					&:first-of-type > span {
						border-top-width: 0;
					}

					&:last-of-type > span {
						border-bottom-width: 1px;
						text-align: center;
						padding-right: 6px;
						@include border-radius(0 0 $borderRadius $borderRadius);
					}
				}
			}
		}
	}
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
th_simple_content_management-0.2.2	app/assets/stylesheets/simple_content_management/simple_menus.css.scss
th_simple_content_management-0.2.1	app/assets/stylesheets/simple_content_management/simple_menus.css.scss