From 13704d4736329383e536ebe40345afe456d956ec Mon Sep 17 00:00:00 2001 From: Brian Lewis Date: Thu, 24 May 2018 16:50:00 -0500 Subject: [PATCH 1/3] Cleaned up base pl styles. --- components/_patterns/00-base/_mixins.scss | 93 - .../00-base/global/01-colors/colors.twig | 2 +- .../global/02-animations/_animation.scss | 13 - .../00-base/global/animations/_animation.scss | 22 + .../animations.twig | 0 .../{ => global/base}/_01-variables.scss | 0 .../base/_02-breakpoints.scss} | 18 +- .../00-base/global/base/_03-mixins.scss | 50 + .../00-base/global/base/_04-base.scss | 5 + .../00-base/global/base/_pl-base.scss | 82 + .../01-atoms/02-text/text/_text.scss | 6 +- .../_patterns/01-atoms/03-lists/_lists.scss | 8 + .../01-atoms/04-images/icons/icons.scss | 9 + components/css/README.md | 1 - components/css/pattern-scaffolding.css | 63 - composer.lock | 3009 +++++++++++++++++ yarn.lock | 253 +- 17 files changed, 3417 insertions(+), 217 deletions(-) delete mode 100644 components/_patterns/00-base/_mixins.scss delete mode 100644 components/_patterns/00-base/global/02-animations/_animation.scss create mode 100644 components/_patterns/00-base/global/animations/_animation.scss rename components/_patterns/00-base/global/{02-animations => animations}/animations.twig (100%) rename components/_patterns/00-base/{ => global/base}/_01-variables.scss (100%) rename components/_patterns/00-base/{_breakpoints.scss => global/base/_02-breakpoints.scss} (70%) create mode 100644 components/_patterns/00-base/global/base/_03-mixins.scss create mode 100644 components/_patterns/00-base/global/base/_04-base.scss create mode 100644 components/_patterns/00-base/global/base/_pl-base.scss create mode 100644 components/_patterns/01-atoms/04-images/icons/icons.scss delete mode 100644 components/css/README.md delete mode 100644 components/css/pattern-scaffolding.css create mode 100644 composer.lock diff --git a/components/_patterns/00-base/_mixins.scss b/components/_patterns/00-base/_mixins.scss deleted file mode 100644 index 82b33e4b..00000000 --- a/components/_patterns/00-base/_mixins.scss +++ /dev/null @@ -1,93 +0,0 @@ -///////////////////// -// General Mixins (put specific ones in component files where applicable) - -/// Mixin - Clearfix. -/// Adds clearfix based on http://bourbon.io/docs/#clearfix -/// use example = @include cleafix - -@mixin clearfix { - &::after { - clear: both; - content: ""; - display: table; - } -} - -/// Mixin - list-reset -/// Reset list item defaults when no margin, padding, list styles needed -@mixin list-reset { - list-style: none; - margin: 0; - padding: 0; -} - -/// Mixin - With Icon -/// Precede Text with SVG icon -@mixin with-icon { - background-size: cover; - content: ""; - display: inline-block; - margin-right: 0.1em; - padding: 0.8em; -} - -/// Mixin - Wrapper -/// Outer container mixin for large screens -@mixin wrapper { - margin: 0 auto; - max-width: $max-width; - - @include clearfix; -} - -/// Mixin - More Link -/// Used in a number of views -@mixin more-link { - a { - font-size: 0.9rem; - font-weight: 600; - text-decoration: none; - - &::before { - content: "»"; - font-size: 1.2rem; - margin-right: 0.2em; - } - } -} - -/// Mixin - Back Link -/// Used in a number of views -@mixin back-link { - display: block; - font-size: 0.9rem; - font-weight: 600; - text-decoration: none; - - &::before { - content: "«"; - font-size: 1.2rem; - margin-right: 0.2em; - } -} - -/// Mixin - Body Copy -@mixin body-copy { - font-family: $font-body; - font-size: 0.9rem; - line-height: 1.6em; -} - -/// Mixin - Transition -@mixin transition($transition-property, $transition-time, $method) { - -webkit-transition: $transition-property $transition-time $method; - -moz-transition: $transition-property $transition-time $method; - -ms-transition: $transition-property $transition-time $method; - -o-transition: $transition-property $transition-time $method; - transition: $transition-property $transition-time $method; -} - -/// Mixin - Standard Margin -@mixin margin { - margin-bottom: 1em; -} diff --git a/components/_patterns/00-base/global/01-colors/colors.twig b/components/_patterns/00-base/global/01-colors/colors.twig index 216227ad..a61f29b2 100644 --- a/components/_patterns/00-base/global/01-colors/colors.twig +++ b/components/_patterns/00-base/global/01-colors/colors.twig @@ -1,7 +1,7 @@