dox-sequence-diagram-ui/src/main/webapp/res/ecomp/asdc/sequencer/sequencer-common.scss

   1 @import '../common/_variables.scss';
   2
   3 $asdcsApplicationMinHeight: 400px;
   4 $asdcsEditorWidth: 500px;
   5
   6 $asdcsFontSize: 13px;
   7 $asdcsTransitionTime: 250ms;
   8 $asdcsTextColor: $text-black;
   9
  10 $asdcsColorWhite: $white;
  11 $asdcsColorWhitish: lighten($asdcsColorWhite, 5%);
  12 $asdcsColorBlack: $black;
  13
  14 $asdcsColorOne: $tlv-light-gray;
  15 $asdcsColorOneLight: lighten($asdcsColorOne, 5%);
  16 $asdcsColorOneDark: $dark-gray;
  17
  18 $asdcsColorTwo: $blue;
  19 $asdcsColorTwoLight: lighten($asdcsColorTwo, 10%);
  20
  21 $asdcsColorThree: $light-purple;
  22
  23 $asdcsColorGrey: $gray;
  24 $asdcsColorDarkGrey: $dark-gray;
  25 $asdcsColorLightGrey: $light-gray;
  26
  27 $asdcsColorEmphasis: lighten($asdcsColorTwo, 10%);
  28 $asdcsColorEmphasisHover: $asdcsColorTwo;
  29
  30 $asdcsSmallIconSize: 20px;
  31
  32 // Buttons.
  33
  34 $asdcsColorButtonBG: $asdcsColorOneDark;
  35 $asdcsColorButtonBGHover: $asdcsColorOne;
  36 $asdcsColorButtonFG: $asdcsColorWhitish;
  37 $asdcsColorButtonFGHover: $asdcsColorWhite;
  38
  39 // Input fields.
  40
  41 $asdcsInputSelectBorderColor: #d8d8d8;
  42 $asdcsInputSelectBorderRadius: 2px;
  43 $asdcsInputSelectFontSize: 14px;
  44 $asdcsInputSelectHeight: 30px;
  45 $asdcsInputSelectArrowColor: $asdcsColorOneDark;
  46
  47 $asdcsInputTextColor: $asdcsTextColor;
  48 $asdcsInputTextBorderColor: $asdcsColorWhite;
  49 $asdcsInputTextBorderFocusColor: #d8d8d8;
  50 $asdcsInputTextBorderRadius: 2px;
  51 $asdcsInputTextFontSize: $asdcsFontSize;
  52 $asdcsInputTextHeight: 22px;
  53
  54 $asdcsPopupBorderRadius: 3px;
  55
  56 // SVG-specific.
  57
  58 $asdcsSVGSelectableColor: $asdcsColorOne;
  59 $asdcsSVGSelectableOpacity: 0.01;
  60 $asdcsSVGSelectableWidth: 100;
  61
  62 $asdcsSVGStrokeColor: $gray;
  63 $asdcsSVGStrokeColorLifeline: $asdcsSVGStrokeColor;
  64 $asdcsSVGStrokeColorMessage: #d8d8d8;
  65 $asdcsSVGTextColorMessage: $asdcsColorOneDark;
  66 $asdcsSVGStrokeColorFragment: $asdcsColorOneDark;
  67 $asdcsSVGStrokeWidth: 4;
  68 $asdcsSVGStrokeActiveColor: $asdcsColorBlack;
  69 $asdcsSVGStrokeActiveWidth: $asdcsSVGStrokeWidth + 4;
  70
  71 // -------------------------------------------------------------------------------------------------
  72
  73 @mixin drop-shadow($x: 0px, $y: 0px, $blur: 2px, $spread: 2px, $alpha: 0.25) {
  74     -webkit-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
  75     -moz-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
  76     box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
  77 }
  78
  79 // -------------------------------------------------------------------------------------------------
  80
  81 @mixin transition($transition) {
  82     -webkit-transition: $transition;
  83     -moz-transition: $transition;
  84     -ms-transition: $transition;
  85     -o-transition: $transition;
  86 }
  87
  88 // -------------------------------------------------------------------------------------------------
  89
  90 @mixin gradient($startColor: #eee, $endColor: white) {
  91     background-color: $startColor;
  92     background: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor));
  93     background: -webkit-linear-gradient(top, $startColor, $endColor);
  94     background: -moz-linear-gradient(top, $startColor, $endColor);
  95     background: -ms-linear-gradient(top, $startColor, $endColor);
  96     background: -o-linear-gradient(top, $startColor, $endColor);
  97 }
  98
  99 // -------------------------------------------------------------------------------------------------
 100
 101 @mixin noselect() {
 102     -webkit-touch-callout: none; /* iOS Safari */
 103     -webkit-user-select: none;   /* Chrome/Safari/Opera */
 104     -khtml-user-select: none;    /* Konqueror */
 105     -moz-user-select: none;      /* Firefox */
 106     -ms-user-select: none;       /* IE/Edge */
 107     user-select: none;           /* non-prefixed version, currently not supported by any browser */
 108 }
 109
 110 .asdcs-hidden {
 111     display: none;
 112 }