--- /dev/null
+///\r
+/// Massively by HTML5 UP\r
+/// html5up.net | @ajlkn\r
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
+///\r
+\r
+/* Footer */\r
+\r
+ #footer {\r
+ @include color(alt);\r
+ @include vendor('display', 'flex');\r
+ background-color: _palette(alt, bg);\r
+ color: _palette(fg-light);\r
+ cursor: default;\r
+ position: relative;\r
+ margin: 0 auto;\r
+ width: calc(100% - #{_size(padding) * 2});\r
+ max-width: _size(wrapper);\r
+ z-index: 2;\r
+\r
+ > section {\r
+ @include vendor('flex-basis', '50%');\r
+ @include vendor('flex-grow', '1');\r
+ @include vendor('flex-shrink', '1');\r
+ @include padding((_size(padding) * 2), (_size(padding) * 2));\r
+ border-left: solid 2px _palette(alt, border);\r
+\r
+ &:first-child {\r
+ border-left: 0;\r
+ }\r
+\r
+ &.split {\r
+ @include vendor('display', 'flex');\r
+ @include vendor('flex-direction', 'column');\r
+ padding: 0;\r
+\r
+ > section {\r
+ @include padding((_size(padding) * 2) - 1, (_size(padding) * 2));\r
+ border-top: solid 2px _palette(alt, border);\r
+\r
+ &:first-child {\r
+ @include padding((_size(padding) * 2) - 1, (_size(padding) * 2), (_size(padding), 0, 0, 0));\r
+ border-top: 0;\r
+ }\r
+\r
+ &:last-child {\r
+ @include padding((_size(padding) * 2) - 1, (_size(padding) * 2), (0, 0, _size(padding), 0));\r
+ }\r
+ }\r
+\r
+ &.contact {\r
+ > section {\r
+ @include vendor('display', 'flex');\r
+ @include vendor('align-items', 'center');\r
+ padding: (_size(padding) * 1.575) (_size(padding) * 2);\r
+\r
+ > * {\r
+ margin-bottom: 0;\r
+ }\r
+\r
+ > :first-child {\r
+ @include vendor('flex-shrink', '0');\r
+ @include vendor('flex-grow', '0');\r
+ width: 6rem;\r
+ }\r
+\r
+ > :last-child {\r
+ @include vendor('flex-shrink', '1');\r
+ @include vendor('flex-grow', '1');\r
+ }\r
+\r
+ &:first-child {\r
+ padding: (_size(padding) * 2) (_size(padding) * 2) ((_size(padding) * 2) - 1) (_size(padding) * 2);\r
+ }\r
+\r
+ &:last-child {\r
+ padding: ((_size(padding) * 2) - 1) (_size(padding) * 2) (_size(padding) * 2) (_size(padding) * 2);\r
+ }\r
+\r
+ &.alt {\r
+ @include vendor('align-items', 'flex-start');\r
+\r
+ > :last-child {\r
+ margin-top: -0.325rem;\r
+ }\r
+ }\r
+ }\r
+ }\r
+ }\r
+ }\r
+\r
+ form label,\r
+ h3,\r
+ p {\r
+ font-size: 0.8rem;\r
+ }\r
+\r
+ @include breakpoint('<=medium') {\r
+ display: block;\r
+\r
+ > section {\r
+ border-top: solid 2px _palette(alt, border);\r
+\r
+ &:first-child {\r
+ border-top: 0;\r
+ }\r
+\r
+ &.split {\r
+ > section {\r
+ @include padding((_size(padding) * 2), (_size(padding) * 2));\r
+\r
+ &:first-child {\r
+ @include padding((_size(padding) * 2), (_size(padding) * 2));\r
+ }\r
+\r
+ &:last-child {\r
+ @include padding((_size(padding) * 2), (_size(padding) * 2));\r
+ }\r
+ }\r
+\r
+ &.contact {\r
+ > section {\r
+ padding: (_size(padding) * 2);\r
+\r
+ &:first-child {\r
+ padding: (_size(padding) * 2);\r
+ }\r
+\r
+ &:last-child {\r
+ padding: (_size(padding) * 2);\r
+ }\r
+ }\r
+ }\r
+ }\r
+ }\r
+\r
+ form label,\r
+ h3,\r
+ p {\r
+ font-size: 0.9rem;\r
+ }\r
+ }\r
+\r
+ @include breakpoint('<=small') {\r
+ > section {\r
+ @include padding((_size(padding) * 1), (_size(padding) * 1));\r
+\r
+ &.split {\r
+ > section {\r
+ @include padding((_size(padding) * 1), (_size(padding) * 1));\r
+\r
+ &:first-child {\r
+ @include padding((_size(padding) * 1), (_size(padding) * 1));\r
+ }\r
+\r
+ &:last-child {\r
+ @include padding((_size(padding) * 1), (_size(padding) * 1));\r
+ }\r
+ }\r
+\r
+ &.contact {\r
+ > section {\r
+ padding: (_size(padding) * 1);\r
+\r
+ &:first-child {\r
+ padding: (_size(padding) * 1);\r
+ }\r
+\r
+ &:last-child {\r
+ padding: (_size(padding) * 1);\r
+ }\r
+ }\r
+ }\r
+ }\r
+ }\r
+ }\r
+\r
+ @include breakpoint('<=xsmall') {\r
+ width: 100%;\r
+ }\r
+ }\r
+\r
+ #copyright {\r
+ @include color-typography(invert);\r
+ position: relative;\r
+ color: transparentize(_palette(invert, fg), 0.75);\r
+ cursor: default;\r
+ font-family: _font(family-heading);\r
+ font-size: 0.8rem;\r
+ font-weight: _font(weight-heading);\r
+ letter-spacing: 0.075em;\r
+ line-height: 1.5;\r
+ text-align: center;\r
+ text-transform: uppercase;\r
+ margin: (_size(padding) * 2) auto (_size(padding) * 4) auto;\r
+ width: calc(100% - #{_size(padding) * 2});\r
+ max-width: _size(wrapper);\r
+ z-index: 2;\r
+\r
+ a {\r
+ color: inherit;\r
+ border-bottom-color: inherit;\r
+ }\r
+\r
+ ul {\r
+ list-style: none;\r
+ margin: 0;\r
+ padding-left: 0;\r
+\r
+ li {\r
+ border-left: solid 2px;\r
+ display: inline-block;\r
+ line-height: 1;\r
+ margin-left: 1rem;\r
+ padding-left: 1rem;\r
+\r
+ &:first-child {\r
+ border-left: 0;\r
+ margin-left: 0;\r
+ padding-left: 0;\r
+ }\r
+ }\r
+ }\r
+\r
+ @include breakpoint('<=large') {\r
+ margin: (_size(padding) * 2) auto;\r
+ }\r
+\r
+ @include breakpoint('<=xsmall') {\r
+ ul {\r
+ li {\r
+ border-left: 0;\r
+ margin: 1rem 0 0 0;\r
+ padding-left: 0;\r
+ display: block;\r
+\r
+ &:first-child {\r
+ margin-top: 0;\r
+ }\r
+ }\r
+ }\r
+ }\r
+ }
\ No newline at end of file
projects / editorial.git / blobdiff