Browse Source

Adds material modal theme

1.0
jlukic 10 years ago
parent
commit
f1b269d5b1
3 changed files with 17 additions and 1 deletions
  1. 2
      src/definitions/modules/progress.less
  2. 1
      src/themes/material/modules/modal.overrides
  3. 15
      src/themes/material/modules/modal.variables

2
src/definitions/modules/progress.less

@ -58,7 +58,7 @@
background-color: @indicatingFifthColor; background-color: @indicatingFifthColor;
} }
.ui.indicating.progress .bar[style^="width: 9"], .ui.indicating.progress .bar[style^="width: 9"],
.ui.indicating.progress .bar[style^="width: 100"] {
.ui.indicating.progress .bar[style^="width: 100"]:not(.success) {
background-color: @indicatingSixthColor; background-color: @indicatingSixthColor;
} }
.ui.indicating.progress .bar[style^="width: 1%"], .ui.indicating.progress .bar[style^="width: 1%"],

1
src/themes/material/modules/modal.overrides

@ -0,0 +1 @@
@import url(http://fonts.googleapis.com/css?family=Roboto);

15
src/themes/material/modules/modal.variables

@ -0,0 +1,15 @@
@boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22);
@borderRadius: 0em;
@headerBackground: @white;
@headerVerticalPadding: 1.7142rem;
@headerHorizontalPadding: 1.7142rem;
@headerFontWeight: 400;
@headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif;
@headerBorder: none;
@contentPadding: 2rem 0em;
@actionBorder: none;
@actionBackground: @white;
Loading…
Cancel
Save