chore: run on styles

johnbister · Jul 11, 2020 · 2f3d8e2 · 2f3d8e2
1 parent 567ee44
commit 2f3d8e2
Show file tree

Hide file tree

Showing 52 changed files with 361 additions and 361 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,2 @@
+.cache/
+public/
diff --git a/lerna.json b/lerna.json
@@ -1,7 +1,5 @@
 {
-  "packages": [
-    "packages/*"
-  ],
+  "packages": ["packages/*"],
   "version": "1.25.1",
   "npmClient": "yarn",
   "useWorkspaces": true,

diff --git a/packages/example/src/gatsby-theme-carbon/templates/Homepage.module.scss b/packages/example/src/gatsby-theme-carbon/templates/Homepage.module.scss
@@ -1,5 +1,5 @@
 .callout-link {
-  @include carbon--type-style("body-long-02");
+  @include carbon--type-style('body-long-02');
   display: table-cell; // like display block, but the width fits to content rather than 100%
   position: relative;
   top: $spacing-06; //margin-top doesn't work on table-cell, and padding-top looks weird on focus

diff --git a/packages/gatsby-theme-carbon/src/components/Accordion/Accordion.module.scss b/packages/gatsby-theme-carbon/src/components/Accordion/Accordion.module.scss
@@ -8,10 +8,10 @@
 }
 
 .accordion :global(.bx--accordion__title) {
-  @include carbon--type-style("heading-02");
+  @include carbon--type-style('heading-02');
   padding-right: $spacing-07;
 }
 
 .accordion :global(.bx--accordion__content) p {
-  @include carbon--type-style("body-long-02");
+  @include carbon--type-style('body-long-02');
 }
diff --git a/packages/gatsby-theme-carbon/src/components/AnchorLinks/AnchorLinks.module.scss b/packages/gatsby-theme-carbon/src/components/AnchorLinks/AnchorLinks.module.scss
@@ -2,7 +2,7 @@
   width: 100%;
   --space: 32px;
 
-  @include carbon--breakpoint("lg") {
+  @include carbon--breakpoint('lg') {
     width: 66.67%;
   }
 }
@@ -12,7 +12,7 @@
 }
 
 .link {
-  @include carbon--type-style("expressive-heading-03", true);
+  @include carbon--type-style('expressive-heading-03', true);
   position: relative;
   display: inline-block;
   transition: color $transition--base;
@@ -30,7 +30,7 @@
   }
 
   &:before {
-    content: "\21B3"; //"↳"
+    content: '\21B3'; //"↳"
     position: absolute;
     left: -$spacing-06;
     color: $interactive-02;
@@ -40,12 +40,12 @@
 }
 
 .list--small .link {
-  @include carbon--type-style("body-long-02");
+  @include carbon--type-style('body-long-02');
   margin-bottom: 0;
 }
 
 .list-item {
-  @include carbon--type-style("expressive-heading-03", true);
+  @include carbon--type-style('expressive-heading-03', true);
   width: auto;
   list-style: none;
   padding-left: 0;
@@ -60,7 +60,7 @@
 
 // Multiple Columns
 .multiple-columns {
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     column-count: 2;
   }
 }

diff --git a/packages/gatsby-theme-carbon/src/components/ArticleCard/article-card.scss b/packages/gatsby-theme-carbon/src/components/ArticleCard/article-card.scss
@@ -16,13 +16,13 @@
 }
 
 .#{$prefix}--article-card__title {
-  @include carbon--type-style("productive-heading-03");
+  @include carbon--type-style('productive-heading-03');
   text-decoration: none;
   color: $text-01;
 }
 
 .#{$prefix}--article-card__subtitle {
-  @include carbon--type-style("heading-01");
+  @include carbon--type-style('heading-01');
   font-weight: 400;
   text-decoration: none;
   color: $text-01;
@@ -37,7 +37,7 @@
 }
 
 .#{$prefix}--article-card__info p {
-  @include carbon--type-style("caption-01");
+  @include carbon--type-style('caption-01');
 }
 
 .#{$prefix}--article-card__img .gatsby-resp-image-wrapper {

diff --git a/packages/gatsby-theme-carbon/src/components/Aside/Aside.module.scss b/packages/gatsby-theme-carbon/src/components/Aside/Aside.module.scss
@@ -1,21 +1,21 @@
 .aside {
-  @include carbon--type-style("body-long-01");
+  @include carbon--type-style('body-long-01');
   position: relative;
   padding-top: $spacing-04;
   top: -$spacing-04;
   display: none;
 
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     display: block;
   }
 
-  @include carbon--breakpoint("lg") {
+  @include carbon--breakpoint('lg') {
     padding-right: 26%; //spacing values came from IDL site design
   }
 }
 
 .aside:before {
-  content: "";
+  content: '';
   position: absolute;
   top: 0;
   left: -1rem;
@@ -25,7 +25,7 @@
 }
 
 :global(.#{$prefix}--row) .aside p {
-  @include carbon--type-style("body-long-01");
+  @include carbon--type-style('body-long-01');
   width: 100%;
   padding-right: 0;
 }

diff --git a/packages/gatsby-theme-carbon/src/components/AutolinkHeader/AutolinkHeader.module.scss b/packages/gatsby-theme-carbon/src/components/AutolinkHeader/AutolinkHeader.module.scss
@@ -24,7 +24,7 @@
   }
 }
 
-@include carbon--breakpoint("md") {
+@include carbon--breakpoint('md') {
   .header:hover .anchor {
     opacity: 1;
   }

diff --git a/packages/gatsby-theme-carbon/src/components/BackToTopBtn/BackToTopBtn.module.scss b/packages/gatsby-theme-carbon/src/components/BackToTopBtn/BackToTopBtn.module.scss
@@ -10,7 +10,7 @@
   transition: all $duration--fast-02;
 
   cursor: pointer;
-  z-index: z("modal");
+  z-index: z('modal');
   padding-top: 0.325rem;
 }
 

diff --git a/packages/gatsby-theme-carbon/src/components/Caption/Caption.module.scss b/packages/gatsby-theme-carbon/src/components/Caption/Caption.module.scss
@@ -1,17 +1,17 @@
 .caption {
-  @include carbon--type-style("body-short-01");
+  @include carbon--type-style('body-short-01');
   --space: #{$spacing-05};
 }
 
 // Responsive by default
 .caption-responsive {
   // 6/8 columns
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     width: 75%;
   }
 
   // 6/12 columns wide
-  @include carbon--breakpoint("lg") {
+  @include carbon--breakpoint('lg') {
     width: 50%;
   }
 }

diff --git a/packages/gatsby-theme-carbon/src/components/Code/Code.module.scss b/packages/gatsby-theme-carbon/src/components/Code/Code.module.scss
@@ -1,13 +1,13 @@
 :global {
   code {
-    font-family: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono",
-      "Bitstream Vera Sans Mono", Courier, monospace;
+    font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono',
+      'Bitstream Vera Sans Mono', Courier, monospace;
   }
 
   p > code,
   li > code,
   td > code {
-    @include carbon--type-style("code-01");
+    @include carbon--type-style('code-01');
     position: relative;
     display: inline;
     padding: 0 0.5em;
@@ -30,12 +30,12 @@
 
 .row {
   position: relative;
-  font-family: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono",
-    "Bitstream Vera Sans Mono", Courier, monospace;
+  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono',
+    'Bitstream Vera Sans Mono', Courier, monospace;
   color: $inverse-01;
-  @include carbon--type-style("code-02");
+  @include carbon--type-style('code-02');
   width: calc(100% + 2rem);
-  @include carbon--breakpoint("lg") {
+  @include carbon--breakpoint('lg') {
     width: calc(67% + 1rem);
   }
 }
@@ -75,7 +75,7 @@
   }
   &::before,
   &::after {
-    z-index: z("floating");
+    z-index: z('floating');
   }
 }
 
@@ -98,8 +98,8 @@
 }
 
 .show-more-button {
-  @include carbon--type-style("body-short-01");
-  font-family: "IBM Plex Sans VF", sans-serif;
+  @include carbon--type-style('body-short-01');
+  font-family: 'IBM Plex Sans VF', sans-serif;
   position: absolute;
   right: $spacing-03;
   bottom: $spacing-03;

diff --git a/packages/gatsby-theme-carbon/src/components/DoDontExample/do-dont-example.scss b/packages/gatsby-theme-carbon/src/components/DoDontExample/do-dont-example.scss
@@ -64,7 +64,7 @@
 }
 
 .#{$prefix}--example-card::before {
-  content: "";
+  content: '';
   position: absolute;
   left: 0;
   top: -1px;
@@ -99,45 +99,45 @@
   fill: $carbon--red-60;
 }
 
-.#{$prefix}--example__icon path[dataIconPath="inner-path"],
-.#{$prefix}--example__icon path[data-icon-path="inner-path"] {
+.#{$prefix}--example__icon path[dataIconPath='inner-path'],
+.#{$prefix}--example__icon path[data-icon-path='inner-path'] {
   fill: $carbon--white-0;
   opacity: 1;
 }
 
 .#{$prefix}--example__caption {
   padding: $spacing-05 0 0 0;
-  @include carbon--breakpoint("sm") {
+  @include carbon--breakpoint('sm') {
     width: 100%;
   }
 
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     width: 75%;
   }
 }
 
 .#{$prefix}--example__title {
-  @include carbon--type-style("body-short-01");
+  @include carbon--type-style('body-short-01');
   font-weight: 600;
   margin: 0;
 
   @media (orientation: landscape) {
     padding: 0 25% 0 0;
   }
 
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     padding: 0 25% 0 0;
   }
 }
 
 .#{$prefix}--example__description {
-  @include carbon--type-style("body-short-01");
+  @include carbon--type-style('body-short-01');
   margin: 0;
   padding: 0;
 }
 
 .#{$prefix}--col-lg-4 .#{$prefix}--example__caption {
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     width: 100%;
   }
 }
@@ -148,6 +148,6 @@
 }
 
 //Video
-.#{$prefix}--example [class^="Video-module--video-container"] {
+.#{$prefix}--example [class^='Video-module--video-container'] {
   margin-bottom: 0;
 }
diff --git a/packages/gatsby-theme-carbon/src/components/DoDontRow/DoDontRow.module.scss b/packages/gatsby-theme-carbon/src/components/DoDontRow/DoDontRow.module.scss
@@ -3,14 +3,14 @@
 //---------------------------------------
 .do-dont-row + .do-dont-row {
   --space: 0;
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     --space: 2rem;
   }
 }
 
-.do-dont-row [class*="--col"] {
+.do-dont-row [class*='--col'] {
   margin-top: 2rem;
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     margin-top: 0;
   }
 }
@@ -20,37 +20,37 @@
 //---------------------------------------
 .caption {
   padding: $spacing-05 0 0 0;
-  @include carbon--breakpoint("sm") {
+  @include carbon--breakpoint('sm') {
     width: 100%;
   }
 
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     width: 75%;
   }
 }
 
 .title {
-  @include carbon--type-style("body-short-01");
+  @include carbon--type-style('body-short-01');
   font-weight: 600;
   margin: 0;
 
   @media (orientation: landscape) {
     padding: 0 25% 0 0;
   }
 
-  @include carbon--breakpoint("md") {
+  @include carbon--breakpoint('md') {
     padding: 0 25% 0 0;
   }
 }
 
 .description {
-  @include carbon--type-style("body-short-01");
+  @include carbon--type-style('body-short-01');
   margin: 0;
   padding: 0;
 }
 
-[class*="--col"] .caption {
-  @include carbon--breakpoint("md") {
+[class*='--col'] .caption {
+  @include carbon--breakpoint('md') {
     width: 100%;
   }
 }
@@ -76,8 +76,8 @@
   fill: $carbon--red-60;
 }
 
-.icon path[dataIconPath="inner-path"],
-.icon path[data-icon-path="inner-path"] {
+.icon path[dataIconPath='inner-path'],
+.icon path[data-icon-path='inner-path'] {
   fill: $carbon--white-0;
   opacity: 1;
 }
@@ -108,7 +108,7 @@
 }
 
 .card::before {
-  content: "";
+  content: '';
   position: absolute;
   left: 0;
   top: -1px;
@@ -184,6 +184,6 @@
 //---------------------------------------
 // Video
 //---------------------------------------
-.example [class^="Video-module--video-container"] {
+.example [class^='Video-module--video-container'] {
   margin-bottom: 0;
 }