diff --git a/.stylelintrc.js b/.stylelintrc.js index 021c539ad..b473e1239 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -2,4 +2,8 @@ module.exports = { extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'], + rules: { + // We use BEM naming conventions which aren't compatible with the kebap-case convention that stylelint-config-standard expects + 'selector-class-pattern': null, + }, }; diff --git a/app/components/cta-emberconf.hbs b/app/components/cta-emberconf.hbs index ec2e0d433..47009fd32 100644 --- a/app/components/cta-emberconf.hbs +++ b/app/components/cta-emberconf.hbs @@ -10,9 +10,7 @@ target="_blank" > diff --git a/app/components/ember-community-survey/introduction.hbs b/app/components/ember-community-survey/introduction.hbs index 3e844b14e..4ffe7271e 100644 --- a/app/components/ember-community-survey/introduction.hbs +++ b/app/components/ember-community-survey/introduction.hbs @@ -1,7 +1,7 @@ {{! template-lint-disable no-empty-headings }}
-

+

li { border: 1px solid rgba($black, 0.3); - background-image: url('/images/brand/brand-bg.png'); + background-image: url("/images/brand/brand-bg.png"); border-radius: 4px; padding: 1rem 1.5rem; } @@ -28,5 +28,5 @@ } .brand-logos > li:nth-child(3) { - background-color: rgba(199, 52, 31, 0.9); + background-color: rgb(199 52 31 / 90%); } diff --git a/app/styles/components/callout-banner.css b/app/styles/components/callout-banner.css index 285ae1d5c..a761284fe 100644 --- a/app/styles/components/callout-banner.css +++ b/app/styles/components/callout-banner.css @@ -23,7 +23,7 @@ } .callout-banner a + a::before { - content: ''; + content: ""; width: 3px; height: 3px; background: white; diff --git a/app/styles/components/community-trends.css b/app/styles/components/community-trends.css index 25f3cd42d..df990f5f9 100644 --- a/app/styles/components/community-trends.css +++ b/app/styles/components/community-trends.css @@ -7,7 +7,7 @@ max-width: 600px; } -@media (max-width: 1500px) { +@media (width <= 1500px) { .uwu-logo { transform: none; right: 0; @@ -15,7 +15,7 @@ } } -@media (max-width: 1000px) { +@media (width <= 1000px) { .uwu-logo { transform: none; right: unset; @@ -23,4 +23,3 @@ max-width: 200px; } } - diff --git a/app/styles/components/cta-emberconf.css b/app/styles/components/cta-emberconf.css index 816a2391f..ef94cb501 100644 --- a/app/styles/components/cta-emberconf.css +++ b/app/styles/components/cta-emberconf.css @@ -28,7 +28,7 @@ margin-top: 1rem; } -@media screen and (min-width: 450px) { +@media screen and (width >= 450px) { .emberconf-announcement { padding-top: 3rem; margin-top: -5rem; diff --git a/app/styles/components/ecosystem-icons.css b/app/styles/components/ecosystem-icons.css index cf72e9543..9407a7456 100644 --- a/app/styles/components/ecosystem-icons.css +++ b/app/styles/components/ecosystem-icons.css @@ -18,7 +18,7 @@ margin: auto; } -@media (max-width: 1007px) { +@media (width <= 1007px) { .ecosystem-icons { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); width: inherit; diff --git a/app/styles/components/homepage-hero-callout.css b/app/styles/components/homepage-hero-callout.css index e1a201403..2ee85ec5c 100644 --- a/app/styles/components/homepage-hero-callout.css +++ b/app/styles/components/homepage-hero-callout.css @@ -22,7 +22,7 @@ } .hero-callout-text > a:link { - color: #74B0CE; + color: #74b0ce; background: none; text-decoration: underline; } diff --git a/app/styles/components/homepage-image-grid.css b/app/styles/components/homepage-image-grid.css index 0c527c1c1..e0173fefc 100644 --- a/app/styles/components/homepage-image-grid.css +++ b/app/styles/components/homepage-image-grid.css @@ -28,13 +28,11 @@ } .homepage-image-grid__img-tall-bottom { - grid-row-start: 2; - grid-row-end: 5; + grid-row: 2 / 5; } .homepage-image-grid__img-tall-top { - grid-row-start: 1; - grid-row-end: 4; + grid-row: 1 / 4; } .homepage-image-grid__img-short { @@ -46,13 +44,13 @@ width: max-content; } -[class*=well-] img { - width: auto; -} - /* IN ht estyleguides */ img { max-width: 100%; height: auto; } + +[class*="well-"] img { + width: auto; +} diff --git a/app/styles/components/survey-section.css b/app/styles/components/survey-section.css index ba03e7322..a1627674f 100644 --- a/app/styles/components/survey-section.css +++ b/app/styles/components/survey-section.css @@ -9,10 +9,7 @@ align-items: flex-start; display: grid; grid-column-gap: 0.5rem; - grid-template-areas: - "hyperlink title"; - grid-template-columns: auto 1fr; - grid-template-rows: 1fr; + grid-template: "hyperlink title" 1fr / auto 1fr; } .survey-section__title-container__title { diff --git a/app/styles/components/surveys.css b/app/styles/components/surveys.css index fca4968c2..ead577f5c 100644 --- a/app/styles/components/surveys.css +++ b/app/styles/components/surveys.css @@ -3,7 +3,7 @@ height: 160px; } - /* TODO this could be better, probably */ +/* TODO this could be better, probably */ .survey-sponsor-link { background: transparent !important; } diff --git a/app/styles/components/terminal-code.css b/app/styles/components/terminal-code.css index 12d86a0a8..85766e11d 100644 --- a/app/styles/components/terminal-code.css +++ b/app/styles/components/terminal-code.css @@ -14,15 +14,15 @@ } .terminal-code .dot.red { - background-color: rgb(238, 90, 90); + background-color: rgb(238 90 90); } .terminal-code .dot.yellow { - background-color: rgb(250, 208, 109); + background-color: rgb(250 208 109); } .terminal-code .dot.green { - background-color: rgb(116, 173, 111); + background-color: rgb(116 173 111); } .terminal-code code { diff --git a/app/styles/legacy/form.css b/app/styles/legacy/form.css index a96c2657e..9eaeb1c03 100644 --- a/app/styles/legacy/form.css +++ b/app/styles/legacy/form.css @@ -1,10 +1,8 @@ -/* stylelint-disable alpha-value-notation, color-function-notation, media-feature-range-notation, prettier/prettier, selector-attribute-quotes */ - .tomster-form { margin-top: 1.5em; } -@media screen and (min-width: 0) and (max-width: 991px) { +@media screen and (width >= 0) and (width <= 991px) { .tomster-form { padding: 0.5em; } @@ -41,14 +39,14 @@ color: #c7341f; } -.tomster-form input[type=radio] { +.tomster-form input[type="radio"] { display: inline-block; margin-right: 20px; } -.tomster-form input[type=text], -.tomster-form input[type=email], -.tomster-form input[type=file], +.tomster-form input[type="text"], +.tomster-form input[type="email"], +.tomster-form input[type="file"], .tomster-form textarea { border: none; margin: 0; @@ -59,10 +57,10 @@ outline: 0; width: 100%; border-radius: 6px; - box-shadow: 0 1px #fdfdfd, inset -1px 1px 4px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px #fdfdfd, inset -1px 1px 4px rgb(0 0 0 / 10%); } -.tomster-form input[type=file] { +.tomster-form input[type="file"] { padding: 15px 10px; background-color: transparent; cursor: pointer; @@ -73,21 +71,21 @@ height: 100px; } -.tomster-form input[type=text]:focus, -.tomster-form input[type=email]:focus, -.tomster-form input[type=file]:focus, +.tomster-form input[type="text"]:focus, +.tomster-form input[type="email"]:focus, +.tomster-form input[type="file"]:focus, .tomster-form textarea:focus { border-color: #888; } -.tomster-form input[type=text].error, -.tomster-form input[type=email].error, -.tomster-form input[type=file].error, +.tomster-form input[type="text"].error, +.tomster-form input[type="email"].error, +.tomster-form input[type="file"].error, .tomster-form textarea.error { border-color: #c7341f; } -.tomster-form input[type=file]:focus { +.tomster-form input[type="file"]:focus { border-color: #ddd; } @@ -102,7 +100,7 @@ margin-top: 0.5em; } -@media screen and (min-width: 0) and (max-width: 991px) { +@media screen and (width >= 0) and (width <= 991px) { .tomster-form fieldset .choice { text-align: left; } @@ -121,7 +119,7 @@ width: calc(100% - 20px); } -.tomster-form input[type=submit] { +.tomster-form input[type="submit"] { margin-top: 2em; } @@ -131,7 +129,7 @@ line-height: 40px; } -.tomster-form .inline-field input[type=text] { +.tomster-form .inline-field input[type="text"] { width: auto; } diff --git a/app/templates/about/legal.hbs b/app/templates/about/legal.hbs index 0fd057dcd..597e3ad4e 100644 --- a/app/templates/about/legal.hbs +++ b/app/templates/about/legal.hbs @@ -33,7 +33,7 @@

- +

diff --git a/app/templates/community/index.hbs b/app/templates/community/index.hbs index f6f53a0cd..a78b64918 100644 --- a/app/templates/community/index.hbs +++ b/app/templates/community/index.hbs @@ -3,7 +3,7 @@

Get Involved: Join the Growing Ember.js Community

- +
@@ -51,7 +51,7 @@
- +

Something Fishy? Report it to the Team

@@ -79,7 +79,7 @@
- +

In a Giving Mood? Contribute to the Project

@@ -91,7 +91,7 @@

Feeling Lonely? Join a Meetup

- +

Joining an Ember.js meetup is a great way to learn more about Ember, meet other developers, find jobs, etc. Any and all things Ember and local.

@@ -102,7 +102,7 @@

Met The Mascots? You'll Love Them!

- +

Tomster and Zoey have been crafted with love, and are constantly getting makeovers. Events, User Groups, Countries—sky's the limit!

diff --git a/app/templates/community/meetups/assets.hbs b/app/templates/community/meetups/assets.hbs index 4d3478cfe..5ce804228 100644 --- a/app/templates/community/meetups/assets.hbs +++ b/app/templates/community/meetups/assets.hbs @@ -101,7 +101,7 @@
  • - +
    Ember Munich     @@ -110,7 +110,7 @@
  • - +
    Ember Austin     @@ -119,7 +119,7 @@
  • - +
    Ember Vancouver     diff --git a/app/templates/community/meetups/index.hbs b/app/templates/community/meetups/index.hbs index eeb978b7b..1c6903740 100644 --- a/app/templates/community/meetups/index.hbs +++ b/app/templates/community/meetups/index.hbs @@ -52,7 +52,7 @@
      {{#each area.meetups as |meetup|}}
    • - + {{meetup.location}}
      • {{/each}} @@ -64,7 +64,7 @@

      Start your own meetup

      - +

      Ready to start a Meetup in your area? Fantastic news—appreciate you stepping up! Running a solid meetup isn't all that complicated, but it can be intimidating:
      we'd love to help you ease into it. diff --git a/app/templates/editions/index.hbs b/app/templates/editions/index.hbs index 04cfd8c47..7e10610d0 100644 --- a/app/templates/editions/index.hbs +++ b/app/templates/editions/index.hbs @@ -23,7 +23,7 @@

    • - +
      Octane (March 2019)       @@ -31,7 +31,7 @@
    • - +
      Polaris       diff --git a/app/templates/index.hbs b/app/templates/index.hbs index 67d8beb63..92cae7cb9 100644 --- a/app/templates/index.hbs +++ b/app/templates/index.hbs @@ -44,7 +44,7 @@
    • - +

    Build pipeline

    @@ -53,7 +53,7 @@
    - +

    Routing

    @@ -62,7 +62,7 @@
    - +

    Data layer

    @@ -73,7 +73,7 @@
    - +

    Testing

    @@ -84,7 +84,7 @@
    - +

    Performance

    @@ -95,7 +95,7 @@
    - +

    Easy upgrades

    diff --git a/app/templates/learn/index.hbs b/app/templates/learn/index.hbs index 33af03bf8..c0f6c9f93 100644 --- a/app/templates/learn/index.hbs +++ b/app/templates/learn/index.hbs @@ -26,9 +26,7 @@
    diff --git a/app/templates/mascots/commission.hbs b/app/templates/mascots/commission.hbs index 626777848..c252db4e0 100644 --- a/app/templates/mascots/commission.hbs +++ b/app/templates/mascots/commission.hbs @@ -224,6 +224,6 @@
    - +
    \ No newline at end of file diff --git a/app/templates/mascots/payment.hbs b/app/templates/mascots/payment.hbs index 5976076c7..076d4c43d 100644 --- a/app/templates/mascots/payment.hbs +++ b/app/templates/mascots/payment.hbs @@ -308,6 +308,6 @@
    - +
    \ No newline at end of file diff --git a/app/templates/survey/2020.hbs b/app/templates/survey/2020.hbs index 8e841e13a..ff6b6c7f8 100644 --- a/app/templates/survey/2020.hbs +++ b/app/templates/survey/2020.hbs @@ -61,7 +61,7 @@

    - Ember is the anti-fatigue framework. It doesn’t pretend to be all things to all people. It acknowledges its flaws while also making clear the plan to address them. It details a clear roadmap for the future and delivers on it incrementally. Simply put, working with Ember makes me happy. + Ember is the anti-fatigue framework. It doesn’t pretend to be all things to all people. It acknowledges its flaws while also making clear the plan to address them. It details a clear roadmap for the future and delivers on it incrementally. Simply put, working with Ember makes me happy.