SingularityGS: Why is the box-shadow missing at alpha and omega edges of of grid?
Using Singularitygs 1.3.0 together Drupal Omega 4
I have some blocks laid out in a grid, each of which has a box-shadow applied. For some reason the box-shadow effect does not display at alpha or omega edges, adjacent to the wrapping container. Please see pictiure below.
I get the desired effect in Sassmeister http://sassmeister.com/gist/fcd3a013ab50e62743a4 and I am puzzled why this is not working with my theme.
What am I doing wrong?
Probably because you've got overflow: hidden on the container.
@MrPaulDriver, the asker:
Thank you @lolmaus (once again). This turned out to be because I was using @include clearfix on the container. What was needed was @pie-clearfix. Documentation can be found here
http://compass-style.org/reference/compass/utilities/general/clearfix/
- Calculating using sass variables for properties with multiple values
- Vertical align in bootstrap table
- React Native Modal Transparent Not Working
- How to disable external CSS in browser for testing?
- How do I right align div elements?
- Html and css to add colorful codes
- How to insert a line break in ::before of an element using CSS and attr()
- Strange MUI Grid behavior when using spacing
- Background image in tailwindcss using dynamic url (React.js)
- how to get a full page web app even in safari?
- When hover over img, all other images blur using CSS :not(:hover)
- Bootstrap-Select : remove ugly focus border
- Pure CSS Continuous Horizontal Text Scroll Without Break
- Matter.js Mouse Controls Setup
- <li> style overrides css with flexslider
- How to change scrollbar when using Tailwind (next.js/react)
- How do you specify table padding in CSS? (table, not cell, padding )
- How to debug CSS?
- How do I create a css rule, to undo other background on a ::selection node
- Grid Styling - Overwrite style of ag-grid
- how to stop background-color: buttonface; on submit button?
- How (and why) to use CSS "display: table-cell"?
- How do I make a placeholder for a 'select' box?
- How to determine if CSS has been loaded?
- Why isn't my CSS animation-timeline: view() working?
- jQuery UI 1.10: dialog and zIndex option
- How can I move my hamburger menu to the top right?
- How to keep a HTML Submenu Opened When Clicking on Other
- How to implement a language selector via JS that overrides global CSS
- Why is Chrome rendering the Font in "extra light" and Safari not?