Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Blogger layout material design
body#layout {
border: 1px solid transparent;
border-radius: 6px;
}
body#layout div.section {
background-color: #fff;
border: none;
border-radius: 6px;
margin: 0 10px 15px 10px;
height: max-content;
}
body#layout .section h4 {
font-weight: 500;
font-size: 20px;
line-height: normal;
margin: 0;
}
body#layout div.widget {
margin-top: 12px!important;
border-radius: 6px;
overflow: hidden;
}
body#layout .locked-widget .widget-content, body#layout .draggable-widget {
border: 1px solid #dedede;
border-radius: 6px;
overflow: hidden;
}
body#layout .add_widget {
border-radius: 6px;
margin-top: 12px!important;
}
body#layout .draggable-widget .widget-wrap2 {
background-color: #757575;
}
body#layout .add_widget a, body#layout .add_widget a:visited {
color: #5f5f5f;
}
body#layout .dr_active {
margin-top: .1px!important;
border-radius: 6px;
}
body#layout .page {
display: flex;
align-items: start;
}
body#layout main {
width: 65%;
}
body#layout .sidebar {
width: 33%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.