github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/src/themes/default/modules/popup.variables (about)

     1  /*******************************
     2               Popup
     3  *******************************/
     4  
     5  /*-------------------
     6         Element
     7  --------------------*/
     8  
     9  @zIndex: 1900;
    10  @background: @white;
    11  
    12  @maxWidth: 250px;
    13  @borderColor: #CCCCCC;
    14  @borderWidth: 1px;
    15  @boxShadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    16  @color: @textColor;
    17  
    18  @verticalPadding: 0.833em;
    19  @horizontalPadding: 1em;
    20  @fontWeight: normal;
    21  @fontStyle: normal;
    22  @borderRadius: @defaultBorderRadius;
    23  
    24  /*-------------------
    25         Parts
    26  --------------------*/
    27  
    28  /* Placement */
    29  @arrowSize: 0.75em;
    30  @arrowWidth: 1em;
    31  @arrowDistanceFromEdge: 1em;
    32  @boxArrowOffset: 0em;
    33  @popupDistanceAway: @arrowSize;
    34  
    35  
    36  /* Header */
    37  @headerFontFamily: @headerFont;
    38  @headerFontSize: 1.125em;
    39  @headerDistance: 0.5em;
    40  @headerLineHeight: 1.2;
    41  
    42  /* Content Border */
    43  @border: @borderWidth solid @borderColor;
    44  
    45  /* Arrow */
    46  @arrowBackground: @white;
    47  @arrowZIndex: 2;
    48  @arrowJitter: 0.05em;
    49  @arrowOffset: -(@arrowSize / 2) + @arrowJitter;
    50  
    51  @arrowStroke: @borderWidth;
    52  @arrowColor: darken(@borderColor, 10);
    53  
    54  @arrowBoxShadow: @arrowStroke @arrowStroke 0px 0px @arrowColor;
    55  @leftArrowBoxShadow: @arrowStroke -@arrowStroke 0px 0px @arrowColor;
    56  @rightArrowBoxShadow: -@arrowStroke @arrowStroke 0px 0px @arrowColor;
    57  @bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0px 0px @arrowColor;
    58  
    59  /*-------------------
    60         Coupling
    61  --------------------*/
    62  
    63  /* Grid Inside Popup */
    64  @nestedGridMargin: -0.7rem -0.875rem; /* (padding * @medium) */
    65  @nestedGridWidth: ~"calc(100% + 1.75rem)";
    66  
    67  /*-------------------
    68         States
    69  --------------------*/
    70  
    71  @loadingZIndex: -1;
    72  
    73  /*-------------------
    74         Variations
    75  --------------------*/
    76  
    77  /* Wide */
    78  @wideWidth: 350px;
    79  @veryWideWidth: 550px;
    80  
    81  /* Inverted */
    82  @invertedBackground: @black;
    83  @invertedColor: @white;
    84  @invertedBorder: none;
    85  @invertedBoxShadow: none;
    86  
    87  @invertedHeaderBackground: none;
    88  @invertedHeaderColor: @white;
    89  @invertedArrowColor: @black;
    90  
    91  /* Sizes */
    92  @small: 0.785714rem;
    93  @medium: 0.85714rem;
    94  @large: 1rem;
    95  @huge: 1.14285rem;