scss 脚手架 - 员工页面部分

Posted 2021-05-17

.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 {}
	}
}