A few SCSS things to provide a Material-like starting point.
@include shadow-low
from the SCSS and a few additional styles.
accent-background
can have drastic effects.
primary-background
if you want. There is also text-secondary
or text-inverse
There are four levels of shadows to match the Material layout.
shadow-high
shadow-middle
shadow-low
+
shadow-float (and accent-background)
Amet libero possimus dolore corporis temporibus corrupti! Aliquam quisquam obcaecati quis links look like this and visited links look like this fugiat maxime doloribus perferendis minima illo provident. Amet strong text sit ea ducimus aliquam maiores emphasized text repellat. Totam dolores cumque ipsam nihil ab! Velit necessitatibus dignissimos obcaecati eum sunt sequi incidunt!
Obcaecati architecto iusto repellat magnam porro fugiat! Modi blanditiis nostrum sequi aliquid impedit. Obcaecati sapiente molestias asperiores officia modi accusamus. Quibusdam distinctio placeat porro commodi fugit. Nulla quasi earum ab tempora eaque laboriosam aliquam consequatur debitis necessitatibus necessitatibus voluptatibus. Quidem tempora quod ratione ullam iste laudantium. Quo non unde beatae neque numquam repellendus! Hic corporis quas illo sed possimus consequuntur quia.
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet K, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE
Elit dicta dolorem quaerat dolores eaque quibusdam fuga atque pariatur aliquam hic! Necessitatibus voluptatum error numquam praesentium ea. Non autem ratione earum voluptatibus quas magni ducimus quas. Sit quis harum architecto laudantium illum. Dolore id K veritatis neque ipsam aliquid iusto quae neque accusamus ullam expedita quisquam maiores itaque! Similique.
"This stylesheet is going to help so freaking much."[top]
-Blockquote