danog/sass-site
1
0
Fork 0
mirror of https://github.com/danog/sass-site.git synced 2024-11-30 04:29:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

lint

Browse Source
This commit is contained in:
Jonny Gerig Meyer 2023-01-12 14:54:24 -05:00
parent a9e42420bb
commit 2024442f31
No known key found for this signature in database
GPG Key ID: FB602F738A872F7F
20 changed files with 61 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/assets/sass/_breakpoints.scss
View File

@ -1,4 +1,4 @@
@use "functions";
@use 'functions';
$sl-breakpoint--small: 480px !default;
$sl-breakpoint--medium: 640px !default;

2
source/assets/sass/_functions.scss
View File

@ -1,4 +1,4 @@
@use "sass:math";
@use 'sass:math';
@function sl-px-to-rem($pixels, $font-size: 16px) {
@return (math.div($pixels, $font-size) * 1rem);

8
source/assets/sass/components/_alerts.scss
View File

@ -1,7 +1,7 @@
@use "sass:color";
@use "../functions";
@use "../visual-design/theme";
@use "../visual-design/typography";
@use 'sass:color';
@use '../functions';
@use '../visual-design/theme';
@use '../visual-design/typography';
.sl-c-alert {
padding: {

2
source/assets/sass/components/_attribution.scss
View File

@ -1,4 +1,4 @@
@use "../visual-design/typography";
@use '../visual-design/typography';
.sl-c-attribution {
font-weight: typography.$sl-font-weight--light;

14
source/assets/sass/components/_buttons.scss
View File

@ -1,6 +1,6 @@
@use "sass:color";
@use "../functions";
@use "../visual-design/theme";
@use 'sass:color';
@use '../functions';
@use '../visual-design/theme';
.sl-c-button {
display: inline-flex;
@ -8,7 +8,8 @@
justify-content: center;
margin: 0;
border: 0 {
radius: functions.sl-px-to-rem(4px); /* stylelint-disable-line property-no-unknown */
/* stylelint-disable-next-line property-no-unknown */
radius: functions.sl-px-to-rem(4px);
}
padding: functions.sl-px-to-rem(12px) functions.sl-px-to-rem(16px);
background: theme.$sl-color--iron;
@ -37,7 +38,10 @@
&:hover,
&:focus {
background-color: color.adjust(theme.$sl-color--bouquet, $lightness: -10%);
background-color: color.adjust(
theme.$sl-color--bouquet,
$lightness: -10%
);
}
&:active {

6
source/assets/sass/components/_callouts.scss
View File

@ -1,6 +1,6 @@
@use "sass:color";
@use "../breakpoints";
@use "../visual-design/theme";
@use 'sass:color';
@use '../breakpoints';
@use '../visual-design/theme';
.sl-c-callout {
margin: 1.5rem 0;

4
source/assets/sass/components/_inputs.scss
View File

@ -1,5 +1,5 @@
@use "../breakpoints";
@use "../visual-design/theme";
@use '../breakpoints';
@use '../visual-design/theme';
input {
display: block;

6
source/assets/sass/components/_introduction.scss
View File

@ -1,6 +1,6 @@
@use "../breakpoints";
@use "../visual-design/theme";
@use "../visual-design/typography";
@use '../breakpoints';
@use '../visual-design/theme';
@use '../visual-design/typography';
.sl-c-introduction {
color: theme.$sl-color--patina;

2
source/assets/sass/components/_link-header.scss
View File

@ -1,4 +1,4 @@
@use "../visual-design/theme";
@use '../visual-design/theme';
h1,
h2,

8
source/assets/sass/components/_lists.scss
View File

@ -1,7 +1,7 @@
@use "sass:color";
@use "../breakpoints";
@use "../visual-design/theme";
@use "../visual-design/typography";
@use 'sass:color';
@use '../breakpoints';
@use '../visual-design/theme';
@use '../visual-design/typography';
.sl-c-list {
&,

4
source/assets/sass/components/_navigation.scss
View File

@ -1,5 +1,5 @@
@use "../breakpoints";
@use "../visual-design/theme";
@use '../breakpoints';
@use '../visual-design/theme';
.sl-l-medium-holy-grail__body.sl-js-nav--is-sticky
.sl-c-list-navigation-wrapper {

17
source/assets/sass/components/_pop-stripe.scss
View File

@ -1,13 +1,14 @@
@use "sass:math";
@use 'sass:math';
@use "sass:list";
@use "sass:meta";
@use "../functions";
@use "../visual-design/theme";
@use 'sass:list';
@use 'sass:meta';
@use '../functions';
@use '../visual-design/theme';
$sl-colors: theme.$sl-color--hopbush theme.$sl-color--bouquet theme.$sl-color--venus
theme.$sl-color--patina theme.$sl-color--nebula theme.$sl-color--white theme.$sl-color--dawn-pink
theme.$sl-color--wafer theme.$sl-color--iron theme.$sl-color--regent-grey theme.$sl-color--pale-sky
$sl-colors: theme.$sl-color--hopbush theme.$sl-color--bouquet
theme.$sl-color--venus theme.$sl-color--patina theme.$sl-color--nebula
theme.$sl-color--white theme.$sl-color--dawn-pink theme.$sl-color--wafer
theme.$sl-color--iron theme.$sl-color--regent-grey theme.$sl-color--pale-sky
theme.$sl-color--midnight-blue;
@function stripes($position, $sl-colors) {

6
source/assets/sass/components/_sass-syntax-switcher.scss
View File

@ -1,6 +1,6 @@
@use "../functions";
@use "../visual-design/theme";
@use "../visual-design/typography";
@use '../functions';
@use '../visual-design/theme';
@use '../visual-design/typography';
.ui-helper-reset {
line-height: inherit;

2
source/assets/sass/components/_tables.scss
View File

@ -1,4 +1,4 @@
@use "../breakpoints";
@use '../breakpoints';
$table-cell-padding: 1rem * 0.5;

4
source/assets/sass/layout/_containers.scss
View File

@ -1,5 +1,5 @@
@use "../breakpoints";
@use "../functions";
@use '../breakpoints';
@use '../functions';
.sl-l-container {
margin: {

6
source/assets/sass/layout/_grid-system.scss
View File

@ -1,7 +1,7 @@
@use "sass:math";
@use 'sass:math';
@use "../breakpoints";
@use "../functions";
@use '../breakpoints';
@use '../functions';
.sl-l-grid {
&,

4
source/assets/sass/layout/_holy-grail.scss
View File

@ -1,5 +1,5 @@
@use "../breakpoints";
@use "../functions";
@use '../breakpoints';
@use '../functions';
@each $breakpoint, $size in breakpoints.$sl-breakpoints {
$prefix: if(($breakpoint == 'none'), '', '#{$breakpoint}-');

6
source/assets/sass/regions/_banner.scss
View File

@ -1,6 +1,6 @@
@use "../breakpoints";
@use "../functions";
@use "../visual-design/typography";
@use '../breakpoints';
@use '../functions';
@use '../visual-design/typography';
.sl-r-banner {
position: relative;

8
source/assets/sass/visual-design/_theme.scss
View File

@ -1,8 +1,8 @@
@use "sass:math";
@use 'sass:math';
@use "sass:color";
@use "sass:list";
@use "../functions";
@use 'sass:color';
@use 'sass:list';
@use '../functions';
$sl-color--hopbush: #c69 !default;
$sl-color--bouquet: #b37399 !default;

6
source/assets/sass/visual-design/_typography.scss
View File

@ -1,7 +1,7 @@
@use "sass:math";
@use 'sass:math';
@use "../breakpoints";
@use "../functions";
@use '../breakpoints';
@use '../functions';
$sl-font-weight--light: 300 !default;
$sl-font-weight--regular: 400 !default;