Skip to content

Commit

Permalink
refactor(icons): extracted icons mixin related files #526
Browse files Browse the repository at this point in the history
  • Loading branch information
@mfranzke
mfranzke committed Aug 1, 2023
1 parent 0f2cfb3 commit f2eda31
Show file tree
Hide file tree
Showing 29 changed files with 18 additions and 28 deletions.
4 changes: 4 additions & 0 deletions source/_patterns/00-base/icons/_icon.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
// This file is meant to get included within internal or even imported externally in case of that somebody wants to use the icon mixin
@import "icons.variables";
@import "icons.helpers";
@import "icons.placeholder";
2 changes: 0 additions & 2 deletions source/_patterns/01-elements/buttons/_button.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";

// We want to set the alpha value and that for need the long form hex code
// stylelint-disable color-hex-length
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/01-elements/buttons/button.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
@charset "utf-8";

@import "../../00-base/icons/icon";
@import "button.variables";

.elm-button {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/01-elements/checkbox/_checkbox.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";
@import "../../00-base/colors/colors.variables";

$checkbox---backgroundColor: rgba(255, 255, 255, 0.1) !default;
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/01-elements/checkbox/checkbox.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@charset "utf-8";

@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "checkbox.variables";

.elm-checkbox {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/01-elements/link/_link.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import "../../00-base/icons/icons.variables";
@import "../../00-base/colors/colors.variables";
@import "../../00-base/icons/icons.helpers";

$link--disabled-opacity: 0.4 !default;
$link-reaMain--color: $db-color-cyan-600 !default;
1 change: 1 addition & 0 deletions source/_patterns/01-elements/link/link.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "link.variables";

.elm-link {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/accordion/_accordion.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";

$accordion---paddingLeft: 46 !default;
$accordion---paddingRight: to-rem(
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/02-components/accordion/accordion.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "accordion.variables";

.cmp-accordion {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/breadcrumb/_breadcrumb.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
@import "../../00-base/icons/icons.helpers";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/colors/colors.variables";

$breadcrumb-divider--icon: "chevron-right" !default;
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/02-components/breadcrumb/breadcrumb.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "breadcrumb.variables";

.cmp-breadcrumb {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/dialog/_dialog.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";

$dialog-backdrop--backgroundColor: rgba(0, 0, 0, 0.9) !default;
1 change: 1 addition & 0 deletions source/_patterns/02-components/dialog/dialog.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "dialog.variables";

.cmp-dialog {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/dropdown/_dropdown.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";
1 change: 1 addition & 0 deletions source/_patterns/02-components/dropdown/dropdown.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "../overflow-menu/overflow-menu";
@import "dropdown.variables";

Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/language-switcher/_language-switcher.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.helpers";
@import "../../00-base/icons/icons.variables";
1 change: 1 addition & 0 deletions source/_patterns/02-components/language-switcher/language-switcher.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "language-switcher.variables";

.cmp-language-switcher {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/link-list/_link-list.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";
1 change: 1 addition & 0 deletions source/_patterns/02-components/link-list/link-list.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "link-list.variables";

.cmp-link-list {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/mainnavigation/_mainnavigation.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";

$header-big-link-paddingTop: 32 * 0.0625 !default;
$header---backgroundColor: #fdfdfd !default; // TODO: This would need to get replaced by the correct (semantic) color
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/02-components/mainnavigation/mainnavigation.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
// TODO: Replace magic numbers e.g. with flexbox implementations and extract variables as well for multi-brand
@import "mainnavigation.variables";

Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/overflow-menu/_overflow-menu.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";

$overflowMenu---borderRadius: 8px !default;
$overflowMenu---backgroundColor: #fff !default;
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/02-components/overflow-menu/overflow-menu.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "overflow-menu.variables";

.cmp-overflow-menu {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/pagination/_pagination.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";
1 change: 1 addition & 0 deletions source/_patterns/02-components/pagination/pagination.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "pagination.variables";

.cmp-pagination {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/sidenavi/_sidenavi.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";

$sidenavi-link--color: $db-color-cool-gray-200 !default;
$sidenavi-linkCurrent-hover-color: $db-color-cool-gray-600 !default;
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/02-components/sidenavi/sidenavi.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "sidenavi.variables";

.cmp-sidenavi {
Expand Down
2 changes: 0 additions & 2 deletions source/_patterns/02-components/sitesearch/_sitesearch.variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,4 @@
@import "../../../css/helpers/functions";
@import "../../00-base/icons/icons.variables";
@import "../../00-base/icons/icons.helpers";

$sitesearch-form-full-maxWidth: to-rem(
$pxValue: 500
Expand Down
1 change: 1 addition & 0 deletions source/_patterns/02-components/sitesearch/sitesearch.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import "../../../css/partials.meta";
@import "../../00-base/icons/icon";
@import "sitesearch.variables";

.cmp-sitesearch {
Expand Down

0 comments on commit f2eda31

Please sign in to comment.