Просмотр исходного кода

+ngx-toastr theme styles; .required on form labels creates red asterisk

Christian Kahlau 4 лет назад
Родитель
Сommit
866961b508
3 измененных файлов с 60 добавлено и 36 удалено
  1. 14 0
      scss/_ngx-toastr/toastr.scss
  2. 39 36
      scss/bootstrap.scss
  3. 7 0
      scss/forms/_labels.scss

+ 14 - 0
scss/_ngx-toastr/toastr.scss

@@ -0,0 +1,14 @@
+.ngx-toastr {
+  &.toast-error {
+    background-color: $danger;
+  }
+  &.toast-warning {
+    background-color: $warning;
+  }
+  &.toast-success {
+    background-color: $success;
+  }
+  &.toast-info {
+    background-color: $light;
+  }
+}

+ 39 - 36
scss/bootstrap.scss

@@ -7,46 +7,49 @@
 
 // scss-docs-start import-stack
 // Configuration
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "utilities";
+@import 'functions';
+@import 'variables';
+@import 'mixins';
+@import 'utilities';
 
 // Layout & components
-@import "root";
-@import "reboot";
-@import "type";
-@import "images";
-@import "containers";
-@import "grid";
-@import "tables";
-@import "forms";
-@import "buttons";
-@import "transitions";
-@import "dropdown";
-@import "button-group";
-@import "nav";
-@import "navbar";
-@import "card";
-@import "accordion";
-@import "breadcrumb";
-@import "pagination";
-@import "badge";
-@import "alert";
-@import "progress";
-@import "list-group";
-@import "close";
-@import "toasts";
-@import "modal";
-@import "tooltip";
-@import "popover";
-@import "carousel";
-@import "spinners";
-@import "offcanvas";
+@import 'root';
+@import 'reboot';
+@import 'type';
+@import 'images';
+@import 'containers';
+@import 'grid';
+@import 'tables';
+@import 'forms';
+@import 'buttons';
+@import 'transitions';
+@import 'dropdown';
+@import 'button-group';
+@import 'nav';
+@import 'navbar';
+@import 'card';
+@import 'accordion';
+@import 'breadcrumb';
+@import 'pagination';
+@import 'badge';
+@import 'alert';
+@import 'progress';
+@import 'list-group';
+@import 'close';
+@import 'toasts';
+@import 'modal';
+@import 'tooltip';
+@import 'popover';
+@import 'carousel';
+@import 'spinners';
+@import 'offcanvas';
 
 // Helpers
-@import "helpers";
+@import 'helpers';
 
 // Utilities
-@import "utilities/api";
+@import 'utilities/api';
 // scss-docs-end import-stack
+
+// 3rd Party
+@import '_ngx-toastr/toastr.scss';

+ 7 - 0
scss/forms/_labels.scss

@@ -8,6 +8,13 @@
   font-style: $form-label-font-style;
   font-weight: $form-label-font-weight;
   color: $form-label-color;
+
+  &.required::after,
+  &[required]::after {
+    content: '*';
+    padding-left: 0.125rem;
+    color: $danger;
+  }
 }
 
 // For use with horizontal and inline forms, when you need the label (or legend)