scss 脚手架 - 员工页面部分

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 脚手架 - 员工页面部分相关的知识,希望对你有一定的参考价值。

.staff-module {
  // all staff
	ul.staff-directory {
		li.staff-directory-department {
			h2 {}
			ul.staff-directory-department-list {
				li.staff-member {
					a.staff-member-image {
						img {}
					}
					h3.staff-member-name {
						a {}
					}
					p.staff-member-title {}
					p.staff-member-email {
						a {}
					}
					p.staff-member-phone {
						a {}
					}
				}
			}
		}
	}
	// individual page
	.staff-directory-staff-detail {
		> img { }
		> h2 {}
		> h3 {}
		p.staff-detail-departments {}
		ul.staff-detail-contacts {
			li.staff-detail-contacts-email {
				a {}
			}
			li.staff-detail-contacts-phone {
				a {}
			}
		}
		p.staff-detail-bio {}
		> a {}
	}
}

以上是关于scss 脚手架 - 员工页面部分的主要内容,如果未能解决你的问题,请参考以下文章

scss 脚手架 - 博客页面部分

停止脚手架生成 scafolds.css.scss

Rails 脚手架 scss 每次生成脚手架时都会重置

基于vue-cli的改造的多页面开发脚手架

scss 脚手架 - 照片库

scss 脚手架 - 日历事件PopUp