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

     1  /*******************************
     2              Header
     3  *******************************/
     4  
     5  /*-------------------
     6         Element
     7  --------------------*/
     8  
     9  @textTransform: none;
    10  @fontFamily: @headerFont;
    11  @fontWeight: @headerFontWeight;
    12  @lineHeight: @headerLineHeight;
    13  @lineHeightOffset: @headerLineHeightOffset;
    14  
    15  @topMargin: @headerTopMargin;
    16  @bottomMargin: @headerBottomMargin;
    17  @margin: @topMargin 0em @bottomMargin;
    18  
    19  @firstMargin: -@lineHeightOffset;
    20  @lastMargin: 0em;
    21  @horizontalPadding: 0em;
    22  @verticalPadding: 0em;
    23  
    24  /* Sub Header */
    25  @subHeaderLineHeight: 1.2em;
    26  @subHeaderColor: rgba(0, 0, 0, 0.5);
    27  
    28  /* Icon */
    29  @iconOpacity: 1;
    30  @iconSize: 1.5em;
    31  @iconOffset: @lineHeightOffset;
    32  @iconMargin: 0.75rem;
    33  @iconAlignment: middle;
    34  
    35  /* Image */
    36  @imageWidth: 2.5em;
    37  @imageHeight: auto;
    38  @imageOffset: @lineHeightOffset;
    39  @imageMargin: @iconMargin;
    40  @imageAlignment: middle;
    41  
    42  /* Label */
    43  @labelSize: '';
    44  @labelDistance: 0.5rem;
    45  @labelVerticalAlign: middle;
    46  
    47  /* Content */
    48  @contentAlignment: top;
    49  @contentIconAlignment: middle;
    50  @contentImageAlignment: middle;
    51  
    52  /* Paragraph after Header */
    53  @nextParagraphDistance: 0em;
    54  
    55  /*-------------------
    56        Variations
    57  --------------------*/
    58  
    59  /* Sizing */
    60  @huge   : unit(@h1, em);
    61  @large  : unit(@h2, em);
    62  @medium : unit(@h3, em);
    63  @small  : unit(@h4, em);
    64  @tiny   : unit(@h5, em);
    65  
    66  /* Sub Header */
    67  @h1SubHeaderFontSize: 1.4285rem;
    68  @h2SubHeaderFontSize: 1.1428rem;
    69  @h3SubHeaderFontSize: 1.1428rem;
    70  @h4SubHeaderFontSize: 1rem;
    71  @h5SubHeaderFontSize: 0.9285rem;
    72  
    73  @hugeSubHeaderFontSize  : @h1SubHeaderFontSize;
    74  @largeSubHeaderFontSize : @h2SubHeaderFontSize;
    75  @subHeaderFontSize      : @h3SubHeaderFontSize;
    76  @smallSubHeaderFontSize : @h4SubHeaderFontSize;
    77  @tinySubHeaderFontSize  : @h5SubHeaderFontSize;
    78  
    79  /* Icon Header */
    80  @iconHeaderSize: 3em;
    81  @iconHeaderOpacity: 1;
    82  @iconHeaderMargin: 0.25rem;
    83  @circularHeaderIconSize: 2em;
    84  @squareHeaderIconSize: 2em;
    85  
    86  /* No Line Height Offset */
    87  @iconHeaderTopMargin: 2rem;
    88  @iconHeaderBottomMargin: @bottomMargin;
    89  @iconHeaderFirstMargin: 0em;
    90  
    91  /* Divided */
    92  @dividedBorder: 1px solid rgba(0, 0, 0, 0.1);
    93  @dividedColoredBorderWidth: 2px;
    94  
    95  @dividedBorderPadding: 0.25rem;
    96  @dividedSubHeaderPadding: 0.25rem;
    97  @dividedIconPadding: 0em;
    98  
    99  /* Block */
   100  @blockBackground: @darkWhite;
   101  @blockBoxShadow: none;
   102  @blockBorder: 1px solid @solidBorderColor;
   103  @blockHorizontalPadding: 1rem;
   104  @blockVerticalPadding: 0.75rem;
   105  @blockBorderRadius: 0.3125rem;
   106  
   107  @tinyBlock: @tiny;
   108  @smallBlock: @small;
   109  @mediumBlock: @medium;
   110  @largeBlock: @large;
   111  @hugeBlock: @huge;
   112  
   113  /* Divided */
   114  @blackDividedBorderColor: @black;
   115  @blueDividedBorderColor: @blue;
   116  @greenDividedBorderColor: @green;
   117  @orangeDividedBorderColor: @orange;
   118  @pinkDividedBorderColor: @pink;
   119  @purpleDividedBorderColor: @purple;
   120  @redDividedBorderColor: @red;
   121  @tealDividedBorderColor: @teal;
   122  @yellowDividedBorderColor: @yellow;
   123  
   124  /* Attached */
   125  @attachedOffset: -1px;
   126  @attachedBoxShadow: none;
   127  @attachedBorder: 1px solid @solidBorderColor;
   128  @attachedVerticalPadding: @blockVerticalPadding;
   129  @attachedHorizontalPadding: @blockHorizontalPadding;
   130  @attachedBackground: @white;
   131  @attachedBorderRadius: @blockBorderRadius;
   132  
   133  @tinyAttached: 0.8571em;
   134  @smallAttached: 0.9285em;
   135  @mediumAttached: 1em;
   136  @largeAttached: 1.0714em;
   137  @hugeAttached: 1.1428em;
   138  
   139  /* Inverted */
   140  @invertedColor: @white;
   141  @invertedSubHeaderColor: rgba(255, 255, 255, 0.85);
   142  @invertedDividedBorderColor: @whiteBorderColor;
   143  @invertedBlockBackground: @lightBlack @subtleGradient;
   144  @invertedAttachedBackground: @invertedBlockBackground;
   145  
   146  /* Floated */
   147  @floatedMargin: 0.5em;