Create highlight post layout
for use in the templates only include in the site settings post_type: highlight for now this is static
This commit is contained in:
parent
c0ee41733f
commit
14992ea3e9
4 changed files with 84 additions and 0 deletions
|
|
@ -13,3 +13,57 @@
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
.section-highlight {
|
||||
position: relative;
|
||||
|
||||
.mdl-card__supporting-text {
|
||||
margin: 40px;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
width: calc(100% - 80px);
|
||||
}
|
||||
|
||||
.mdl-card__actions {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
||||
margin: 0;
|
||||
padding: 4px 40px;
|
||||
color: inherit;
|
||||
|
||||
a {
|
||||
color: #00BCD4;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
min-height: 200px;
|
||||
|
||||
.material-icons {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue