Search
Remove advanced settings from detail element
Remove border and Advanced title so it looks like the other columns.
Ajax loader size/position
Sites with Ajax Loader module.
Contextual links in layout builder
Views UI dialog
Sites without Ajax Loader
Views add button
Long links expand layout on iPhone/iOS
Views settings appear overridden
These settings have .label, which causes italics.
Questions
How should we build a theme for a new Drupal site?
Drupal core now has a Starter Kit that replaces Classy. This will copy some classy-esque styles and templates to set you up with some defaults, fixes, and BEM structure. The new theme is based on Stable,…
Forms
Normalize.css
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}https://developer.mozilla.org/en-US/docs/Learn/Forms/Styling_web_forms
Form.css
button, input, optgroup, select,…
Typography
typography.css
Font
body {
font-family: sans-serif;
line-height: 1.5;
}TODO
Use fonts that users will have on their computer to avoid external dependencies.
https://systemfontstack.com/
https://modernfontstacks.com/
Site name
Mantra Theme
.…
Layout
layout.css
Page Width
Page width can be set in theme settings.
Small - 36rem
Medium - 48rem
Large - 64rem
Admin pages are 72rem.
.layout-container {
max-width: 64rem;
margin: auto;
}Container overflow
Prevent overflow of content.
https://codepen.io/…
Fields
Fields are rendered on content displays (nodes, blocks, users, etc).
.field {
margin-bottom: 1rem;
}<div class="field field--name-field-frequency field--type-entity-reference field--label-above">
<div class="field__label">…
Modals
Primary usage is in admin screens.
Media library via ckeditor.
Views config.
Issues
Dialog scrolls to first tabbable buttons (media type menu gets cut off).