From fa52586a3fba954d037abdbc534c45e90f86f142 Mon Sep 17 00:00:00 2001 From: Michael Foiani Date: Thu, 26 Jul 2018 21:22:16 -0400 Subject: Added styling for the national and state competitions. Also, changes some other small things with mao-competitions. --- src/components/mao-competitions.js | 70 +++++++++++++++++++++++++++++++++++--- 1 file changed, 65 insertions(+), 5 deletions(-) (limited to 'src') diff --git a/src/components/mao-competitions.js b/src/components/mao-competitions.js index 42a90b4..6a5ae44 100644 --- a/src/components/mao-competitions.js +++ b/src/components/mao-competitions.js @@ -92,6 +92,26 @@ class MaoCompetitions extends connect(store)(PageViewElement) { grid-area: title; } + section > paper-card { + margin-left: auto; + margin-right: auto; + display: block; + + --paper-card-header-text: { + color: #FFFFFF; + font-size: 24px; + font-weight: bold; + } + } + + .national-comp-card { + --paper-card-background-color: #f3e5f5; + } + + .states-comp-card { + --paper-card-background-color: #fff8e1; + } + paper-button.info { @@ -114,17 +134,56 @@ class MaoCompetitions extends connect(store)(PageViewElement) { "title title title" "comp1 comp2 comp3"; } + + section > paper-card { + --paper-card-header-text: { + color: #FFFFFF; + font-size: 38px; + font-weight: bolder; + } + } } -
+
+ + +
+

Nationals

+

This competition includes schools from many different states. + filler filler filler filler filler filler filler filler filler

+
+ +
+ Registry Not Available +
+ + -

Nationals

-

Grids are becoming a huge part of website design. So, it is neccessary that we recap over them.

+
-

Welcome ${props.authMessage}

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac nisi orci. Maecenas sollicitudin diam in diam efficitur cursus. Morbi sollicitudin in justo tincidunt placerat. Integer tincidunt elementum nisi, eu ornare dolor lacinia eget. Fusce pulvinar massa eget odio placerat, commodo molestie ipsum tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse porttitor id purus eu cursus. Suspendisse arcu nulla, mattis vel hendrerit et, malesuada a elit. Nam at diam ornare, aliquet est sed, malesuada metus. Cras nec enim vel nibh tincidunt euismod ut et enim. Etiam pharetra eros in sodales iaculis. Duis sagittis urna et cursus mollis. Cras tempor rutrum est. Praesent sollicitudin ligula at laoreet placerat. Praesent tortor dui, semper in sapien non, pharetra luctus turpis.

+ + +
+

States

+

This competition includes schools from many different regions in Florida. + filler filler filler filler filler filler filler filler filler

+
+ +
+ Registry Not Available +
+ +
@@ -191,6 +250,7 @@ class MaoCompetitions extends connect(store)(PageViewElement) {

FML

-- cgit v1.2.3-70-g09d2