replace zxq.co/ripple/hanayo
This commit is contained in:
Alicia
3
semantic/src/themes/dark/elements/button.overrides
Normal file
3
semantic/src/themes/dark/elements/button.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
358
semantic/src/themes/dark/elements/button.variables
Normal file
358
semantic/src/themes/dark/elements/button.variables
Normal file
@@ -0,0 +1,358 @@
|
||||
/*******************************
|
||||
Button
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
/* Button */
|
||||
@verticalMargin: 0em;
|
||||
@horizontalMargin: 0.25em;
|
||||
@backgroundColor: #E0E1E2;
|
||||
@backgroundImage: none;
|
||||
@background: @backgroundColor @backgroundImage;
|
||||
@lineHeight: 1em;
|
||||
|
||||
/* Button defaults to using same height as input globally */
|
||||
@verticalPadding: @inputVerticalPadding;
|
||||
@horizontalPadding: 1.5em;
|
||||
|
||||
/* Text */
|
||||
@textTransform: none;
|
||||
@tapColor: transparent;
|
||||
@fontFamily: @pageFont;
|
||||
@fontWeight: bold;
|
||||
@textColor: rgba(0, 0, 0, 0.6);
|
||||
@textShadow: none;
|
||||
@invertedTextShadow: @textShadow;
|
||||
@borderRadius: @defaultBorderRadius;
|
||||
@verticalAlign: baseline;
|
||||
|
||||
/* Internal Shadow */
|
||||
@shadowDistance: 0em;
|
||||
@shadowOffset: (@shadowDistance / 2);
|
||||
@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset;
|
||||
|
||||
/* Box Shadow */
|
||||
@borderBoxShadowColor: transparent;
|
||||
@borderBoxShadowWidth: 1px;
|
||||
@borderBoxShadow: 0px 0px 0px @borderBoxShadowWidth @borderBoxShadowColor inset;
|
||||
@boxShadow:
|
||||
@borderBoxShadow,
|
||||
@shadowBoxShadow
|
||||
;
|
||||
|
||||
/* Icon */
|
||||
@iconHeight: @relativeTiny;
|
||||
@iconOpacity: 0.8;
|
||||
@iconDistance: @relative6px;
|
||||
@iconColor: '';
|
||||
@iconTransition: opacity @defaultDuration @defaultEasing;
|
||||
@iconVerticalAlign: '';
|
||||
|
||||
@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
|
||||
@rightIconMargin: 0em -(@iconDistance / 2) 0em @iconDistance;
|
||||
|
||||
/* Loader */
|
||||
@invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
|
||||
|
||||
@transition:
|
||||
opacity @defaultDuration @defaultEasing,
|
||||
background-color @defaultDuration @defaultEasing,
|
||||
color @defaultDuration @defaultEasing,
|
||||
box-shadow @defaultDuration @defaultEasing,
|
||||
background @defaultDuration @defaultEasing
|
||||
;
|
||||
/*
|
||||
@willChange: box-shadow, transform, opacity, color, background;
|
||||
*/
|
||||
@willChange: '';
|
||||
|
||||
/*-------------------
|
||||
Group
|
||||
--------------------*/
|
||||
|
||||
@groupBoxShadow: none;
|
||||
@groupButtonBoxShadow: @boxShadow;
|
||||
@verticalBoxShadow: none;
|
||||
@groupButtonOffset: 0px 0px 0px 0px;
|
||||
@verticalGroupOffset: 0px 0px 0px 0px;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
/* Hovered */
|
||||
@hoverBackgroundColor: #CACBCD;
|
||||
@hoverBackgroundImage: @backgroundImage;
|
||||
@hoverBoxShadow: @boxShadow;
|
||||
@hoverColor: @hoveredTextColor;
|
||||
@iconHoverOpacity: 0.85;
|
||||
|
||||
/* Focused */
|
||||
@focusBackgroundColor: @hoverBackgroundColor;
|
||||
@focusBackgroundImage: '';
|
||||
@focusBoxShadow: '';
|
||||
@focusColor: @hoveredTextColor;
|
||||
@iconFocusOpacity: 0.85;
|
||||
|
||||
/* Disabled */
|
||||
@disabledBackgroundImage: none;
|
||||
@disabledBoxShadow: none;
|
||||
|
||||
/* Pressed Down */
|
||||
@downBackgroundColor: #BABBBC;
|
||||
@downBackgroundImage: '';
|
||||
@downPressedShadow: none;
|
||||
@downBoxShadow:
|
||||
@borderBoxShadow,
|
||||
@downPressedShadow
|
||||
;
|
||||
@downColor: @pressedTextColor;
|
||||
|
||||
/* Active */
|
||||
@activeBackgroundColor: #C0C1C2;
|
||||
@activeBackgroundImage: none;
|
||||
@activeColor: @selectedTextColor;
|
||||
@activeBoxShadow: @borderBoxShadow;
|
||||
|
||||
/* Active + Hovered */
|
||||
@activeHoverBackgroundColor: @activeBackgroundColor;
|
||||
@activeHoverBackgroundImage: none;
|
||||
@activeHoverColor: @activeColor;
|
||||
@activeHoverBoxShadow: @activeBoxShadow;
|
||||
|
||||
/* Loading */
|
||||
@loadingOpacity: 1;
|
||||
@loadingPointerEvents: auto;
|
||||
@loadingTransition:
|
||||
all 0s linear,
|
||||
opacity @defaultDuration @defaultEasing
|
||||
;
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Or */
|
||||
@orText: 'or';
|
||||
|
||||
@orGap: 0.3em;
|
||||
@orHeight: (@verticalPadding * 2) + 1em;
|
||||
@orZIndex: 3;
|
||||
|
||||
@orCircleDistanceToEdge: (@verticalPadding);
|
||||
@orCircleSize: @orHeight - @orCircleDistanceToEdge;
|
||||
@orLineHeight: (@orCircleSize);
|
||||
@orBoxShadow: @borderBoxShadow;
|
||||
|
||||
@orVerticalOffset: -(@orCircleSize / 2);
|
||||
@orHorizontalOffset: -(@orCircleSize / 2);
|
||||
|
||||
@orBackgroundColor: @white;
|
||||
@orTextShadow: @invertedTextShadow;
|
||||
@orTextStyle: normal;
|
||||
@orTextWeight: bold;
|
||||
@orTextColor: @lightTextColor;
|
||||
|
||||
|
||||
@orSpacerHeight: @verticalPadding;
|
||||
@orSpacerColor: transparent;
|
||||
|
||||
/* Icon */
|
||||
@iconButtonOpacity: 0.9;
|
||||
|
||||
/* Labeled */
|
||||
@labeledLabelFontSize: @medium;
|
||||
@labeledLabelAlign: center;
|
||||
@labeledLabelPadding: '';
|
||||
@labeledLabelFontSize: @relativeMedium;
|
||||
@labeledLabelBorderColor: @borderColor;
|
||||
@labeledLabelBorderOffset: -@borderBoxShadowWidth;
|
||||
@labeledTagLabelSize: 1.85em; /* hypotenuse of triangle */
|
||||
@labeledIconMargin: 0em;
|
||||
|
||||
/* Labeled Icon */
|
||||
@labeledIconWidth: 1em + (@verticalPadding * 2);
|
||||
@labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
|
||||
@labeledIconPadding: (@horizontalPadding + @labeledIconWidth);
|
||||
@labeledIconBorder: transparent;
|
||||
@labeledIconColor: '';
|
||||
|
||||
@labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset;
|
||||
@labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;
|
||||
|
||||
|
||||
/* Inverted */
|
||||
@invertedBorderSize: 2px;
|
||||
@invertedTextColor: #FFF;
|
||||
@invertedTextHoverColor: @hoverColor;
|
||||
@invertedGroupButtonOffset: 0px 0px 0px -(@invertedBorderSize);
|
||||
@invertedVerticalGroupButtonOffset: 0px 0px -(@invertedBorderSize) 0px;
|
||||
|
||||
/* Basic */
|
||||
@basicBorderRadius: @borderRadius;
|
||||
@basicBorderSize: 1px;
|
||||
@basicTextColor: @textColor;
|
||||
@basicColoredBorderSize: 1px;
|
||||
|
||||
@basicBackground: transparent none;
|
||||
@basicFontWeight: normal;
|
||||
@basicBorder: 1px solid @borderColor;
|
||||
@basicBoxShadow: 0px 0px 0px @basicBorderSize @borderColor inset;
|
||||
@basicLoadingColor: @offWhite;
|
||||
@basicTextTransform: none;
|
||||
|
||||
/* Basic Hover */
|
||||
@basicHoverBackground: #FFFFFF;
|
||||
@basicHoverTextColor: @hoveredTextColor;
|
||||
@basicHoverBoxShadow:
|
||||
0px 0px 0px @basicBorderSize @selectedBorderColor inset,
|
||||
0px 0px 0px 0px @borderColor inset
|
||||
;
|
||||
/* Basic Focus */
|
||||
@basicFocusBackground: @basicHoverBackground;
|
||||
@basicFocusTextColor: @basicHoverTextColor;
|
||||
@basicFocusBoxShadow: @basicHoverBoxShadow;
|
||||
|
||||
/* Basic Down */
|
||||
@basicDownBackground: #F8F8F8;
|
||||
@basicDownTextColor: @pressedTextColor;
|
||||
@basicDownBoxShadow:
|
||||
0px 0px 0px @basicBorderSize rgba(0, 0, 0, 0.15) inset,
|
||||
0px 1px 4px 0px @borderColor inset
|
||||
;
|
||||
/* Basic Active */
|
||||
@basicActiveBackground: @transparentBlack;
|
||||
@basicActiveBoxShadow: '';
|
||||
@basicActiveTextColor: @selectedTextColor;
|
||||
|
||||
/* Basic Inverted */
|
||||
@basicInvertedBackground: transparent;
|
||||
@basicInvertedFocusBackground: transparent;
|
||||
@basicInvertedDownBackground: @transparentWhite;
|
||||
@basicInvertedActiveBackground: @transparentWhite;
|
||||
|
||||
@basicInvertedBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.5) inset;
|
||||
@basicInvertedHoverBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 1) inset;
|
||||
@basicInvertedFocusBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 1) inset;
|
||||
@basicInvertedDownBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.9) inset;
|
||||
@basicInvertedActiveBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.7) inset;
|
||||
|
||||
@basicInvertedColor: @darkWhite;
|
||||
@basicInvertedHoverColor: @darkWhiteHover;
|
||||
@basicInvertedDownColor: @darkWhiteActive;
|
||||
@basicInvertedActiveColor: @invertedTextColor;
|
||||
|
||||
|
||||
/* Basic Group */
|
||||
@basicGroupBorder: @basicBorderSize solid @borderColor;
|
||||
@basicGroupBoxShadow: none;
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Colors */
|
||||
@coloredBackgroundImage: none;
|
||||
@coloredBoxShadow: @shadowBoxShadow;
|
||||
|
||||
/* Colored */
|
||||
@brownTextColor: @invertedTextColor;
|
||||
@brownTextShadow: @invertedTextShadow;
|
||||
@redTextColor: @invertedTextColor;
|
||||
@redTextShadow: @invertedTextShadow;
|
||||
@orangeTextColor: @invertedTextColor;
|
||||
@orangeTextShadow: @invertedTextShadow;
|
||||
@greenTextColor: @invertedTextColor;
|
||||
@greenTextShadow: @invertedTextShadow;
|
||||
@blueTextColor: @invertedTextColor;
|
||||
@blueTextShadow: @invertedTextShadow;
|
||||
@violetTextColor: @invertedTextColor;
|
||||
@violetTextShadow: @invertedTextShadow;
|
||||
@purpleTextColor: @invertedTextColor;
|
||||
@purpleTextShadow: @invertedTextShadow;
|
||||
@pinkTextColor: @invertedTextColor;
|
||||
@pinkTextShadow: @invertedTextShadow;
|
||||
@blackTextColor: @invertedTextColor;
|
||||
@blackTextShadow: @invertedTextShadow;
|
||||
@oliveTextColor: @invertedTextColor;
|
||||
@oliveTextShadow: @invertedTextShadow;
|
||||
@yellowTextColor: @invertedTextColor;
|
||||
@yellowTextShadow: @invertedTextShadow;
|
||||
@tealTextColor: @invertedTextColor;
|
||||
@tealTextShadow: @invertedTextShadow;
|
||||
@greyTextColor: @invertedTextColor;
|
||||
@greyTextShadow: @invertedTextShadow;
|
||||
|
||||
/* Inverted */
|
||||
@lightBrownTextColor: @invertedTextColor;
|
||||
@lightBrownTextShadow: @invertedTextShadow;
|
||||
@lightRedTextColor: @invertedTextColor;
|
||||
@lightRedTextShadow: @invertedTextShadow;
|
||||
@lightOrangeTextColor: @invertedTextColor;
|
||||
@lightOrangeTextShadow: @invertedTextShadow;
|
||||
@lightGreenTextColor: @invertedTextColor;
|
||||
@lightGreenTextShadow: @invertedTextShadow;
|
||||
@lightBlueTextColor: @invertedTextColor;
|
||||
@lightBlueTextShadow: @invertedTextShadow;
|
||||
@lightVioletTextColor: @invertedTextColor;
|
||||
@lightVioletTextShadow: @invertedTextShadow;
|
||||
@lightPurpleTextColor: @invertedTextColor;
|
||||
@lightPurpleTextShadow: @invertedTextShadow;
|
||||
@lightPinkTextColor: @invertedTextColor;
|
||||
@lightPinkTextShadow: @invertedTextShadow;
|
||||
@lightBlackTextColor: @invertedTextColor;
|
||||
@lightBlackTextShadow: @invertedTextShadow;
|
||||
@lightOliveTextColor: @textColor;
|
||||
@lightOliveTextShadow: @textShadow;
|
||||
@lightYellowTextColor: @textColor;
|
||||
@lightYellowTextShadow: @textShadow;
|
||||
@lightTealTextColor: @textColor;
|
||||
@lightTealTextShadow: @textShadow;
|
||||
@lightGreyTextColor: @textColor;
|
||||
@lightGreyTextShadow: @textShadow;
|
||||
|
||||
|
||||
/* Ordinality */
|
||||
@primaryBackgroundImage: @coloredBackgroundImage;
|
||||
@primaryTextColor: @invertedTextColor;
|
||||
@primaryTextShadow: @invertedTextShadow;
|
||||
@primaryBoxShadow: @coloredBoxShadow;
|
||||
|
||||
@secondaryBackgroundImage: @coloredBackgroundImage;
|
||||
@secondaryTextColor: @invertedTextColor;
|
||||
@secondaryTextShadow: @invertedTextShadow;
|
||||
@secondaryBoxShadow: @coloredBoxShadow;
|
||||
|
||||
@positiveBackgroundImage: @coloredBackgroundImage;
|
||||
@positiveTextColor: @invertedTextColor;
|
||||
@positiveTextShadow: @invertedTextShadow;
|
||||
@positiveBoxShadow: @coloredBoxShadow;
|
||||
|
||||
@negativeBackgroundImage: @coloredBackgroundImage;
|
||||
@negativeTextColor: @invertedTextColor;
|
||||
@negativeTextShadow: @invertedTextShadow;
|
||||
@negativeBoxShadow: @coloredBoxShadow;
|
||||
|
||||
/* Compact */
|
||||
@compactVerticalPadding: (@verticalPadding * 0.75);
|
||||
@compactHorizontalPadding: (@horizontalPadding * 0.75);
|
||||
|
||||
/* Attached */
|
||||
@attachedOffset: -1px;
|
||||
@attachedBoxShadow: 0px 0px 0px 1px @borderColor;
|
||||
@attachedHorizontalPadding: 0.75em;
|
||||
@attachedZIndex: 2;
|
||||
|
||||
/* Floated */
|
||||
@floatedMargin: 0.25em;
|
||||
|
||||
/* Animated */
|
||||
@animatedVerticalAlign: middle;
|
||||
@animatedZIndex: 1;
|
||||
@animationDuration: 0.3s;
|
||||
@animationEasing: ease;
|
||||
@fadeScaleHigh: 1.5;
|
||||
@fadeScaleLow: 0.75;
|
||||
3
semantic/src/themes/dark/elements/container.overrides
Normal file
3
semantic/src/themes/dark/elements/container.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
58
semantic/src/themes/dark/elements/container.variables
Normal file
58
semantic/src/themes/dark/elements/container.variables
Normal file
@@ -0,0 +1,58 @@
|
||||
/*******************************
|
||||
Container
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
/* Minimum Gutter is used to determine the maximum container width for a given device */
|
||||
|
||||
@maxWidth: 100%;
|
||||
|
||||
/* Devices */
|
||||
@mobileMinimumGutter: 0em;
|
||||
@mobileWidth: auto;
|
||||
@mobileGutter: 1em;
|
||||
|
||||
@tabletMinimumGutter: (@emSize * 1);
|
||||
@tabletWidth: @tabletBreakpoint - (@tabletMinimumGutter * 2) - @scrollbarWidth;
|
||||
@tabletGutter: auto;
|
||||
|
||||
@computerMinimumGutter: (@emSize * 1.5);
|
||||
@computerWidth: @computerBreakpoint - (@computerMinimumGutter * 2) - @scrollbarWidth;
|
||||
@computerGutter: auto;
|
||||
|
||||
@largeMonitorMinimumGutter: (@emSize * 2);
|
||||
@largeMonitorWidth: @largeMonitorBreakpoint - (@largeMonitorMinimumGutter * 2) - @scrollbarWidth;
|
||||
@largeMonitorGutter: auto;
|
||||
|
||||
/* Coupling (Add Negative Margin to container size) */
|
||||
@gridGutterWidth: 2rem;
|
||||
@relaxedGridGutterWidth: 3rem;
|
||||
@veryRelaxedGridGutterWidth: 5rem;
|
||||
|
||||
@mobileGridWidth: @mobileWidth;
|
||||
@tabletGridWidth: ~"calc("@tabletWidth~" + "@gridGutterWidth~")";
|
||||
@computerGridWidth: ~"calc("@computerWidth~" + "@gridGutterWidth~")";
|
||||
@largeMonitorGridWidth: ~"calc("@largeMonitorWidth~" + "@gridGutterWidth~")";
|
||||
|
||||
@mobileRelaxedGridWidth: @mobileWidth;
|
||||
@tabletRelaxedGridWidth: ~"calc("@tabletWidth~" + "@relaxedGridGutterWidth~")";
|
||||
@computerRelaxedGridWidth: ~"calc("@computerWidth~" + "@relaxedGridGutterWidth~")";
|
||||
@largeMonitorRelaxedGridWidth: ~"calc("@largeMonitorWidth~" + "@relaxedGridGutterWidth~")";
|
||||
|
||||
@mobileVeryRelaxedGridWidth: @mobileWidth;
|
||||
@tabletVeryRelaxedGridWidth: ~"calc("@tabletWidth~" + "@veryRelaxedGridGutterWidth~")";
|
||||
@computerVeryRelaxedGridWidth: ~"calc("@computerWidth~" + "@veryRelaxedGridGutterWidth~")";
|
||||
@largeMonitorVeryRelaxedGridWidth: ~"calc("@largeMonitorWidth~" + "@veryRelaxedGridGutterWidth~")";
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Text */
|
||||
@textWidth: 700px;
|
||||
@textFontFamily: @pageFont;
|
||||
@textLineHeight: 1.5;
|
||||
@textSize: @large;
|
||||
18
semantic/src/themes/dark/elements/divider.overrides
Normal file
18
semantic/src/themes/dark/elements/divider.overrides
Normal file
@@ -0,0 +1,18 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
|
||||
|
||||
.ui.horizontal.divider:before,
|
||||
.ui.horizontal.divider:after {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
||||
}
|
||||
|
||||
@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
|
||||
.ui.stackable.grid .ui.vertical.divider:before,
|
||||
.ui.grid .stackable.row .ui.vertical.divider:before,
|
||||
.ui.stackable.grid .ui.vertical.divider:after,
|
||||
.ui.grid .stackable.row .ui.vertical.divider:after {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
|
||||
}
|
||||
}
|
||||
53
semantic/src/themes/dark/elements/divider.variables
Normal file
53
semantic/src/themes/dark/elements/divider.variables
Normal file
@@ -0,0 +1,53 @@
|
||||
/*******************************
|
||||
Divider
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@margin: 1rem 0rem;
|
||||
|
||||
@highlightWidth: 1px;
|
||||
@highlightColor: @whiteBorderColor;
|
||||
|
||||
@shadowWidth: 1px;
|
||||
@shadowColor: @borderColor;
|
||||
|
||||
/* Text */
|
||||
@letterSpacing: 0.05em;
|
||||
@fontWeight: bold;
|
||||
@color: @darkTextColor;
|
||||
@textTransform: uppercase;
|
||||
|
||||
/*-------------------
|
||||
Coupling
|
||||
--------------------*/
|
||||
|
||||
/* Icon */
|
||||
@dividerIconSize: 1rem;
|
||||
@dividerIconMargin: 0rem;
|
||||
|
||||
|
||||
/*******************************
|
||||
Variations
|
||||
*******************************/
|
||||
|
||||
/* Horizontal / Vertical */
|
||||
@horizontalMargin: '';
|
||||
@horizontalDividerMargin: 1em;
|
||||
@horizontalRulerOffset: ~"calc(-50% - "(@horizontalDividerMargin)~")";
|
||||
|
||||
@verticalDividerMargin: 1rem;
|
||||
@verticalDividerHeight: ~"calc(100% - "(@verticalDividerMargin)~")";
|
||||
|
||||
/* Inverted */
|
||||
@invertedTextColor: @white;
|
||||
@invertedHighlightColor: rgba(255, 255, 255, 0.15);
|
||||
@invertedShadowColor: @borderColor;
|
||||
|
||||
/* Section */
|
||||
@sectionMargin: 2rem;
|
||||
|
||||
/* Sizes */
|
||||
@medium: 1rem;
|
||||
986
semantic/src/themes/dark/elements/flag.overrides
Normal file
986
semantic/src/themes/dark/elements/flag.overrides
Normal file
@@ -0,0 +1,986 @@
|
||||
/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
|
||||
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
|
||||
i.flag.ad:before,
|
||||
i.flag.andorra:before {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
i.flag.ae:before,
|
||||
i.flag.united.arab.emirates:before,
|
||||
i.flag.uae:before {
|
||||
background-position: 0px -26px;
|
||||
}
|
||||
i.flag.af:before,
|
||||
i.flag.afghanistan:before {
|
||||
background-position: 0px -52px;
|
||||
}
|
||||
i.flag.ag:before,
|
||||
i.flag.antigua:before {
|
||||
background-position: 0px -78px;
|
||||
}
|
||||
i.flag.ai:before,
|
||||
i.flag.anguilla:before {
|
||||
background-position: 0px -104px;
|
||||
}
|
||||
i.flag.al:before,
|
||||
i.flag.albania:before {
|
||||
background-position: 0px -130px;
|
||||
}
|
||||
i.flag.am:before,
|
||||
i.flag.armenia:before {
|
||||
background-position: 0px -156px;
|
||||
}
|
||||
i.flag.an:before,
|
||||
i.flag.netherlands.antilles:before {
|
||||
background-position: 0px -182px;
|
||||
}
|
||||
i.flag.ao:before,
|
||||
i.flag.angola:before {
|
||||
background-position: 0px -208px;
|
||||
}
|
||||
i.flag.ar:before,
|
||||
i.flag.argentina:before {
|
||||
background-position: 0px -234px;
|
||||
}
|
||||
i.flag.as:before,
|
||||
i.flag.american.samoa:before {
|
||||
background-position: 0px -260px;
|
||||
}
|
||||
i.flag.at:before,
|
||||
i.flag.austria:before {
|
||||
background-position: 0px -286px;
|
||||
}
|
||||
i.flag.au:before,
|
||||
i.flag.australia:before {
|
||||
background-position: 0px -312px;
|
||||
}
|
||||
i.flag.aw:before,
|
||||
i.flag.aruba:before {
|
||||
background-position: 0px -338px;
|
||||
}
|
||||
i.flag.ax:before,
|
||||
i.flag.aland.islands:before {
|
||||
background-position: 0px -364px;
|
||||
}
|
||||
i.flag.az:before,
|
||||
i.flag.azerbaijan:before {
|
||||
background-position: 0px -390px;
|
||||
}
|
||||
i.flag.ba:before,
|
||||
i.flag.bosnia:before {
|
||||
background-position: 0px -416px;
|
||||
}
|
||||
i.flag.bb:before,
|
||||
i.flag.barbados:before {
|
||||
background-position: 0px -442px;
|
||||
}
|
||||
i.flag.bd:before,
|
||||
i.flag.bangladesh:before {
|
||||
background-position: 0px -468px;
|
||||
}
|
||||
i.flag.be:before,
|
||||
i.flag.belgium:before {
|
||||
background-position: 0px -494px;
|
||||
}
|
||||
i.flag.bf:before,
|
||||
i.flag.burkina.faso:before {
|
||||
background-position: 0px -520px;
|
||||
}
|
||||
i.flag.bg:before,
|
||||
i.flag.bulgaria:before {
|
||||
background-position: 0px -546px;
|
||||
}
|
||||
i.flag.bh:before,
|
||||
i.flag.bahrain:before {
|
||||
background-position: 0px -572px;
|
||||
}
|
||||
i.flag.bi:before,
|
||||
i.flag.burundi:before {
|
||||
background-position: 0px -598px;
|
||||
}
|
||||
i.flag.bj:before,
|
||||
i.flag.benin:before {
|
||||
background-position: 0px -624px;
|
||||
}
|
||||
i.flag.bm:before,
|
||||
i.flag.bermuda:before {
|
||||
background-position: 0px -650px;
|
||||
}
|
||||
i.flag.bn:before,
|
||||
i.flag.brunei:before {
|
||||
background-position: 0px -676px;
|
||||
}
|
||||
i.flag.bo:before,
|
||||
i.flag.bolivia:before {
|
||||
background-position: 0px -702px;
|
||||
}
|
||||
i.flag.br:before,
|
||||
i.flag.brazil:before {
|
||||
background-position: 0px -728px;
|
||||
}
|
||||
i.flag.bs:before,
|
||||
i.flag.bahamas:before {
|
||||
background-position: 0px -754px;
|
||||
}
|
||||
i.flag.bt:before,
|
||||
i.flag.bhutan:before {
|
||||
background-position: 0px -780px;
|
||||
}
|
||||
i.flag.bv:before,
|
||||
i.flag.bouvet.island:before {
|
||||
background-position: 0px -806px;
|
||||
}
|
||||
i.flag.bw:before,
|
||||
i.flag.botswana:before {
|
||||
background-position: 0px -832px;
|
||||
}
|
||||
i.flag.by:before,
|
||||
i.flag.belarus:before {
|
||||
background-position: 0px -858px;
|
||||
}
|
||||
i.flag.bz:before,
|
||||
i.flag.belize:before {
|
||||
background-position: 0px -884px;
|
||||
}
|
||||
i.flag.ca:before,
|
||||
i.flag.canada:before {
|
||||
background-position: 0px -910px;
|
||||
}
|
||||
i.flag.cc:before,
|
||||
i.flag.cocos.islands:before {
|
||||
background-position: 0px -962px;
|
||||
}
|
||||
i.flag.cd:before,
|
||||
i.flag.congo:before {
|
||||
background-position: 0px -988px;
|
||||
}
|
||||
i.flag.cf:before,
|
||||
i.flag.central.african.republic:before {
|
||||
background-position: 0px -1014px;
|
||||
}
|
||||
i.flag.cg:before,
|
||||
i.flag.congo.brazzaville:before {
|
||||
background-position: 0px -1040px;
|
||||
}
|
||||
i.flag.ch:before,
|
||||
i.flag.switzerland:before {
|
||||
background-position: 0px -1066px;
|
||||
}
|
||||
i.flag.ci:before,
|
||||
i.flag.cote.divoire:before {
|
||||
background-position: 0px -1092px;
|
||||
}
|
||||
i.flag.ck:before,
|
||||
i.flag.cook.islands:before {
|
||||
background-position: 0px -1118px;
|
||||
}
|
||||
i.flag.cl:before,
|
||||
i.flag.chile:before {
|
||||
background-position: 0px -1144px;
|
||||
}
|
||||
i.flag.cm:before,
|
||||
i.flag.cameroon:before {
|
||||
background-position: 0px -1170px;
|
||||
}
|
||||
i.flag.cn:before,
|
||||
i.flag.china:before {
|
||||
background-position: 0px -1196px;
|
||||
}
|
||||
i.flag.co:before,
|
||||
i.flag.colombia:before {
|
||||
background-position: 0px -1222px;
|
||||
}
|
||||
i.flag.cr:before,
|
||||
i.flag.costa.rica:before {
|
||||
background-position: 0px -1248px;
|
||||
}
|
||||
i.flag.cs:before,
|
||||
i.flag.serbia:before {
|
||||
background-position: 0px -1274px;
|
||||
}
|
||||
i.flag.cu:before,
|
||||
i.flag.cuba:before {
|
||||
background-position: 0px -1300px;
|
||||
}
|
||||
i.flag.cv:before,
|
||||
i.flag.cape.verde:before {
|
||||
background-position: 0px -1326px;
|
||||
}
|
||||
i.flag.cx:before,
|
||||
i.flag.christmas.island:before {
|
||||
background-position: 0px -1352px;
|
||||
}
|
||||
i.flag.cy:before,
|
||||
i.flag.cyprus:before {
|
||||
background-position: 0px -1378px;
|
||||
}
|
||||
i.flag.cz:before,
|
||||
i.flag.czech.republic:before {
|
||||
background-position: 0px -1404px;
|
||||
}
|
||||
i.flag.de:before,
|
||||
i.flag.germany:before {
|
||||
background-position: 0px -1430px;
|
||||
}
|
||||
i.flag.dj:before,
|
||||
i.flag.djibouti:before {
|
||||
background-position: 0px -1456px;
|
||||
}
|
||||
i.flag.dk:before,
|
||||
i.flag.denmark:before {
|
||||
background-position: 0px -1482px;
|
||||
}
|
||||
i.flag.dm:before,
|
||||
i.flag.dominica:before {
|
||||
background-position: 0px -1508px;
|
||||
}
|
||||
i.flag.do:before,
|
||||
i.flag.dominican.republic:before {
|
||||
background-position: 0px -1534px;
|
||||
}
|
||||
i.flag.dz:before,
|
||||
i.flag.algeria:before {
|
||||
background-position: 0px -1560px;
|
||||
}
|
||||
i.flag.ec:before,
|
||||
i.flag.ecuador:before {
|
||||
background-position: 0px -1586px;
|
||||
}
|
||||
i.flag.ee:before,
|
||||
i.flag.estonia:before {
|
||||
background-position: 0px -1612px;
|
||||
}
|
||||
i.flag.eg:before,
|
||||
i.flag.egypt:before {
|
||||
background-position: 0px -1638px;
|
||||
}
|
||||
i.flag.eh:before,
|
||||
i.flag.western.sahara:before {
|
||||
background-position: 0px -1664px;
|
||||
}
|
||||
i.flag.er:before,
|
||||
i.flag.eritrea:before {
|
||||
background-position: 0px -1716px;
|
||||
}
|
||||
i.flag.es:before,
|
||||
i.flag.spain:before {
|
||||
background-position: 0px -1742px;
|
||||
}
|
||||
i.flag.et:before,
|
||||
i.flag.ethiopia:before {
|
||||
background-position: 0px -1768px;
|
||||
}
|
||||
i.flag.eu:before,
|
||||
i.flag.european.union:before {
|
||||
background-position: 0px -1794px;
|
||||
}
|
||||
i.flag.fi:before,
|
||||
i.flag.finland:before {
|
||||
background-position: 0px -1846px;
|
||||
}
|
||||
i.flag.fj:before,
|
||||
i.flag.fiji:before {
|
||||
background-position: 0px -1872px;
|
||||
}
|
||||
i.flag.fk:before,
|
||||
i.flag.falkland.islands:before {
|
||||
background-position: 0px -1898px;
|
||||
}
|
||||
i.flag.fm:before,
|
||||
i.flag.micronesia:before {
|
||||
background-position: 0px -1924px;
|
||||
}
|
||||
i.flag.fo:before,
|
||||
i.flag.faroe.islands:before {
|
||||
background-position: 0px -1950px;
|
||||
}
|
||||
i.flag.fr:before,
|
||||
i.flag.france:before {
|
||||
background-position: 0px -1976px;
|
||||
}
|
||||
i.flag.ga:before,
|
||||
i.flag.gabon:before {
|
||||
background-position: -36px 0px;
|
||||
}
|
||||
i.flag.gb:before,
|
||||
i.flag.united.kingdom:before {
|
||||
background-position: -36px -26px;
|
||||
}
|
||||
i.flag.gd:before,
|
||||
i.flag.grenada:before {
|
||||
background-position: -36px -52px;
|
||||
}
|
||||
i.flag.ge:before,
|
||||
i.flag.georgia:before {
|
||||
background-position: -36px -78px;
|
||||
}
|
||||
i.flag.gf:before,
|
||||
i.flag.french.guiana:before {
|
||||
background-position: -36px -104px;
|
||||
}
|
||||
i.flag.gh:before,
|
||||
i.flag.ghana:before {
|
||||
background-position: -36px -130px;
|
||||
}
|
||||
i.flag.gi:before,
|
||||
i.flag.gibraltar:before {
|
||||
background-position: -36px -156px;
|
||||
}
|
||||
i.flag.gl:before,
|
||||
i.flag.greenland:before {
|
||||
background-position: -36px -182px;
|
||||
}
|
||||
i.flag.gm:before,
|
||||
i.flag.gambia:before {
|
||||
background-position: -36px -208px;
|
||||
}
|
||||
i.flag.gn:before,
|
||||
i.flag.guinea:before {
|
||||
background-position: -36px -234px;
|
||||
}
|
||||
i.flag.gp:before,
|
||||
i.flag.guadeloupe:before {
|
||||
background-position: -36px -260px;
|
||||
}
|
||||
i.flag.gq:before,
|
||||
i.flag.equatorial.guinea:before {
|
||||
background-position: -36px -286px;
|
||||
}
|
||||
i.flag.gr:before,
|
||||
i.flag.greece:before {
|
||||
background-position: -36px -312px;
|
||||
}
|
||||
i.flag.gs:before,
|
||||
i.flag.sandwich.islands:before {
|
||||
background-position: -36px -338px;
|
||||
}
|
||||
i.flag.gt:before,
|
||||
i.flag.guatemala:before {
|
||||
background-position: -36px -364px;
|
||||
}
|
||||
i.flag.gu:before,
|
||||
i.flag.guam:before {
|
||||
background-position: -36px -390px;
|
||||
}
|
||||
i.flag.gw:before,
|
||||
i.flag.guinea-bissau:before {
|
||||
background-position: -36px -416px;
|
||||
}
|
||||
i.flag.gy:before,
|
||||
i.flag.guyana:before {
|
||||
background-position: -36px -442px;
|
||||
}
|
||||
i.flag.hk:before,
|
||||
i.flag.hong.kong:before {
|
||||
background-position: -36px -468px;
|
||||
}
|
||||
i.flag.hm:before,
|
||||
i.flag.heard.island:before {
|
||||
background-position: -36px -494px;
|
||||
}
|
||||
i.flag.hn:before,
|
||||
i.flag.honduras:before {
|
||||
background-position: -36px -520px;
|
||||
}
|
||||
i.flag.hr:before,
|
||||
i.flag.croatia:before {
|
||||
background-position: -36px -546px;
|
||||
}
|
||||
i.flag.ht:before,
|
||||
i.flag.haiti:before {
|
||||
background-position: -36px -572px;
|
||||
}
|
||||
i.flag.hu:before,
|
||||
i.flag.hungary:before {
|
||||
background-position: -36px -598px;
|
||||
}
|
||||
i.flag.id:before,
|
||||
i.flag.indonesia:before {
|
||||
background-position: -36px -624px;
|
||||
}
|
||||
i.flag.ie:before,
|
||||
i.flag.ireland:before {
|
||||
background-position: -36px -650px;
|
||||
}
|
||||
i.flag.il:before,
|
||||
i.flag.israel:before {
|
||||
background-position: -36px -676px;
|
||||
}
|
||||
i.flag.in:before,
|
||||
i.flag.india:before {
|
||||
background-position: -36px -702px;
|
||||
}
|
||||
i.flag.io:before,
|
||||
i.flag.indian.ocean.territory:before {
|
||||
background-position: -36px -728px;
|
||||
}
|
||||
i.flag.iq:before,
|
||||
i.flag.iraq:before {
|
||||
background-position: -36px -754px;
|
||||
}
|
||||
i.flag.ir:before,
|
||||
i.flag.iran:before {
|
||||
background-position: -36px -780px;
|
||||
}
|
||||
i.flag.is:before,
|
||||
i.flag.iceland:before {
|
||||
background-position: -36px -806px;
|
||||
}
|
||||
i.flag.it:before,
|
||||
i.flag.italy:before {
|
||||
background-position: -36px -832px;
|
||||
}
|
||||
i.flag.jm:before,
|
||||
i.flag.jamaica:before {
|
||||
background-position: -36px -858px;
|
||||
}
|
||||
i.flag.jo:before,
|
||||
i.flag.jordan:before {
|
||||
background-position: -36px -884px;
|
||||
}
|
||||
i.flag.jp:before,
|
||||
i.flag.japan:before {
|
||||
background-position: -36px -910px;
|
||||
}
|
||||
i.flag.ke:before,
|
||||
i.flag.kenya:before {
|
||||
background-position: -36px -936px;
|
||||
}
|
||||
i.flag.kg:before,
|
||||
i.flag.kyrgyzstan:before {
|
||||
background-position: -36px -962px;
|
||||
}
|
||||
i.flag.kh:before,
|
||||
i.flag.cambodia:before {
|
||||
background-position: -36px -988px;
|
||||
}
|
||||
i.flag.ki:before,
|
||||
i.flag.kiribati:before {
|
||||
background-position: -36px -1014px;
|
||||
}
|
||||
i.flag.km:before,
|
||||
i.flag.comoros:before {
|
||||
background-position: -36px -1040px;
|
||||
}
|
||||
i.flag.kn:before,
|
||||
i.flag.saint.kitts.and.nevis:before {
|
||||
background-position: -36px -1066px;
|
||||
}
|
||||
i.flag.kp:before,
|
||||
i.flag.north.korea:before {
|
||||
background-position: -36px -1092px;
|
||||
}
|
||||
i.flag.kr:before,
|
||||
i.flag.south.korea:before {
|
||||
background-position: -36px -1118px;
|
||||
}
|
||||
i.flag.kw:before,
|
||||
i.flag.kuwait:before {
|
||||
background-position: -36px -1144px;
|
||||
}
|
||||
i.flag.ky:before,
|
||||
i.flag.cayman.islands:before {
|
||||
background-position: -36px -1170px;
|
||||
}
|
||||
i.flag.kz:before,
|
||||
i.flag.kazakhstan:before {
|
||||
background-position: -36px -1196px;
|
||||
}
|
||||
i.flag.la:before,
|
||||
i.flag.laos:before {
|
||||
background-position: -36px -1222px;
|
||||
}
|
||||
i.flag.lb:before,
|
||||
i.flag.lebanon:before {
|
||||
background-position: -36px -1248px;
|
||||
}
|
||||
i.flag.lc:before,
|
||||
i.flag.saint.lucia:before {
|
||||
background-position: -36px -1274px;
|
||||
}
|
||||
i.flag.li:before,
|
||||
i.flag.liechtenstein:before {
|
||||
background-position: -36px -1300px;
|
||||
}
|
||||
i.flag.lk:before,
|
||||
i.flag.sri.lanka:before {
|
||||
background-position: -36px -1326px;
|
||||
}
|
||||
i.flag.lr:before,
|
||||
i.flag.liberia:before {
|
||||
background-position: -36px -1352px;
|
||||
}
|
||||
i.flag.ls:before,
|
||||
i.flag.lesotho:before {
|
||||
background-position: -36px -1378px;
|
||||
}
|
||||
i.flag.lt:before,
|
||||
i.flag.lithuania:before {
|
||||
background-position: -36px -1404px;
|
||||
}
|
||||
i.flag.lu:before,
|
||||
i.flag.luxembourg:before {
|
||||
background-position: -36px -1430px;
|
||||
}
|
||||
i.flag.lv:before,
|
||||
i.flag.latvia:before {
|
||||
background-position: -36px -1456px;
|
||||
}
|
||||
i.flag.ly:before,
|
||||
i.flag.libya:before {
|
||||
background-position: -36px -1482px;
|
||||
}
|
||||
i.flag.ma:before,
|
||||
i.flag.morocco:before {
|
||||
background-position: -36px -1508px;
|
||||
}
|
||||
i.flag.mc:before,
|
||||
i.flag.monaco:before {
|
||||
background-position: -36px -1534px;
|
||||
}
|
||||
i.flag.md:before,
|
||||
i.flag.moldova:before {
|
||||
background-position: -36px -1560px;
|
||||
}
|
||||
i.flag.me:before,
|
||||
i.flag.montenegro:before {
|
||||
background-position: -36px -1586px;
|
||||
}
|
||||
i.flag.mg:before,
|
||||
i.flag.madagascar:before {
|
||||
background-position: -36px -1613px;
|
||||
}
|
||||
i.flag.mh:before,
|
||||
i.flag.marshall.islands:before {
|
||||
background-position: -36px -1639px;
|
||||
}
|
||||
i.flag.mk:before,
|
||||
i.flag.macedonia:before {
|
||||
background-position: -36px -1665px;
|
||||
}
|
||||
i.flag.ml:before,
|
||||
i.flag.mali:before {
|
||||
background-position: -36px -1691px;
|
||||
}
|
||||
i.flag.mm:before,
|
||||
i.flag.myanmar:before,
|
||||
i.flag.burma:before {
|
||||
background-position: -36px -1717px;
|
||||
}
|
||||
i.flag.mn:before,
|
||||
i.flag.mongolia:before {
|
||||
background-position: -36px -1743px;
|
||||
}
|
||||
i.flag.mo:before,
|
||||
i.flag.macau:before {
|
||||
background-position: -36px -1769px;
|
||||
}
|
||||
i.flag.mp:before,
|
||||
i.flag.northern.mariana.islands:before {
|
||||
background-position: -36px -1795px;
|
||||
}
|
||||
i.flag.mq:before,
|
||||
i.flag.martinique:before {
|
||||
background-position: -36px -1821px;
|
||||
}
|
||||
i.flag.mr:before,
|
||||
i.flag.mauritania:before {
|
||||
background-position: -36px -1847px;
|
||||
}
|
||||
i.flag.ms:before,
|
||||
i.flag.montserrat:before {
|
||||
background-position: -36px -1873px;
|
||||
}
|
||||
i.flag.mt:before,
|
||||
i.flag.malta:before {
|
||||
background-position: -36px -1899px;
|
||||
}
|
||||
i.flag.mu:before,
|
||||
i.flag.mauritius:before {
|
||||
background-position: -36px -1925px;
|
||||
}
|
||||
i.flag.mv:before,
|
||||
i.flag.maldives:before {
|
||||
background-position: -36px -1951px;
|
||||
}
|
||||
i.flag.mw:before,
|
||||
i.flag.malawi:before {
|
||||
background-position: -36px -1977px;
|
||||
}
|
||||
i.flag.mx:before,
|
||||
i.flag.mexico:before {
|
||||
background-position: -72px 0px;
|
||||
}
|
||||
i.flag.my:before,
|
||||
i.flag.malaysia:before {
|
||||
background-position: -72px -26px;
|
||||
}
|
||||
i.flag.mz:before,
|
||||
i.flag.mozambique:before {
|
||||
background-position: -72px -52px;
|
||||
}
|
||||
i.flag.na:before,
|
||||
i.flag.namibia:before {
|
||||
background-position: -72px -78px;
|
||||
}
|
||||
i.flag.nc:before,
|
||||
i.flag.new.caledonia:before {
|
||||
background-position: -72px -104px;
|
||||
}
|
||||
i.flag.ne:before,
|
||||
i.flag.niger:before {
|
||||
background-position: -72px -130px;
|
||||
}
|
||||
i.flag.nf:before,
|
||||
i.flag.norfolk.island:before {
|
||||
background-position: -72px -156px;
|
||||
}
|
||||
i.flag.ng:before,
|
||||
i.flag.nigeria:before {
|
||||
background-position: -72px -182px;
|
||||
}
|
||||
i.flag.ni:before,
|
||||
i.flag.nicaragua:before {
|
||||
background-position: -72px -208px;
|
||||
}
|
||||
i.flag.nl:before,
|
||||
i.flag.netherlands:before {
|
||||
background-position: -72px -234px;
|
||||
}
|
||||
i.flag.no:before,
|
||||
i.flag.norway:before {
|
||||
background-position: -72px -260px;
|
||||
}
|
||||
i.flag.np:before,
|
||||
i.flag.nepal:before {
|
||||
background-position: -72px -286px;
|
||||
}
|
||||
i.flag.nr:before,
|
||||
i.flag.nauru:before {
|
||||
background-position: -72px -312px;
|
||||
}
|
||||
i.flag.nu:before,
|
||||
i.flag.niue:before {
|
||||
background-position: -72px -338px;
|
||||
}
|
||||
i.flag.nz:before,
|
||||
i.flag.new.zealand:before {
|
||||
background-position: -72px -364px;
|
||||
}
|
||||
i.flag.om:before,
|
||||
i.flag.oman:before {
|
||||
background-position: -72px -390px;
|
||||
}
|
||||
i.flag.pa:before,
|
||||
i.flag.panama:before {
|
||||
background-position: -72px -416px;
|
||||
}
|
||||
i.flag.pe:before,
|
||||
i.flag.peru:before {
|
||||
background-position: -72px -442px;
|
||||
}
|
||||
i.flag.pf:before,
|
||||
i.flag.french.polynesia:before {
|
||||
background-position: -72px -468px;
|
||||
}
|
||||
i.flag.pg:before,
|
||||
i.flag.new.guinea:before {
|
||||
background-position: -72px -494px;
|
||||
}
|
||||
i.flag.ph:before,
|
||||
i.flag.philippines:before {
|
||||
background-position: -72px -520px;
|
||||
}
|
||||
i.flag.pk:before,
|
||||
i.flag.pakistan:before {
|
||||
background-position: -72px -546px;
|
||||
}
|
||||
i.flag.pl:before,
|
||||
i.flag.poland:before {
|
||||
background-position: -72px -572px;
|
||||
}
|
||||
i.flag.pm:before,
|
||||
i.flag.saint.pierre:before {
|
||||
background-position: -72px -598px;
|
||||
}
|
||||
i.flag.pn:before,
|
||||
i.flag.pitcairn.islands:before {
|
||||
background-position: -72px -624px;
|
||||
}
|
||||
i.flag.pr:before,
|
||||
i.flag.puerto.rico:before {
|
||||
background-position: -72px -650px;
|
||||
}
|
||||
i.flag.ps:before,
|
||||
i.flag.palestine:before {
|
||||
background-position: -72px -676px;
|
||||
}
|
||||
i.flag.pt:before,
|
||||
i.flag.portugal:before {
|
||||
background-position: -72px -702px;
|
||||
}
|
||||
i.flag.pw:before,
|
||||
i.flag.palau:before {
|
||||
background-position: -72px -728px;
|
||||
}
|
||||
i.flag.py:before,
|
||||
i.flag.paraguay:before {
|
||||
background-position: -72px -754px;
|
||||
}
|
||||
i.flag.qa:before,
|
||||
i.flag.qatar:before {
|
||||
background-position: -72px -780px;
|
||||
}
|
||||
i.flag.re:before,
|
||||
i.flag.reunion:before {
|
||||
background-position: -72px -806px;
|
||||
}
|
||||
i.flag.ro:before,
|
||||
i.flag.romania:before {
|
||||
background-position: -72px -832px;
|
||||
}
|
||||
i.flag.rs:before,
|
||||
i.flag.serbia:before {
|
||||
background-position: -72px -858px;
|
||||
}
|
||||
i.flag.ru:before,
|
||||
i.flag.russia:before {
|
||||
background-position: -72px -884px;
|
||||
}
|
||||
i.flag.rw:before,
|
||||
i.flag.rwanda:before {
|
||||
background-position: -72px -910px;
|
||||
}
|
||||
i.flag.sa:before,
|
||||
i.flag.saudi.arabia:before {
|
||||
background-position: -72px -936px;
|
||||
}
|
||||
i.flag.sb:before,
|
||||
i.flag.solomon.islands:before {
|
||||
background-position: -72px -962px;
|
||||
}
|
||||
i.flag.sc:before,
|
||||
i.flag.seychelles:before {
|
||||
background-position: -72px -988px;
|
||||
}
|
||||
i.flag.gb.sct:before,
|
||||
i.flag.scotland:before {
|
||||
background-position: -72px -1014px;
|
||||
}
|
||||
i.flag.sd:before,
|
||||
i.flag.sudan:before {
|
||||
background-position: -72px -1040px;
|
||||
}
|
||||
i.flag.se:before,
|
||||
i.flag.sweden:before {
|
||||
background-position: -72px -1066px;
|
||||
}
|
||||
i.flag.sg:before,
|
||||
i.flag.singapore:before {
|
||||
background-position: -72px -1092px;
|
||||
}
|
||||
i.flag.sh:before,
|
||||
i.flag.saint.helena:before {
|
||||
background-position: -72px -1118px;
|
||||
}
|
||||
i.flag.si:before,
|
||||
i.flag.slovenia:before {
|
||||
background-position: -72px -1144px;
|
||||
}
|
||||
i.flag.sj:before,
|
||||
i.flag.svalbard:before,
|
||||
i.flag.jan.mayen:before {
|
||||
background-position: -72px -1170px;
|
||||
}
|
||||
i.flag.sk:before,
|
||||
i.flag.slovakia:before {
|
||||
background-position: -72px -1196px;
|
||||
}
|
||||
i.flag.sl:before,
|
||||
i.flag.sierra.leone:before {
|
||||
background-position: -72px -1222px;
|
||||
}
|
||||
i.flag.sm:before,
|
||||
i.flag.san.marino:before {
|
||||
background-position: -72px -1248px;
|
||||
}
|
||||
i.flag.sn:before,
|
||||
i.flag.senegal:before {
|
||||
background-position: -72px -1274px;
|
||||
}
|
||||
i.flag.so:before,
|
||||
i.flag.somalia:before {
|
||||
background-position: -72px -1300px;
|
||||
}
|
||||
i.flag.sr:before,
|
||||
i.flag.suriname:before {
|
||||
background-position: -72px -1326px;
|
||||
}
|
||||
i.flag.st:before,
|
||||
i.flag.sao.tome:before {
|
||||
background-position: -72px -1352px;
|
||||
}
|
||||
i.flag.sv:before,
|
||||
i.flag.el.salvador:before {
|
||||
background-position: -72px -1378px;
|
||||
}
|
||||
i.flag.sy:before,
|
||||
i.flag.syria:before {
|
||||
background-position: -72px -1404px;
|
||||
}
|
||||
i.flag.sz:before,
|
||||
i.flag.swaziland:before {
|
||||
background-position: -72px -1430px;
|
||||
}
|
||||
i.flag.tc:before,
|
||||
i.flag.caicos.islands:before {
|
||||
background-position: -72px -1456px;
|
||||
}
|
||||
i.flag.td:before,
|
||||
i.flag.chad:before {
|
||||
background-position: -72px -1482px;
|
||||
}
|
||||
i.flag.tf:before,
|
||||
i.flag.french.territories:before {
|
||||
background-position: -72px -1508px;
|
||||
}
|
||||
i.flag.tg:before,
|
||||
i.flag.togo:before {
|
||||
background-position: -72px -1534px;
|
||||
}
|
||||
i.flag.th:before,
|
||||
i.flag.thailand:before {
|
||||
background-position: -72px -1560px;
|
||||
}
|
||||
i.flag.tj:before,
|
||||
i.flag.tajikistan:before {
|
||||
background-position: -72px -1586px;
|
||||
}
|
||||
i.flag.tk:before,
|
||||
i.flag.tokelau:before {
|
||||
background-position: -72px -1612px;
|
||||
}
|
||||
i.flag.tl:before,
|
||||
i.flag.timorleste:before {
|
||||
background-position: -72px -1638px;
|
||||
}
|
||||
i.flag.tm:before,
|
||||
i.flag.turkmenistan:before {
|
||||
background-position: -72px -1664px;
|
||||
}
|
||||
i.flag.tn:before,
|
||||
i.flag.tunisia:before {
|
||||
background-position: -72px -1690px;
|
||||
}
|
||||
i.flag.to:before,
|
||||
i.flag.tonga:before {
|
||||
background-position: -72px -1716px;
|
||||
}
|
||||
i.flag.tr:before,
|
||||
i.flag.turkey:before {
|
||||
background-position: -72px -1742px;
|
||||
}
|
||||
i.flag.tt:before,
|
||||
i.flag.trinidad:before {
|
||||
background-position: -72px -1768px;
|
||||
}
|
||||
i.flag.tv:before,
|
||||
i.flag.tuvalu:before {
|
||||
background-position: -72px -1794px;
|
||||
}
|
||||
i.flag.tw:before,
|
||||
i.flag.taiwan:before {
|
||||
background-position: -72px -1820px;
|
||||
}
|
||||
i.flag.tz:before,
|
||||
i.flag.tanzania:before {
|
||||
background-position: -72px -1846px;
|
||||
}
|
||||
i.flag.ua:before,
|
||||
i.flag.ukraine:before {
|
||||
background-position: -72px -1872px;
|
||||
}
|
||||
i.flag.ug:before,
|
||||
i.flag.uganda:before {
|
||||
background-position: -72px -1898px;
|
||||
}
|
||||
i.flag.um:before,
|
||||
i.flag.us.minor.islands:before {
|
||||
background-position: -72px -1924px;
|
||||
}
|
||||
i.flag.us:before,
|
||||
i.flag.america:before,
|
||||
i.flag.united.states:before {
|
||||
background-position: -72px -1950px;
|
||||
}
|
||||
i.flag.uy:before,
|
||||
i.flag.uruguay:before {
|
||||
background-position: -72px -1976px;
|
||||
}
|
||||
i.flag.uz:before,
|
||||
i.flag.uzbekistan:before {
|
||||
background-position: -108px 0px;
|
||||
}
|
||||
i.flag.va:before,
|
||||
i.flag.vatican.city:before {
|
||||
background-position: -108px -26px;
|
||||
}
|
||||
i.flag.vc:before,
|
||||
i.flag.saint.vincent:before {
|
||||
background-position: -108px -52px;
|
||||
}
|
||||
i.flag.ve:before,
|
||||
i.flag.venezuela:before {
|
||||
background-position: -108px -78px;
|
||||
}
|
||||
i.flag.vg:before,
|
||||
i.flag.british.virgin.islands:before {
|
||||
background-position: -108px -104px;
|
||||
}
|
||||
i.flag.vi:before,
|
||||
i.flag.us.virgin.islands:before {
|
||||
background-position: -108px -130px;
|
||||
}
|
||||
i.flag.vn:before,
|
||||
i.flag.vietnam:before {
|
||||
background-position: -108px -156px;
|
||||
}
|
||||
i.flag.vu:before,
|
||||
i.flag.vanuatu:before {
|
||||
background-position: -108px -182px;
|
||||
}
|
||||
i.flag.gb.wls:before,
|
||||
i.flag.wales:before {
|
||||
background-position: -108px -208px;
|
||||
}
|
||||
i.flag.wf:before,
|
||||
i.flag.wallis.and.futuna:before {
|
||||
background-position: -108px -234px;
|
||||
}
|
||||
i.flag.ws:before,
|
||||
i.flag.samoa:before {
|
||||
background-position: -108px -260px;
|
||||
}
|
||||
i.flag.ye:before,
|
||||
i.flag.yemen:before {
|
||||
background-position: -108px -286px;
|
||||
}
|
||||
i.flag.yt:before,
|
||||
i.flag.mayotte:before {
|
||||
background-position: -108px -312px;
|
||||
}
|
||||
i.flag.za:before,
|
||||
i.flag.south.africa:before {
|
||||
background-position: -108px -338px;
|
||||
}
|
||||
i.flag.zm:before,
|
||||
i.flag.zambia:before {
|
||||
background-position: -108px -364px;
|
||||
}
|
||||
i.flag.zw:before,
|
||||
i.flag.zimbabwe:before {
|
||||
background-position: -108px -390px;
|
||||
}
|
||||
13
semantic/src/themes/dark/elements/flag.variables
Normal file
13
semantic/src/themes/dark/elements/flag.variables
Normal file
@@ -0,0 +1,13 @@
|
||||
/*******************************
|
||||
Flag
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@spritePath: "@{imagePath}/flags.png";
|
||||
@width: 16px;
|
||||
@height: 11px;
|
||||
@verticalAlign: baseline;
|
||||
@margin: 0.5em;
|
||||
4
semantic/src/themes/dark/elements/header.overrides
Normal file
4
semantic/src/themes/dark/elements/header.overrides
Normal file
@@ -0,0 +1,4 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
|
||||
151
semantic/src/themes/dark/elements/header.variables
Normal file
151
semantic/src/themes/dark/elements/header.variables
Normal file
@@ -0,0 +1,151 @@
|
||||
/*******************************
|
||||
Header
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@textTransform: none;
|
||||
@fontFamily: @headerFont;
|
||||
@fontWeight: @headerFontWeight;
|
||||
@lineHeight: @headerLineHeight;
|
||||
@lineHeightOffset: @headerLineHeightOffset;
|
||||
|
||||
@topMargin: @headerTopMargin;
|
||||
@bottomMargin: @headerBottomMargin;
|
||||
@margin: @topMargin 0em @bottomMargin;
|
||||
|
||||
@firstMargin: -@lineHeightOffset;
|
||||
@lastMargin: 0em;
|
||||
@horizontalPadding: 0em;
|
||||
@verticalPadding: 0em;
|
||||
|
||||
/* Sub Heading */
|
||||
@subHeadingDistance: @2px;
|
||||
@subHeadingFontSize: @relativeTiny;
|
||||
@subHeadingFontWeight: bold;
|
||||
@subHeadingTextTransform: uppercase;
|
||||
@subHeadingColor: '';
|
||||
|
||||
@smallSubHeadingSize: @relativeMini;
|
||||
@largeSubHeadingSize: @relativeSmall;
|
||||
@hugeSubHeadingSize: @relativeMedium;
|
||||
|
||||
/* Sub Header */
|
||||
@subHeaderMargin: 0em;
|
||||
@subHeaderLineHeight: 1.2em;
|
||||
@subHeaderColor: @mutedTextColor;
|
||||
|
||||
/* Icon */
|
||||
@iconOpacity: 1;
|
||||
@iconSize: 1.5em;
|
||||
@iconOffset: @lineHeightOffset;
|
||||
@iconMargin: 0.75rem;
|
||||
@iconAlignment: middle;
|
||||
|
||||
/* Image */
|
||||
@imageWidth: 2.5em;
|
||||
@imageHeight: auto;
|
||||
@imageOffset: @lineHeightOffset;
|
||||
@imageMargin: @iconMargin;
|
||||
@imageAlignment: middle;
|
||||
|
||||
/* Label */
|
||||
@labelSize: '';
|
||||
@labelDistance: 0.5rem;
|
||||
@labelVerticalAlign: middle;
|
||||
|
||||
/* Content */
|
||||
@contentAlignment: top;
|
||||
@contentIconAlignment: middle;
|
||||
@contentImageAlignment: middle;
|
||||
|
||||
/* Paragraph after Header */
|
||||
@nextParagraphDistance: 0em;
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Sizing */
|
||||
@hugeFontSize : unit(@h1, em);
|
||||
@largeFontSize : unit(@h2, em);
|
||||
@mediumFontSize : unit(@h3, em);
|
||||
@smallFontSize : unit(@h4, em);
|
||||
@tinyFontSize : unit(@h5, em);
|
||||
|
||||
/* Sub Header */
|
||||
@h1SubHeaderFontSize: @large;
|
||||
@h2SubHeaderFontSize: @large;
|
||||
@h3SubHeaderFontSize: @medium;
|
||||
@h4SubHeaderFontSize: @medium;
|
||||
@h5SubHeaderFontSize: @small;
|
||||
|
||||
@hugeSubHeaderFontSize : @h1SubHeaderFontSize;
|
||||
@largeSubHeaderFontSize : @h2SubHeaderFontSize;
|
||||
@subHeaderFontSize : @h3SubHeaderFontSize;
|
||||
@smallSubHeaderFontSize : @h4SubHeaderFontSize;
|
||||
@tinySubHeaderFontSize : @h5SubHeaderFontSize;
|
||||
|
||||
/* Icon Header */
|
||||
@iconHeaderSize: 3em;
|
||||
@iconHeaderOpacity: 1;
|
||||
@iconHeaderMargin: 0.5rem;
|
||||
@circularHeaderIconSize: 2em;
|
||||
@squareHeaderIconSize: 2em;
|
||||
|
||||
/* No Line Height Offset */
|
||||
@iconHeaderTopMargin: 2rem;
|
||||
@iconHeaderBottomMargin: @bottomMargin;
|
||||
@iconHeaderFirstMargin: 0em;
|
||||
|
||||
/* Divided */
|
||||
@dividedBorderWidth: 1px;
|
||||
@dividedBorder: @dividedBorderWidth solid @borderColor;
|
||||
@dividedColoredBorderWidth: 2px;
|
||||
|
||||
@dividedBorderPadding: @3px;
|
||||
@dividedSubHeaderPadding: @3px;
|
||||
@dividedIconPadding: 0em;
|
||||
|
||||
/* Block */
|
||||
@blockBackground: @darkWhite;
|
||||
@blockBoxShadow: none;
|
||||
@blockBorderWidth: 1px;
|
||||
@blockBorder: @blockBorderWidth solid @solidBorderColor;
|
||||
@blockHorizontalPadding: @medium;
|
||||
@blockVerticalPadding: @mini;
|
||||
@blockBorderRadius: @defaultBorderRadius;
|
||||
|
||||
@tinyBlock: @tiny;
|
||||
@smallBlock: @small;
|
||||
@mediumBlock: @medium;
|
||||
@largeBlock: @large;
|
||||
@hugeBlock: @huge;
|
||||
|
||||
/* Attached */
|
||||
@attachedOffset: -1px;
|
||||
@attachedBoxShadow: none;
|
||||
@attachedBorder: 1px solid @solidBorderColor;
|
||||
@attachedVerticalPadding: @blockVerticalPadding;
|
||||
@attachedHorizontalPadding: @blockHorizontalPadding;
|
||||
@attachedBackground: @white;
|
||||
@attachedBorderRadius: @blockBorderRadius;
|
||||
|
||||
@tinyAttachedSize: @relativeTiny;
|
||||
@smallAttachedSize: @relativeSmall;
|
||||
@mediumAttachedSize: @relativeMedium;
|
||||
@largeAttachedSize: @relativeLarge;
|
||||
@bigAttachedSize: @relativeBig;
|
||||
@hugeAttachedSize: @relativeHuge;
|
||||
|
||||
/* Inverted */
|
||||
@invertedColor: @white;
|
||||
@invertedSubHeaderColor: @invertedMutedTextColor;
|
||||
@invertedDividedBorderColor: @whiteBorderColor;
|
||||
@invertedBlockBackground: @lightBlack @subtleGradient;
|
||||
@invertedAttachedBackground: @invertedBlockBackground;
|
||||
|
||||
/* Floated */
|
||||
@floatedMargin: 0.5em;
|
||||
941
semantic/src/themes/dark/elements/icon.overrides
Normal file
941
semantic/src/themes/dark/elements/icon.overrides
Normal file
@@ -0,0 +1,941 @@
|
||||
/*
|
||||
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
|
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||
*/
|
||||
|
||||
/*******************************
|
||||
|
||||
Semantic-UI integration of font-awesome :
|
||||
|
||||
///class names are separated
|
||||
i.icon.circle => i.icon.circle
|
||||
i.icon.circle-o => i.icon.circle.outline
|
||||
|
||||
//abbreviation are replaced by full letters:
|
||||
i.icon.ellipsis-h => i.icon.ellipsis.horizontal
|
||||
i.icon.ellipsis-v => i.icon.ellipsis.vertical
|
||||
.alpha => .i.icon.alphabet
|
||||
.asc => .i.icon.ascending
|
||||
.desc => .i.icon.descending
|
||||
.alt =>.alternate
|
||||
|
||||
ASCII order is conserved for easier maintenance.
|
||||
|
||||
Icons that only have one style 'outline', 'square' etc do not require this class
|
||||
for instance `lemon icon` not `lemon outline icon` since there is only one lemon
|
||||
|
||||
*******************************/
|
||||
|
||||
/*******************************
|
||||
Icons
|
||||
*******************************/
|
||||
|
||||
/* Web Content */
|
||||
i.icon.search:before { content: "\f002"; }
|
||||
i.icon.mail.outline:before { content: "\f003"; }
|
||||
i.icon.signal:before { content: "\f012"; }
|
||||
i.icon.setting:before { content: "\f013"; }
|
||||
i.icon.home:before { content: "\f015"; }
|
||||
i.icon.inbox:before { content: "\f01c"; }
|
||||
i.icon.browser:before { content: "\f022"; }
|
||||
i.icon.tag:before { content: "\f02b"; }
|
||||
i.icon.tags:before { content: "\f02c"; }
|
||||
i.icon.image:before { content: "\f03e"; }
|
||||
i.icon.calendar:before { content: "\f073"; }
|
||||
i.icon.comment:before { content: "\f075"; }
|
||||
i.icon.shop:before { content: "\f07a"; }
|
||||
i.icon.comments:before { content: "\f086"; }
|
||||
i.icon.external:before { content: "\f08e"; }
|
||||
i.icon.privacy:before { content: "\f084"; }
|
||||
i.icon.settings:before { content: "\f085"; }
|
||||
i.icon.comments:before { content: "\f086"; }
|
||||
i.icon.external:before { content: "\f08e"; }
|
||||
i.icon.trophy:before { content: "\f091"; }
|
||||
i.icon.payment:before { content: "\f09d"; }
|
||||
i.icon.feed:before { content: "\f09e"; }
|
||||
i.icon.alarm.outline:before { content: "\f0a2"; }
|
||||
i.icon.tasks:before { content: "\f0ae"; }
|
||||
i.icon.cloud:before { content: "\f0c2"; }
|
||||
i.icon.lab:before { content: "\f0c3"; }
|
||||
i.icon.mail:before { content: "\f0e0"; }
|
||||
i.icon.dashboard:before { content: "\f0e4"; }
|
||||
i.icon.comment.outline:before { content: "\f0e5"; }
|
||||
i.icon.comments.outline:before { content: "\f0e6"; }
|
||||
i.icon.sitemap:before { content: "\f0e8"; }
|
||||
i.icon.idea:before { content: "\f0eb"; }
|
||||
i.icon.alarm:before { content: "\f0f3"; }
|
||||
i.icon.terminal:before { content: "\f120"; }
|
||||
i.icon.code:before { content: "\f121"; }
|
||||
i.icon.protect:before { content: "\f132"; }
|
||||
i.icon.calendar.outline:before { content: "\f133"; }
|
||||
i.icon.ticket:before { content: "\f145"; }
|
||||
i.icon.external.square:before { content: "\f14c"; }
|
||||
i.icon.bug:before { content: "\f188"; }
|
||||
i.icon.mail.square:before { content: "\f199"; }
|
||||
i.icon.history:before { content: "\f1da"; }
|
||||
i.icon.options:before { content: "\f1de"; }
|
||||
i.icon.text.telephone:before { content: "\f1e4"; }
|
||||
i.icon.find:before { content: "\f1e5"; }
|
||||
i.icon.wifi:before { content: "\f1eb"; }
|
||||
i.icon.alarm.mute:before { content: "\f1f6"; }
|
||||
i.icon.alarm.mute.outline:before { content: "\f1f7"; }
|
||||
i.icon.copyright:before { content: "\f1f9"; }
|
||||
i.icon.at:before { content: "\f1fa"; }
|
||||
i.icon.eyedropper:before { content: "\f1fb"; }
|
||||
i.icon.paint.brush:before { content: "\f1fc"; }
|
||||
i.icon.heartbeat:before { content: "\f21e"; }
|
||||
i.icon.mouse.pointer:before { content: "\f245"; }
|
||||
i.icon.hourglass.empty:before { content: "\f250"; }
|
||||
i.icon.hourglass.start:before { content: "\f251"; }
|
||||
i.icon.hourglass.half:before { content: "\f252"; }
|
||||
i.icon.hourglass.end:before { content: "\f253"; }
|
||||
i.icon.hourglass.full:before { content: "\f254"; }
|
||||
i.icon.hand.pointer:before { content: "\f25a"; }
|
||||
i.icon.trademark:before { content: "\f25c"; }
|
||||
i.icon.registered:before { content: "\f25d"; }
|
||||
i.icon.creative.commons:before { content: "\f25e"; }
|
||||
i.icon.add.to.calendar:before { content: "\f271"; }
|
||||
i.icon.remove.from.calendar:before { content: "\f272"; }
|
||||
i.icon.delete.calendar:before { content: "\f273"; }
|
||||
i.icon.checked.calendar:before { content: "\f274"; }
|
||||
i.icon.industry:before { content: "\f275"; }
|
||||
i.icon.shopping.bag:before { content: "\f290"; }
|
||||
i.icon.shopping.basket:before { content: "\f291"; }
|
||||
i.icon.hashtag:before { content: "\f292"; }
|
||||
i.icon.percent:before { content: "\f295"; }
|
||||
|
||||
/* User Actions */
|
||||
i.icon.wait:before { content: "\f017"; }
|
||||
i.icon.download:before { content: "\f019"; }
|
||||
i.icon.repeat:before { content: "\f01e"; }
|
||||
i.icon.refresh:before { content: "\f021"; }
|
||||
i.icon.lock:before { content: "\f023"; }
|
||||
i.icon.bookmark:before { content: "\f02e"; }
|
||||
i.icon.print:before { content: "\f02f"; }
|
||||
i.icon.write:before { content: "\f040"; }
|
||||
i.icon.adjust:before { content: "\f042"; }
|
||||
i.icon.theme:before { content: "\f043"; }
|
||||
i.icon.edit:before { content: "\f044"; }
|
||||
i.icon.external.share:before { content: "\f045"; }
|
||||
i.icon.ban:before { content: "\f05e"; }
|
||||
i.icon.mail.forward:before { content: "\f064"; }
|
||||
i.icon.share:before { content: "\f064"; }
|
||||
i.icon.expand:before { content: "\f065"; }
|
||||
i.icon.compress:before { content: "\f066"; }
|
||||
i.icon.unhide:before { content: "\f06e"; }
|
||||
i.icon.hide:before { content: "\f070"; }
|
||||
i.icon.random:before { content: "\f074"; }
|
||||
i.icon.retweet:before { content: "\f079"; }
|
||||
i.icon.sign.out:before { content: "\f08b"; }
|
||||
i.icon.pin:before { content: "\f08d"; }
|
||||
i.icon.sign.in:before { content: "\f090"; }
|
||||
i.icon.upload:before { content: "\f093"; }
|
||||
i.icon.call:before { content: "\f095"; }
|
||||
i.icon.remove.bookmark:before { content: "\f097"; }
|
||||
i.icon.call.square:before { content: "\f098"; }
|
||||
i.icon.unlock:before { content: "\f09c"; }
|
||||
i.icon.configure:before { content: "\f0ad"; }
|
||||
i.icon.filter:before { content: "\f0b0"; }
|
||||
i.icon.wizard:before { content: "\f0d0"; }
|
||||
i.icon.undo:before { content: "\f0e2"; }
|
||||
i.icon.exchange:before { content: "\f0ec"; }
|
||||
i.icon.cloud.download:before { content: "\f0ed"; }
|
||||
i.icon.cloud.upload:before { content: "\f0ee"; }
|
||||
i.icon.reply:before { content: "\f112"; }
|
||||
i.icon.reply.all:before { content: "\f122"; }
|
||||
i.icon.erase:before { content: "\f12d"; }
|
||||
i.icon.unlock.alternate:before { content: "\f13e"; }
|
||||
i.icon.write.square:before { content: "\f14b"; }
|
||||
i.icon.share.square:before { content: "\f14d"; }
|
||||
i.icon.archive:before { content: "\f187"; }
|
||||
i.icon.translate:before { content: "\f1ab"; }
|
||||
i.icon.recycle:before { content: "\f1b8"; }
|
||||
i.icon.send:before { content: "\f1d8"; }
|
||||
i.icon.send.outline:before { content: "\f1d9"; }
|
||||
i.icon.share.alternate:before { content: "\f1e0"; }
|
||||
i.icon.share.alternate.square:before { content: "\f1e1"; }
|
||||
i.icon.add.to.cart:before { content: "\f217"; }
|
||||
i.icon.in.cart:before { content: "\f218"; }
|
||||
i.icon.add.user:before { content: "\f234"; }
|
||||
i.icon.remove.user:before { content: "\f235"; }
|
||||
i.icon.object.group:before { content: "\f247"; }
|
||||
i.icon.object.ungroup:before { content: "\f248"; }
|
||||
i.icon.clone:before { content: "\f24d"; }
|
||||
i.icon.talk:before { content: "\f27a"; }
|
||||
i.icon.talk.outline:before { content: "\f27b"; }
|
||||
|
||||
/* Messages */
|
||||
i.icon.help.circle:before { content: "\f059"; }
|
||||
i.icon.info.circle:before { content: "\f05a"; }
|
||||
i.icon.warning.circle:before { content: "\f06a"; }
|
||||
i.icon.warning.sign:before { content: "\f071"; }
|
||||
i.icon.announcement:before { content: "\f0a1"; }
|
||||
i.icon.help:before { content: "\f128"; }
|
||||
i.icon.info:before { content: "\f129"; }
|
||||
i.icon.warning:before { content: "\f12a"; }
|
||||
i.icon.birthday:before { content: "\f1fd"; }
|
||||
i.icon.help.circle.outline:before { content: "\f29c"; }
|
||||
|
||||
/* Users */
|
||||
i.icon.user:before { content: "\f007"; }
|
||||
i.icon.users:before { content: "\f0c0"; }
|
||||
i.icon.doctor:before { content: "\f0f0"; }
|
||||
i.icon.handicap:before { content: "\f193"; }
|
||||
i.icon.student:before { content: "\f19d"; }
|
||||
i.icon.child:before { content: "\f1ae"; }
|
||||
i.icon.spy:before { content: "\f21b"; }
|
||||
|
||||
/* Gender & Sexuality */
|
||||
i.icon.female:before { content: "\f182"; }
|
||||
i.icon.male:before { content: "\f183"; }
|
||||
i.icon.woman:before { content: "\f221"; }
|
||||
i.icon.man:before { content: "\f222"; }
|
||||
i.icon.non.binary.transgender:before { content: "\f223"; }
|
||||
i.icon.intergender:before { content: "\f224"; }
|
||||
i.icon.transgender:before { content: "\f225"; }
|
||||
i.icon.lesbian:before { content: "\f226"; }
|
||||
i.icon.gay:before { content: "\f227"; }
|
||||
i.icon.heterosexual:before { content: "\f228"; }
|
||||
i.icon.other.gender:before { content: "\f229"; }
|
||||
i.icon.other.gender.vertical:before { content: "\f22a"; }
|
||||
i.icon.other.gender.horizontal:before { content: "\f22b"; }
|
||||
i.icon.neuter:before { content: "\f22c"; }
|
||||
i.icon.genderless:before { content: "\f22d"; }
|
||||
|
||||
/* Accessibility */
|
||||
i.icon.universal.access:before { content: "\f29a"; }
|
||||
i.icon.wheelchair:before { content: "\f29b"; }
|
||||
i.icon.blind:before { content: "\f29d"; }
|
||||
i.icon.audio.description:before { content: "\f29e"; }
|
||||
i.icon.volume.control.phone:before { content: "\f2a0"; }
|
||||
i.icon.braille:before { content: "\f2a1"; }
|
||||
i.icon.asl:before { content: "\f2a3"; }
|
||||
i.icon.assistive.listening.systems:before { content: "\f2a2"; }
|
||||
i.icon.deafness:before { content: "\f2a4"; }
|
||||
i.icon.sign.language:before { content: "\f2a7"; }
|
||||
i.icon.low.vision:before { content: "\f2a8"; }
|
||||
|
||||
/* View Adjustment */
|
||||
i.icon.block.layout:before { content: "\f009"; }
|
||||
i.icon.grid.layout:before { content: "\f00a"; }
|
||||
i.icon.list.layout:before { content: "\f00b"; }
|
||||
i.icon.zoom:before { content: "\f00e"; }
|
||||
i.icon.zoom.out:before { content: "\f010"; }
|
||||
i.icon.resize.vertical:before { content: "\f07d"; }
|
||||
i.icon.resize.horizontal:before { content: "\f07e"; }
|
||||
i.icon.maximize:before { content: "\f0b2"; }
|
||||
i.icon.crop:before { content: "\f125"; }
|
||||
|
||||
/* Literal Objects */
|
||||
i.icon.cocktail:before { content: "\f000"; }
|
||||
i.icon.road:before { content: "\f018"; }
|
||||
i.icon.flag:before { content: "\f024"; }
|
||||
i.icon.book:before { content: "\f02d"; }
|
||||
i.icon.gift:before { content: "\f06b"; }
|
||||
i.icon.leaf:before { content: "\f06c"; }
|
||||
i.icon.fire:before { content: "\f06d"; }
|
||||
i.icon.plane:before { content: "\f072"; }
|
||||
i.icon.magnet:before { content: "\f076"; }
|
||||
i.icon.lemon:before { content: "\f094"; }
|
||||
i.icon.world:before { content: "\f0ac"; }
|
||||
i.icon.travel:before { content: "\f0b1"; }
|
||||
i.icon.shipping:before { content: "\f0d1"; }
|
||||
i.icon.money:before { content: "\f0d6"; }
|
||||
i.icon.legal:before { content: "\f0e3"; }
|
||||
i.icon.lightning:before { content: "\f0e7"; }
|
||||
i.icon.umbrella:before { content: "\f0e9"; }
|
||||
i.icon.treatment:before { content: "\f0f1"; }
|
||||
i.icon.suitcase:before { content: "\f0f2"; }
|
||||
i.icon.bar:before { content: "\f0fc"; }
|
||||
i.icon.flag.outline:before { content: "\f11d"; }
|
||||
i.icon.flag.checkered:before { content: "\f11e"; }
|
||||
i.icon.puzzle:before { content: "\f12e"; }
|
||||
i.icon.fire.extinguisher:before { content: "\f134"; }
|
||||
i.icon.rocket:before { content: "\f135"; }
|
||||
i.icon.anchor:before { content: "\f13d"; }
|
||||
i.icon.bullseye:before { content: "\f140"; }
|
||||
i.icon.sun:before { content: "\f185"; }
|
||||
i.icon.moon:before { content: "\f186"; }
|
||||
i.icon.fax:before { content: "\f1ac"; }
|
||||
i.icon.life.ring:before { content: "\f1cd"; }
|
||||
i.icon.bomb:before { content: "\f1e2"; }
|
||||
i.icon.soccer:before { content: "\f1e3"; }
|
||||
i.icon.calculator:before { content: "\f1ec"; }
|
||||
i.icon.diamond:before { content: "\f219"; }
|
||||
i.icon.sticky.note:before { content: "\f249"; }
|
||||
i.icon.sticky.note.outline:before { content: "\f24a"; }
|
||||
i.icon.law:before { content: "\f24e"; }
|
||||
i.icon.hand.peace:before { content: "\f25b"; }
|
||||
i.icon.hand.rock:before { content: "\f255"; }
|
||||
i.icon.hand.paper:before { content: "\f256"; }
|
||||
i.icon.hand.scissors:before { content: "\f257"; }
|
||||
i.icon.hand.lizard:before { content: "\f258"; }
|
||||
i.icon.hand.spock:before { content: "\f259"; }
|
||||
i.icon.tv:before { content: "\f26c"; }
|
||||
|
||||
/* Shapes */
|
||||
i.icon.crosshairs:before { content: "\f05b"; }
|
||||
i.icon.asterisk:before { content: "\f069"; }
|
||||
i.icon.square.outline:before { content: "\f096"; }
|
||||
i.icon.certificate:before { content: "\f0a3"; }
|
||||
i.icon.square:before { content: "\f0c8"; }
|
||||
i.icon.quote.left:before { content: "\f10d"; }
|
||||
i.icon.quote.right:before { content: "\f10e"; }
|
||||
i.icon.spinner:before { content: "\f110"; }
|
||||
i.icon.circle:before { content: "\f111"; }
|
||||
i.icon.ellipsis.horizontal:before { content: "\f141"; }
|
||||
i.icon.ellipsis.vertical:before { content: "\f142"; }
|
||||
i.icon.cube:before { content: "\f1b2"; }
|
||||
i.icon.cubes:before { content: "\f1b3"; }
|
||||
i.icon.circle.notched:before { content: "\f1ce"; }
|
||||
i.icon.circle.thin:before { content: "\f1db"; }
|
||||
|
||||
/* Item Selection */
|
||||
i.icon.checkmark:before { content: "\f00c"; }
|
||||
i.icon.remove:before { content: "\f00d"; }
|
||||
i.icon.checkmark.box:before { content: "\f046"; }
|
||||
i.icon.move:before { content: "\f047"; }
|
||||
i.icon.add.circle:before { content: "\f055"; }
|
||||
i.icon.minus.circle:before { content: "\f056"; }
|
||||
i.icon.remove.circle:before { content: "\f057"; }
|
||||
i.icon.check.circle:before { content: "\f058"; }
|
||||
i.icon.remove.circle.outline:before { content: "\f05c"; }
|
||||
i.icon.check.circle.outline:before { content: "\f05d"; }
|
||||
i.icon.plus:before { content: "\f067"; }
|
||||
i.icon.minus:before { content: "\f068"; }
|
||||
i.icon.add.square:before { content: "\f0fe"; }
|
||||
i.icon.radio:before { content: "\f10c"; }
|
||||
i.icon.minus.square:before { content: "\f146"; }
|
||||
i.icon.minus.square.outline:before { content: "\f147"; }
|
||||
i.icon.check.square:before { content: "\f14a"; }
|
||||
i.icon.selected.radio:before { content: "\f192"; }
|
||||
i.icon.plus.square.outline:before { content: "\f196"; }
|
||||
i.icon.toggle.off:before { content: "\f204"; }
|
||||
i.icon.toggle.on:before { content: "\f205"; }
|
||||
|
||||
/* Media */
|
||||
i.icon.film:before { content: "\f008"; }
|
||||
i.icon.sound:before { content: "\f025"; }
|
||||
i.icon.photo:before { content: "\f030"; }
|
||||
i.icon.bar.chart:before { content: "\f080"; }
|
||||
i.icon.camera.retro:before { content: "\f083"; }
|
||||
i.icon.newspaper:before { content: "\f1ea"; }
|
||||
i.icon.area.chart:before { content: "\f1fe"; }
|
||||
i.icon.pie.chart:before { content: "\f200"; }
|
||||
i.icon.line.chart:before { content: "\f201"; }
|
||||
|
||||
/* Pointers */
|
||||
i.icon.arrow.circle.outline.down:before { content: "\f01a"; }
|
||||
i.icon.arrow.circle.outline.up:before { content: "\f01b"; }
|
||||
i.icon.chevron.left:before { content: "\f053"; }
|
||||
i.icon.chevron.right:before { content: "\f054"; }
|
||||
i.icon.arrow.left:before { content: "\f060"; }
|
||||
i.icon.arrow.right:before { content: "\f061"; }
|
||||
i.icon.arrow.up:before { content: "\f062"; }
|
||||
i.icon.arrow.down:before { content: "\f063"; }
|
||||
i.icon.chevron.up:before { content: "\f077"; }
|
||||
i.icon.chevron.down:before { content: "\f078"; }
|
||||
i.icon.pointing.right:before { content: "\f0a4"; }
|
||||
i.icon.pointing.left:before { content: "\f0a5"; }
|
||||
i.icon.pointing.up:before { content: "\f0a6"; }
|
||||
i.icon.pointing.down:before { content: "\f0a7"; }
|
||||
i.icon.arrow.circle.left:before { content: "\f0a8"; }
|
||||
i.icon.arrow.circle.right:before { content: "\f0a9"; }
|
||||
i.icon.arrow.circle.up:before { content: "\f0aa"; }
|
||||
i.icon.arrow.circle.down:before { content: "\f0ab"; }
|
||||
i.icon.caret.down:before { content: "\f0d7"; }
|
||||
i.icon.caret.up:before { content: "\f0d8"; }
|
||||
i.icon.caret.left:before { content: "\f0d9"; }
|
||||
i.icon.caret.right:before { content: "\f0da"; }
|
||||
i.icon.angle.double.left:before { content: "\f100"; }
|
||||
i.icon.angle.double.right:before { content: "\f101"; }
|
||||
i.icon.angle.double.up:before { content: "\f102"; }
|
||||
i.icon.angle.double.down:before { content: "\f103"; }
|
||||
i.icon.angle.left:before { content: "\f104"; }
|
||||
i.icon.angle.right:before { content: "\f105"; }
|
||||
i.icon.angle.up:before { content: "\f106"; }
|
||||
i.icon.angle.down:before { content: "\f107"; }
|
||||
i.icon.chevron.circle.left:before { content: "\f137"; }
|
||||
i.icon.chevron.circle.right:before { content: "\f138"; }
|
||||
i.icon.chevron.circle.up:before { content: "\f139"; }
|
||||
i.icon.chevron.circle.down:before { content: "\f13a"; }
|
||||
i.icon.toggle.down:before { content: "\f150"; }
|
||||
i.icon.toggle.up:before { content: "\f151"; }
|
||||
i.icon.toggle.right:before { content: "\f152"; }
|
||||
i.icon.long.arrow.down:before { content: "\f175"; }
|
||||
i.icon.long.arrow.up:before { content: "\f176"; }
|
||||
i.icon.long.arrow.left:before { content: "\f177"; }
|
||||
i.icon.long.arrow.right:before { content: "\f178"; }
|
||||
i.icon.arrow.circle.outline.right:before { content: "\f18e"; }
|
||||
i.icon.arrow.circle.outline.left:before { content: "\f190"; }
|
||||
i.icon.toggle.left:before { content: "\f191"; }
|
||||
|
||||
/* Mobile */
|
||||
i.icon.tablet:before { content: "\f10a"; }
|
||||
i.icon.mobile:before { content: "\f10b"; }
|
||||
i.icon.battery.full:before { content: "\f240"; }
|
||||
i.icon.battery.high:before { content: "\f241"; }
|
||||
i.icon.battery.medium:before { content: "\f242"; }
|
||||
i.icon.battery.low:before { content: "\f243"; }
|
||||
i.icon.battery.empty:before { content: "\f244"; }
|
||||
|
||||
/* Computer */
|
||||
i.icon.power:before { content: "\f011"; }
|
||||
i.icon.trash.outline:before { content: "\f014"; }
|
||||
i.icon.disk.outline:before { content: "\f0a0"; }
|
||||
i.icon.desktop:before { content: "\f108"; }
|
||||
i.icon.laptop:before { content: "\f109"; }
|
||||
i.icon.game:before { content: "\f11b"; }
|
||||
i.icon.keyboard:before { content: "\f11c"; }
|
||||
i.icon.plug:before { content: "\f1e6"; }
|
||||
|
||||
/* File System */
|
||||
i.icon.trash:before { content: "\f1f8"; }
|
||||
i.icon.file.outline:before { content: "\f016"; }
|
||||
i.icon.folder:before { content: "\f07b"; }
|
||||
i.icon.folder.open:before { content: "\f07c"; }
|
||||
i.icon.file.text.outline:before { content: "\f0f6"; }
|
||||
i.icon.folder.outline:before { content: "\f114"; }
|
||||
i.icon.folder.open.outline:before { content: "\f115"; }
|
||||
i.icon.level.up:before { content: "\f148"; }
|
||||
i.icon.level.down:before { content: "\f149"; }
|
||||
i.icon.file:before { content: "\f15b"; }
|
||||
i.icon.file.text:before { content: "\f15c"; }
|
||||
i.icon.file.pdf.outline:before { content: "\f1c1"; }
|
||||
i.icon.file.word.outline:before { content: "\f1c2"; }
|
||||
i.icon.file.excel.outline:before { content: "\f1c3"; }
|
||||
i.icon.file.powerpoint.outline:before { content: "\f1c4"; }
|
||||
i.icon.file.image.outline:before { content: "\f1c5"; }
|
||||
i.icon.file.archive.outline:before { content: "\f1c6"; }
|
||||
i.icon.file.audio.outline:before { content: "\f1c7"; }
|
||||
i.icon.file.video.outline:before { content: "\f1c8"; }
|
||||
i.icon.file.code.outline:before { content: "\f1c9"; }
|
||||
|
||||
/* Technologies */
|
||||
i.icon.qrcode:before { content: "\f029"; }
|
||||
i.icon.barcode:before { content: "\f02a"; }
|
||||
i.icon.rss:before { content: "\f09e"; }
|
||||
i.icon.fork:before { content: "\f126"; }
|
||||
i.icon.html5:before { content: "\f13b"; }
|
||||
i.icon.css3:before { content: "\f13c"; }
|
||||
i.icon.rss.square:before { content: "\f143"; }
|
||||
i.icon.openid:before { content: "\f19b"; }
|
||||
i.icon.database:before { content: "\f1c0"; }
|
||||
i.icon.server:before { content: "\f233"; }
|
||||
i.icon.usb:before { content: "\f287"; }
|
||||
i.icon.bluetooth:before { content: "\f293"; }
|
||||
i.icon.bluetooth.alternative:before { content: "\f294"; }
|
||||
|
||||
/* Rating */
|
||||
i.icon.heart:before { content: "\f004"; }
|
||||
i.icon.star:before { content: "\f005"; }
|
||||
i.icon.empty.star:before { content: "\f006"; }
|
||||
i.icon.thumbs.outline.up:before { content: "\f087"; }
|
||||
i.icon.thumbs.outline.down:before { content: "\f088"; }
|
||||
i.icon.star.half:before { content: "\f089"; }
|
||||
i.icon.empty.heart:before { content: "\f08a"; }
|
||||
i.icon.smile:before { content: "\f118"; }
|
||||
i.icon.frown:before { content: "\f119"; }
|
||||
i.icon.meh:before { content: "\f11a"; }
|
||||
i.icon.star.half.empty:before { content: "\f123"; }
|
||||
i.icon.thumbs.up:before { content: "\f164"; }
|
||||
i.icon.thumbs.down:before { content: "\f165"; }
|
||||
|
||||
/* Audio */
|
||||
i.icon.music:before { content: "\f001"; }
|
||||
i.icon.video.play.outline:before { content: "\f01d"; }
|
||||
i.icon.volume.off:before { content: "\f026"; }
|
||||
i.icon.volume.down:before { content: "\f027"; }
|
||||
i.icon.volume.up:before { content: "\f028"; }
|
||||
i.icon.record:before { content: "\f03d"; }
|
||||
i.icon.step.backward:before { content: "\f048"; }
|
||||
i.icon.fast.backward:before { content: "\f049"; }
|
||||
i.icon.backward:before { content: "\f04a"; }
|
||||
i.icon.play:before { content: "\f04b"; }
|
||||
i.icon.pause:before { content: "\f04c"; }
|
||||
i.icon.stop:before { content: "\f04d"; }
|
||||
i.icon.forward:before { content: "\f04e"; }
|
||||
i.icon.fast.forward:before { content: "\f050"; }
|
||||
i.icon.step.forward:before { content: "\f051"; }
|
||||
i.icon.eject:before { content: "\f052"; }
|
||||
i.icon.unmute:before { content: "\f130"; }
|
||||
i.icon.mute:before { content: "\f131"; }
|
||||
i.icon.video.play:before { content: "\f144"; }
|
||||
i.icon.closed.captioning:before { content: "\f20a"; }
|
||||
i.icon.pause.circle:before { content: "\f28b"; }
|
||||
i.icon.pause.circle.outline:before { content: "\f28c"; }
|
||||
i.icon.stop.circle:before { content: "\f28d"; }
|
||||
i.icon.stop.circle.outline:before { content: "\f28e"; }
|
||||
|
||||
/* Map, Locations, & Transportation */
|
||||
i.icon.marker:before { content: "\f041"; }
|
||||
i.icon.coffee:before { content: "\f0f4"; }
|
||||
i.icon.food:before { content: "\f0f5"; }
|
||||
i.icon.building.outline:before { content: "\f0f7"; }
|
||||
i.icon.hospital:before { content: "\f0f8"; }
|
||||
i.icon.emergency:before { content: "\f0f9"; }
|
||||
i.icon.first.aid:before { content: "\f0fa"; }
|
||||
i.icon.military:before { content: "\f0fb"; }
|
||||
i.icon.h:before { content: "\f0fd"; }
|
||||
i.icon.location.arrow:before { content: "\f124"; }
|
||||
i.icon.compass:before { content: "\f14e"; }
|
||||
i.icon.space.shuttle:before { content: "\f197"; }
|
||||
i.icon.university:before { content: "\f19c"; }
|
||||
i.icon.building:before { content: "\f1ad"; }
|
||||
i.icon.paw:before { content: "\f1b0"; }
|
||||
i.icon.spoon:before { content: "\f1b1"; }
|
||||
i.icon.car:before { content: "\f1b9"; }
|
||||
i.icon.taxi:before { content: "\f1ba"; }
|
||||
i.icon.tree:before { content: "\f1bb"; }
|
||||
i.icon.bicycle:before { content: "\f206"; }
|
||||
i.icon.bus:before { content: "\f207"; }
|
||||
i.icon.ship:before { content: "\f21a"; }
|
||||
i.icon.motorcycle:before { content: "\f21c"; }
|
||||
i.icon.street.view:before { content: "\f21d"; }
|
||||
i.icon.hotel:before { content: "\f236"; }
|
||||
i.icon.train:before { content: "\f238"; }
|
||||
i.icon.subway:before { content: "\f239"; }
|
||||
i.icon.map.pin:before { content: "\f276"; }
|
||||
i.icon.map.signs:before { content: "\f277"; }
|
||||
i.icon.map.outline:before { content: "\f278"; }
|
||||
i.icon.map:before { content: "\f279"; }
|
||||
|
||||
/* Tables */
|
||||
i.icon.table:before { content: "\f0ce"; }
|
||||
i.icon.columns:before { content: "\f0db"; }
|
||||
i.icon.sort:before { content: "\f0dc"; }
|
||||
i.icon.sort.descending:before { content: "\f0dd"; }
|
||||
i.icon.sort.ascending:before { content: "\f0de"; }
|
||||
i.icon.sort.alphabet.ascending:before { content: "\f15d"; }
|
||||
i.icon.sort.alphabet.descending:before { content: "\f15e"; }
|
||||
i.icon.sort.content.ascending:before { content: "\f160"; }
|
||||
i.icon.sort.content.descending:before { content: "\f161"; }
|
||||
i.icon.sort.numeric.ascending:before { content: "\f162"; }
|
||||
i.icon.sort.numeric.descending:before { content: "\f163"; }
|
||||
|
||||
/* Text Editor */
|
||||
i.icon.font:before { content: "\f031"; }
|
||||
i.icon.bold:before { content: "\f032"; }
|
||||
i.icon.italic:before { content: "\f033"; }
|
||||
i.icon.text.height:before { content: "\f034"; }
|
||||
i.icon.text.width:before { content: "\f035"; }
|
||||
i.icon.align.left:before { content: "\f036"; }
|
||||
i.icon.align.center:before { content: "\f037"; }
|
||||
i.icon.align.right:before { content: "\f038"; }
|
||||
i.icon.align.justify:before { content: "\f039"; }
|
||||
i.icon.list:before { content: "\f03a"; }
|
||||
i.icon.outdent:before { content: "\f03b"; }
|
||||
i.icon.indent:before { content: "\f03c"; }
|
||||
i.icon.linkify:before { content: "\f0c1"; }
|
||||
i.icon.cut:before { content: "\f0c4"; }
|
||||
i.icon.copy:before { content: "\f0c5"; }
|
||||
i.icon.attach:before { content: "\f0c6"; }
|
||||
i.icon.save:before { content: "\f0c7"; }
|
||||
i.icon.content:before { content: "\f0c9"; }
|
||||
i.icon.unordered.list:before { content: "\f0ca"; }
|
||||
i.icon.ordered.list:before { content: "\f0cb"; }
|
||||
i.icon.strikethrough:before { content: "\f0cc"; }
|
||||
i.icon.underline:before { content: "\f0cd"; }
|
||||
i.icon.paste:before { content: "\f0ea"; }
|
||||
i.icon.unlinkify:before { content: "\f127"; }
|
||||
i.icon.superscript:before { content: "\f12b"; }
|
||||
i.icon.subscript:before { content: "\f12c"; }
|
||||
i.icon.header:before { content: "\f1dc"; }
|
||||
i.icon.paragraph:before { content: "\f1dd"; }
|
||||
i.icon.text.cursor:before { content: "\f246"; }
|
||||
|
||||
/* Currency */
|
||||
i.icon.euro:before { content: "\f153"; }
|
||||
i.icon.pound:before { content: "\f154"; }
|
||||
i.icon.dollar:before { content: "\f155"; }
|
||||
i.icon.rupee:before { content: "\f156"; }
|
||||
i.icon.yen:before { content: "\f157"; }
|
||||
i.icon.ruble:before { content: "\f158"; }
|
||||
i.icon.won:before { content: "\f159"; }
|
||||
i.icon.bitcoin:before { content: "\f15a"; }
|
||||
i.icon.lira:before { content: "\f195"; }
|
||||
i.icon.shekel:before { content: "\f20b"; }
|
||||
|
||||
/* Payment Options */
|
||||
i.icon.paypal:before { content: "\f1ed"; }
|
||||
i.icon.google.wallet:before { content: "\f1ee"; }
|
||||
i.icon.visa:before { content: "\f1f0"; }
|
||||
i.icon.mastercard:before { content: "\f1f1"; }
|
||||
i.icon.discover:before { content: "\f1f2"; }
|
||||
i.icon.american.express:before { content: "\f1f3"; }
|
||||
i.icon.paypal.card:before { content: "\f1f4"; }
|
||||
i.icon.stripe:before { content: "\f1f5"; }
|
||||
i.icon.japan.credit.bureau:before { content: "\f24b"; }
|
||||
i.icon.diners.club:before { content: "\f24c"; }
|
||||
i.icon.credit.card.alternative:before { content: "\f283"; }
|
||||
|
||||
/* Networks and Websites*/
|
||||
i.icon.twitter.square:before { content: "\f081"; }
|
||||
i.icon.facebook.square:before { content: "\f082"; }
|
||||
i.icon.linkedin.square:before { content: "\f08c"; }
|
||||
i.icon.github.square:before { content: "\f092"; }
|
||||
i.icon.twitter:before { content: "\f099"; }
|
||||
i.icon.facebook.f:before { content: "\f09a"; }
|
||||
i.icon.github:before { content: "\f09b"; }
|
||||
i.icon.pinterest:before { content: "\f0d2"; }
|
||||
i.icon.pinterest.square:before { content: "\f0d3"; }
|
||||
i.icon.google.plus.square:before { content: "\f0d4"; }
|
||||
i.icon.google.plus:before { content: "\f0d5"; }
|
||||
i.icon.linkedin:before { content: "\f0e1"; }
|
||||
i.icon.github.alternate:before { content: "\f113"; }
|
||||
i.icon.maxcdn:before { content: "\f136"; }
|
||||
i.icon.youtube.square:before { content: "\f166"; }
|
||||
i.icon.youtube:before { content: "\f167"; }
|
||||
i.icon.xing:before { content: "\f168"; }
|
||||
i.icon.xing.square:before { content: "\f169"; }
|
||||
i.icon.youtube.play:before { content: "\f16a"; }
|
||||
i.icon.dropbox:before { content: "\f16b"; }
|
||||
i.icon.stack.overflow:before { content: "\f16c"; }
|
||||
i.icon.instagram:before { content: "\f16d"; }
|
||||
i.icon.flickr:before { content: "\f16e"; }
|
||||
i.icon.adn:before { content: "\f170"; }
|
||||
i.icon.bitbucket:before { content: "\f171"; }
|
||||
i.icon.bitbucket.square:before { content: "\f172"; }
|
||||
i.icon.tumblr:before { content: "\f173"; }
|
||||
i.icon.tumblr.square:before { content: "\f174"; }
|
||||
i.icon.apple:before { content: "\f179"; }
|
||||
i.icon.windows:before { content: "\f17a"; }
|
||||
i.icon.android:before { content: "\f17b"; }
|
||||
i.icon.linux:before { content: "\f17c"; }
|
||||
i.icon.dribble:before { content: "\f17d"; }
|
||||
i.icon.skype:before { content: "\f17e"; }
|
||||
i.icon.foursquare:before { content: "\f180"; }
|
||||
i.icon.trello:before { content: "\f181"; }
|
||||
i.icon.gittip:before { content: "\f184"; }
|
||||
i.icon.vk:before { content: "\f189"; }
|
||||
i.icon.weibo:before { content: "\f18a"; }
|
||||
i.icon.renren:before { content: "\f18b"; }
|
||||
i.icon.pagelines:before { content: "\f18c"; }
|
||||
i.icon.stack.exchange:before { content: "\f18d"; }
|
||||
i.icon.vimeo.square:before { content: "\f194"; }
|
||||
i.icon.slack:before { content: "\f198"; }
|
||||
i.icon.wordpress:before { content: "\f19a"; }
|
||||
i.icon.yahoo:before { content: "\f19e"; }
|
||||
i.icon.google:before { content: "\f1a0"; }
|
||||
i.icon.reddit:before { content: "\f1a1"; }
|
||||
i.icon.reddit.square:before { content: "\f1a2"; }
|
||||
i.icon.stumbleupon.circle:before { content: "\f1a3"; }
|
||||
i.icon.stumbleupon:before { content: "\f1a4"; }
|
||||
i.icon.delicious:before { content: "\f1a5"; }
|
||||
i.icon.digg:before { content: "\f1a6"; }
|
||||
i.icon.pied.piper:before { content: "\f1a7"; }
|
||||
i.icon.pied.piper.alternate:before { content: "\f1a8"; }
|
||||
i.icon.drupal:before { content: "\f1a9"; }
|
||||
i.icon.joomla:before { content: "\f1aa"; }
|
||||
i.icon.behance:before { content: "\f1b4"; }
|
||||
i.icon.behance.square:before { content: "\f1b5"; }
|
||||
i.icon.steam:before { content: "\f1b6"; }
|
||||
i.icon.steam.square:before { content: "\f1b7"; }
|
||||
i.icon.spotify:before { content: "\f1bc"; }
|
||||
i.icon.deviantart:before { content: "\f1bd"; }
|
||||
i.icon.soundcloud:before { content: "\f1be"; }
|
||||
i.icon.vine:before { content: "\f1ca"; }
|
||||
i.icon.codepen:before { content: "\f1cb"; }
|
||||
i.icon.jsfiddle:before { content: "\f1cc"; }
|
||||
i.icon.rebel:before { content: "\f1d0"; }
|
||||
i.icon.empire:before { content: "\f1d1"; }
|
||||
i.icon.git.square:before { content: "\f1d2"; }
|
||||
i.icon.git:before { content: "\f1d3"; }
|
||||
i.icon.hacker.news:before { content: "\f1d4"; }
|
||||
i.icon.tencent.weibo:before { content: "\f1d5"; }
|
||||
i.icon.qq:before { content: "\f1d6"; }
|
||||
i.icon.wechat:before { content: "\f1d7"; }
|
||||
i.icon.slideshare:before { content: "\f1e7"; }
|
||||
i.icon.twitch:before { content: "\f1e8"; }
|
||||
i.icon.yelp:before { content: "\f1e9"; }
|
||||
i.icon.lastfm:before { content: "\f202"; }
|
||||
i.icon.lastfm.square:before { content: "\f203"; }
|
||||
i.icon.ioxhost:before { content: "\f208"; }
|
||||
i.icon.angellist:before { content: "\f209"; }
|
||||
i.icon.meanpath:before { content: "\f20c"; }
|
||||
i.icon.buysellads:before { content: "\f20d"; }
|
||||
i.icon.connectdevelop:before { content: "\f20e"; }
|
||||
i.icon.dashcube:before { content: "\f210"; }
|
||||
i.icon.forumbee:before { content: "\f211"; }
|
||||
i.icon.leanpub:before { content: "\f212"; }
|
||||
i.icon.sellsy:before { content: "\f213"; }
|
||||
i.icon.shirtsinbulk:before { content: "\f214"; }
|
||||
i.icon.simplybuilt:before { content: "\f215"; }
|
||||
i.icon.skyatlas:before { content: "\f216"; }
|
||||
i.icon.facebook:before { content: "\f230"; }
|
||||
i.icon.pinterest:before { content: "\f231"; }
|
||||
i.icon.whatsapp:before { content: "\f232"; }
|
||||
i.icon.viacoin:before { content: "\f237"; }
|
||||
i.icon.medium:before { content: "\f23a"; }
|
||||
i.icon.y.combinator:before { content: "\f23b"; }
|
||||
i.icon.optinmonster:before { content: "\f23c"; }
|
||||
i.icon.opencart:before { content: "\f23d"; }
|
||||
i.icon.expeditedssl:before { content: "\f23e"; }
|
||||
i.icon.gg:before { content: "\f260"; }
|
||||
i.icon.gg.circle:before { content: "\f261"; }
|
||||
i.icon.tripadvisor:before { content: "\f262"; }
|
||||
i.icon.odnoklassniki:before { content: "\f263"; }
|
||||
i.icon.odnoklassniki.square:before { content: "\f264"; }
|
||||
i.icon.pocket:before { content: "\f265"; }
|
||||
i.icon.wikipedia:before { content: "\f266"; }
|
||||
i.icon.safari:before { content: "\f267"; }
|
||||
i.icon.chrome:before { content: "\f268"; }
|
||||
i.icon.firefox:before { content: "\f269"; }
|
||||
i.icon.opera:before { content: "\f26a"; }
|
||||
i.icon.internet.explorer:before { content: "\f26b"; }
|
||||
i.icon.contao:before { content: "\f26d"; }
|
||||
i.icon.\35 00px:before { content: "\f26e"; }
|
||||
i.icon.amazon:before { content: "\f270"; }
|
||||
i.icon.houzz:before { content: "\f27c"; }
|
||||
i.icon.vimeo:before { content: "\f27d"; }
|
||||
i.icon.black.tie:before { content: "\f27e"; }
|
||||
i.icon.fonticons:before { content: "\f280"; }
|
||||
i.icon.reddit.alien:before { content: "\f281"; }
|
||||
i.icon.microsoft.edge:before { content: "\f282"; }
|
||||
i.icon.codiepie:before { content: "\f284"; }
|
||||
i.icon.modx:before { content: "\f285"; }
|
||||
i.icon.fort.awesome:before { content: "\f286"; }
|
||||
i.icon.product.hunt:before { content: "\f288"; }
|
||||
i.icon.mixcloud:before { content: "\f289"; }
|
||||
i.icon.scribd:before { content: "\f28a"; }
|
||||
i.icon.gitlab:before { content: "\f296"; }
|
||||
i.icon.wpbeginner:before { content: "\f297"; }
|
||||
i.icon.wpforms:before { content: "\f298"; }
|
||||
i.icon.envira.gallery:before { content: "\f299"; }
|
||||
i.icon.glide:before { content: "\f2a5"; }
|
||||
i.icon.glide.g:before { content: "\f2a6"; }
|
||||
i.icon.viadeo:before { content: "\f2a9"; }
|
||||
i.icon.viadeo.square:before { content: "\f2aa"; }
|
||||
i.icon.snapchat:before { content: "\f2ab"; }
|
||||
i.icon.snapchat.ghost:before { content: "\f2ac"; }
|
||||
i.icon.snapchat.square:before { content: "\f2ad"; }
|
||||
i.icon.pied.piper.hat:before { content: "\f2ae"; }
|
||||
i.icon.first.order:before { content: "\f2b0"; }
|
||||
i.icon.yoast:before { content: "\f2b1"; }
|
||||
i.icon.themeisle:before { content: "\f2b2"; }
|
||||
i.icon.google.plus.circle:before { content: "\f2b3"; }
|
||||
i.icon.font.awesome:before { content: "\f2b4"; }
|
||||
|
||||
/*******************************
|
||||
Aliases
|
||||
*******************************/
|
||||
|
||||
i.icon.like:before { content: "\f004"; }
|
||||
i.icon.favorite:before { content: "\f005"; }
|
||||
i.icon.video:before { content: "\f008"; }
|
||||
i.icon.check:before { content: "\f00c"; }
|
||||
i.icon.close:before { content: "\f00d"; }
|
||||
i.icon.cancel:before { content: "\f00d"; }
|
||||
i.icon.delete:before { content: "\f00d"; }
|
||||
i.icon.x:before { content: "\f00d"; }
|
||||
i.icon.zoom.in:before { content: "\f00e"; }
|
||||
i.icon.magnify:before { content: "\f00e"; }
|
||||
i.icon.shutdown:before { content: "\f011"; }
|
||||
i.icon.clock:before { content: "\f017"; }
|
||||
i.icon.time:before { content: "\f017"; }
|
||||
i.icon.play.circle.outline:before { content: "\f01d"; }
|
||||
i.icon.headphone:before { content: "\f025"; }
|
||||
i.icon.camera:before { content: "\f030"; }
|
||||
i.icon.video.camera:before { content: "\f03d"; }
|
||||
i.icon.picture:before { content: "\f03e"; }
|
||||
i.icon.pencil:before { content: "\f040"; }
|
||||
i.icon.compose:before { content: "\f040"; }
|
||||
i.icon.point:before { content: "\f041"; }
|
||||
i.icon.tint:before { content: "\f043"; }
|
||||
i.icon.signup:before { content: "\f044"; }
|
||||
i.icon.plus.circle:before { content: "\f055"; }
|
||||
i.icon.question.circle:before { content: "\f059"; }
|
||||
i.icon.dont:before { content: "\f05e"; }
|
||||
i.icon.minimize:before { content: "\f066"; }
|
||||
i.icon.add:before { content: "\f067"; }
|
||||
i.icon.exclamation.circle:before { content: "\f06a"; }
|
||||
i.icon.attention:before { content: "\f06a"; }
|
||||
i.icon.eye:before { content: "\f06e"; }
|
||||
i.icon.exclamation.triangle:before { content: "\f071"; }
|
||||
i.icon.shuffle:before { content: "\f074"; }
|
||||
i.icon.chat:before { content: "\f075"; }
|
||||
i.icon.cart:before { content: "\f07a"; }
|
||||
i.icon.shopping.cart:before { content: "\f07a"; }
|
||||
i.icon.bar.graph:before { content: "\f080"; }
|
||||
i.icon.key:before { content: "\f084"; }
|
||||
i.icon.cogs:before { content: "\f085"; }
|
||||
i.icon.discussions:before { content: "\f086"; }
|
||||
i.icon.like.outline:before { content: "\f087"; }
|
||||
i.icon.dislike.outline:before { content: "\f088"; }
|
||||
i.icon.heart.outline:before { content: "\f08a"; }
|
||||
i.icon.log.out:before { content: "\f08b"; }
|
||||
i.icon.thumb.tack:before { content: "\f08d"; }
|
||||
i.icon.winner:before { content: "\f091"; }
|
||||
i.icon.phone:before { content: "\f095"; }
|
||||
i.icon.bookmark.outline:before { content: "\f097"; }
|
||||
i.icon.phone.square:before { content: "\f098"; }
|
||||
i.icon.credit.card:before { content: "\f09d"; }
|
||||
i.icon.hdd.outline:before { content: "\f0a0"; }
|
||||
i.icon.bullhorn:before { content: "\f0a1"; }
|
||||
i.icon.bell.outline:before { content: "\f0a2"; }
|
||||
i.icon.hand.outline.right:before { content: "\f0a4"; }
|
||||
i.icon.hand.outline.left:before { content: "\f0a5"; }
|
||||
i.icon.hand.outline.up:before { content: "\f0a6"; }
|
||||
i.icon.hand.outline.down:before { content: "\f0a7"; }
|
||||
i.icon.globe:before { content: "\f0ac"; }
|
||||
i.icon.wrench:before { content: "\f0ad"; }
|
||||
i.icon.briefcase:before { content: "\f0b1"; }
|
||||
i.icon.group:before { content: "\f0c0"; }
|
||||
i.icon.linkify:before { content: "\f0c1"; }
|
||||
i.icon.chain:before { content: "\f0c1"; }
|
||||
i.icon.flask:before { content: "\f0c3"; }
|
||||
i.icon.sidebar:before { content: "\f0c9"; }
|
||||
i.icon.bars:before { content: "\f0c9"; }
|
||||
i.icon.list.ul:before { content: "\f0ca"; }
|
||||
i.icon.list.ol:before { content: "\f0cb"; }
|
||||
i.icon.numbered.list:before { content: "\f0cb"; }
|
||||
i.icon.magic:before { content: "\f0d0"; }
|
||||
i.icon.truck:before { content: "\f0d1"; }
|
||||
i.icon.currency:before { content: "\f0d6"; }
|
||||
i.icon.triangle.down:before { content: "\f0d7"; }
|
||||
i.icon.dropdown:before { content: "\f0d7"; }
|
||||
i.icon.triangle.up:before { content: "\f0d8"; }
|
||||
i.icon.triangle.left:before { content: "\f0d9"; }
|
||||
i.icon.triangle.right:before { content: "\f0da"; }
|
||||
i.icon.envelope:before { content: "\f0e0"; }
|
||||
i.icon.conversation:before { content: "\f0e6"; }
|
||||
i.icon.rain:before { content: "\f0e9"; }
|
||||
i.icon.clipboard:before { content: "\f0ea"; }
|
||||
i.icon.lightbulb:before { content: "\f0eb"; }
|
||||
i.icon.bell:before { content: "\f0f3"; }
|
||||
i.icon.ambulance:before { content: "\f0f9"; }
|
||||
i.icon.medkit:before { content: "\f0fa"; }
|
||||
i.icon.fighter.jet:before { content: "\f0fb"; }
|
||||
i.icon.beer:before { content: "\f0fc"; }
|
||||
i.icon.plus.square:before { content: "\f0fe"; }
|
||||
i.icon.computer:before { content: "\f108"; }
|
||||
i.icon.circle.outline:before { content: "\f10c"; }
|
||||
i.icon.gamepad:before { content: "\f11b"; }
|
||||
i.icon.star.half.full:before { content: "\f123"; }
|
||||
i.icon.broken.chain:before { content: "\f127"; }
|
||||
i.icon.question:before { content: "\f128"; }
|
||||
i.icon.exclamation:before { content: "\f12a"; }
|
||||
i.icon.eraser:before { content: "\f12d"; }
|
||||
i.icon.microphone:before { content: "\f130"; }
|
||||
i.icon.microphone.slash:before { content: "\f131"; }
|
||||
i.icon.shield:before { content: "\f132"; }
|
||||
i.icon.target:before { content: "\f140"; }
|
||||
i.icon.play.circle:before { content: "\f144"; }
|
||||
i.icon.pencil.square:before { content: "\f14b"; }
|
||||
i.icon.eur:before { content: "\f153"; }
|
||||
i.icon.gbp:before { content: "\f154"; }
|
||||
i.icon.usd:before { content: "\f155"; }
|
||||
i.icon.inr:before { content: "\f156"; }
|
||||
i.icon.cny:before { content: "\f157"; }
|
||||
i.icon.rmb:before { content: "\f157"; }
|
||||
i.icon.jpy:before { content: "\f157"; }
|
||||
i.icon.rouble:before { content: "\f158"; }
|
||||
i.icon.rub:before { content: "\f158"; }
|
||||
i.icon.krw:before { content: "\f159"; }
|
||||
i.icon.btc:before { content: "\f15a"; }
|
||||
i.icon.gratipay:before { content: "\f184"; }
|
||||
i.icon.zip:before { content: "\f187"; }
|
||||
i.icon.dot.circle.outline:before { content: "\f192"; }
|
||||
i.icon.try:before { content: "\f195"; }
|
||||
i.icon.graduation:before { content: "\f19d"; }
|
||||
i.icon.circle.outline:before { content: "\f1db"; }
|
||||
i.icon.sliders:before { content: "\f1de"; }
|
||||
i.icon.weixin:before { content: "\f1d7"; }
|
||||
i.icon.tty:before { content: "\f1e4"; }
|
||||
i.icon.teletype:before { content: "\f1e4"; }
|
||||
i.icon.binoculars:before { content: "\f1e5"; }
|
||||
i.icon.power.cord:before { content: "\f1e6"; }
|
||||
i.icon.wi-fi:before { content: "\f1eb"; }
|
||||
i.icon.visa.card:before { content: "\f1f0"; }
|
||||
i.icon.mastercard.card:before { content: "\f1f1"; }
|
||||
i.icon.discover.card:before { content: "\f1f2"; }
|
||||
i.icon.amex:before { content: "\f1f3"; }
|
||||
i.icon.american.express.card:before { content: "\f1f3"; }
|
||||
i.icon.stripe.card:before { content: "\f1f5"; }
|
||||
i.icon.bell.slash:before { content: "\f1f6"; }
|
||||
i.icon.bell.slash.outline:before { content: "\f1f7"; }
|
||||
i.icon.area.graph:before { content: "\f1fe"; }
|
||||
i.icon.pie.graph:before { content: "\f200"; }
|
||||
i.icon.line.graph:before { content: "\f201"; }
|
||||
i.icon.cc:before { content: "\f20a"; }
|
||||
i.icon.sheqel:before { content: "\f20b"; }
|
||||
i.icon.ils:before { content: "\f20b"; }
|
||||
i.icon.plus.cart:before { content: "\f217"; }
|
||||
i.icon.arrow.down.cart:before { content: "\f218"; }
|
||||
i.icon.detective:before { content: "\f21b"; }
|
||||
i.icon.venus:before { content: "\f221"; }
|
||||
i.icon.mars:before { content: "\f222"; }
|
||||
i.icon.mercury:before { content: "\f223"; }
|
||||
i.icon.intersex:before { content: "\f224"; }
|
||||
i.icon.venus.double:before { content: "\f226"; }
|
||||
i.icon.female.homosexual:before { content: "\f226"; }
|
||||
i.icon.mars.double:before { content: "\f227"; }
|
||||
i.icon.male.homosexual:before { content: "\f227"; }
|
||||
i.icon.venus.mars:before { content: "\f228"; }
|
||||
i.icon.mars.stroke:before { content: "\f229"; }
|
||||
i.icon.mars.alternate:before { content: "\f229"; }
|
||||
i.icon.mars.vertical:before { content: "\f22a"; }
|
||||
i.icon.mars.stroke.vertical:before { content: "\f22a"; }
|
||||
i.icon.mars.horizontal:before { content: "\f22b"; }
|
||||
i.icon.mars.stroke.horizontal:before { content: "\f22b"; }
|
||||
i.icon.asexual:before { content: "\f22d"; }
|
||||
i.icon.facebook.official:before { content: "\f230"; }
|
||||
i.icon.user.plus:before { content: "\f234"; }
|
||||
i.icon.user.times:before { content: "\f235"; }
|
||||
i.icon.user.close:before { content: "\f235"; }
|
||||
i.icon.user.cancel:before { content: "\f235"; }
|
||||
i.icon.user.delete:before { content: "\f235"; }
|
||||
i.icon.user.x:before { content: "\f235"; }
|
||||
i.icon.bed:before { content: "\f236"; }
|
||||
i.icon.yc:before { content: "\f23b"; }
|
||||
i.icon.ycombinator:before { content: "\f23b"; }
|
||||
i.icon.battery.four:before { content: "\f240"; }
|
||||
i.icon.battery.three:before { content: "\f241"; }
|
||||
i.icon.battery.three.quarters:before { content: "\f241"; }
|
||||
i.icon.battery.two:before { content: "\f242"; }
|
||||
i.icon.battery.half:before { content: "\f242"; }
|
||||
i.icon.battery.one:before { content: "\f243"; }
|
||||
i.icon.battery.quarter:before { content: "\f243"; }
|
||||
i.icon.battery.zero:before { content: "\f244"; }
|
||||
i.icon.i.cursor:before { content: "\f246"; }
|
||||
i.icon.jcb:before { content: "\f24b"; }
|
||||
i.icon.japan.credit.bureau.card:before { content: "\f24b"; }
|
||||
i.icon.diners.club.card:before { content: "\f24c"; }
|
||||
i.icon.balance:before { content: "\f24e"; }
|
||||
i.icon.hourglass.outline:before { content: "\f250"; }
|
||||
i.icon.hourglass.zero:before { content: "\f250"; }
|
||||
i.icon.hourglass.one:before { content: "\f251"; }
|
||||
i.icon.hourglass.two:before { content: "\f252"; }
|
||||
i.icon.hourglass.three:before { content: "\f253"; }
|
||||
i.icon.hourglass.four:before { content: "\f254"; }
|
||||
i.icon.grab:before { content: "\f255"; }
|
||||
i.icon.hand.victory:before { content: "\f25b"; }
|
||||
i.icon.tm:before { content: "\f25c"; }
|
||||
i.icon.r.circle:before { content: "\f25d"; }
|
||||
i.icon.television:before { content: "\f26c"; }
|
||||
i.icon.five.hundred.pixels:before { content: "\f26e"; }
|
||||
i.icon.calendar.plus:before { content: "\f271"; }
|
||||
i.icon.calendar.minus:before { content: "\f272"; }
|
||||
i.icon.calendar.times:before { content: "\f273"; }
|
||||
i.icon.calendar.check:before { content: "\f274"; }
|
||||
i.icon.factory:before { content: "\f275"; }
|
||||
i.icon.commenting:before { content: "\f27a"; }
|
||||
i.icon.commenting.outline:before { content: "\f27b"; }
|
||||
i.icon.edge:before { content: "\f282"; }
|
||||
i.icon.ms.edge:before { content: "\f282"; }
|
||||
i.icon.wordpress.beginner:before { content: "\f297"; }
|
||||
i.icon.wordpress.forms:before { content: "\f298"; }
|
||||
i.icon.envira:before { content: "\f299"; }
|
||||
i.icon.question.circle.outline:before { content: "\f29c"; }
|
||||
i.icon.assistive.listening.devices:before { content: "\f2a2"; }
|
||||
i.icon.als:before { content: "\f2a2"; }
|
||||
i.icon.ald:before { content: "\f2a2"; }
|
||||
i.icon.asl.interpreting:before { content: "\f2a3"; }
|
||||
i.icon.deaf:before { content: "\f2a4"; }
|
||||
i.icon.american.sign.language.interpreting:before { content: "\f2a3"; }
|
||||
i.icon.hard.of.hearing:before{ content: "\f2a4"; }
|
||||
i.icon.signing:before { content: "\f2a7"; }
|
||||
i.icon.new.pied.piper:before { content: "\f2ae"; }
|
||||
i.icon.theme.isle:before { content: "\f2b2"; }
|
||||
i.icon.google.plus.official:before { content: "\f2b3"; }
|
||||
i.icon.fa:before { content: "\f2b4"; }
|
||||
62
semantic/src/themes/dark/elements/icon.variables
Normal file
62
semantic/src/themes/dark/elements/icon.variables
Normal file
@@ -0,0 +1,62 @@
|
||||
/*******************************
|
||||
Icon
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Icon Variables
|
||||
--------------------*/
|
||||
|
||||
@fontName: 'icons';
|
||||
@fallbackSRC: url("@{fontPath}/@{fontName}.eot");
|
||||
@src:
|
||||
url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
|
||||
url("@{fontPath}/@{fontName}.woff2") format('woff2'),
|
||||
url("@{fontPath}/@{fontName}.woff") format('woff'),
|
||||
url("@{fontPath}/@{fontName}.ttf") format('truetype'),
|
||||
url("@{fontPath}/@{fontName}.svg#icons") format('svg')
|
||||
;
|
||||
|
||||
@opacity: 1;
|
||||
@width: @iconWidth;
|
||||
@height: 1em;
|
||||
@distanceFromText: 0.25rem;
|
||||
|
||||
|
||||
/* Variations */
|
||||
|
||||
@linkOpacity: 0.8;
|
||||
@linkDuration: 0.3s;
|
||||
@loadingDuration: 2s;
|
||||
|
||||
@circularSize: 2em;
|
||||
@circularPadding: 0.5em 0.5em;
|
||||
@circularShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
|
||||
|
||||
@borderedSize: 2em;
|
||||
@borderedVerticalPadding: ((@borderedSize - @height) / 2);
|
||||
@borderedHorizontalPadding: ((@borderedSize - @width) / 2);
|
||||
@borderedShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
|
||||
|
||||
@cornerIconSize: 0.45em;
|
||||
@cornerIconStroke: 1px;
|
||||
@cornerIconShadow:
|
||||
-@cornerIconStroke -@cornerIconStroke 0 @white,
|
||||
@cornerIconStroke -@cornerIconStroke 0 @white,
|
||||
-@cornerIconStroke @cornerIconStroke 0 @white,
|
||||
@cornerIconStroke @cornerIconStroke 0 @white
|
||||
;
|
||||
@cornerIconInvertedShadow:
|
||||
-@cornerIconStroke -@cornerIconStroke 0 @black,
|
||||
@cornerIconStroke -@cornerIconStroke 0 @black,
|
||||
-@cornerIconStroke @cornerIconStroke 0 @black,
|
||||
@cornerIconStroke @cornerIconStroke 0 @black
|
||||
;
|
||||
|
||||
@mini: 0.4em;
|
||||
@tiny: 0.5em;
|
||||
@small: 0.75em;
|
||||
@medium: 1em;
|
||||
@large: 1.5em;
|
||||
@big: 2em;
|
||||
@huge: 4em;
|
||||
@massive: 8em;
|
||||
3
semantic/src/themes/dark/elements/image.overrides
Normal file
3
semantic/src/themes/dark/elements/image.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
44
semantic/src/themes/dark/elements/image.variables
Normal file
44
semantic/src/themes/dark/elements/image.variables
Normal file
@@ -0,0 +1,44 @@
|
||||
/*******************************
|
||||
Image
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@placeholderColor: transparent;
|
||||
@roundedBorderRadius: 0.3125em;
|
||||
|
||||
@imageHorizontalMargin: 0.25rem;
|
||||
@imageVerticalMargin: 0.5rem;
|
||||
@imageBorder: 1px solid rgba(0, 0, 0, 0.1);
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Avatar */
|
||||
@avatarSize: 2em;
|
||||
@avatarMargin: 0.25em;
|
||||
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Spaced */
|
||||
@spacedDistance: 0.5em;
|
||||
|
||||
/* Floated */
|
||||
@floatedHorizontalMargin: 1em;
|
||||
@floatedVerticalMargin: 1em;
|
||||
|
||||
/* Size */
|
||||
@miniWidth: 35px;
|
||||
@tinyWidth: 80px;
|
||||
@smallWidth: 150px;
|
||||
@mediumWidth: 300px;
|
||||
@largeWidth: 450px;
|
||||
@bigWidth: 600px;
|
||||
@hugeWidth: 800px;
|
||||
@massiveWidth: 960px;
|
||||
3
semantic/src/themes/dark/elements/input.overrides
Normal file
3
semantic/src/themes/dark/elements/input.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
101
semantic/src/themes/dark/elements/input.variables
Normal file
101
semantic/src/themes/dark/elements/input.variables
Normal file
@@ -0,0 +1,101 @@
|
||||
/*******************************
|
||||
Input
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@inputFont: @pageFont;
|
||||
@verticalPadding: @inputVerticalPadding;
|
||||
@horizontalPadding: @inputHorizontalPadding;
|
||||
|
||||
@lineHeight: @inputLineHeight;
|
||||
@lineHeightOffset: ((@lineHeight - 1em) / 2);
|
||||
|
||||
@padding: (@verticalPadding - @lineHeightOffset) @horizontalPadding;
|
||||
|
||||
@textAlign: left;
|
||||
@background: @inputBackground;
|
||||
@borderWidth: 1px;
|
||||
@border: @borderWidth solid @borderColor;
|
||||
@boxShadow: none;
|
||||
|
||||
@borderRadius: @defaultBorderRadius;
|
||||
@transition:
|
||||
box-shadow @defaultDuration @defaultEasing,
|
||||
border-color @defaultDuration @defaultEasing
|
||||
;
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Icon Input */
|
||||
@iconWidth: (@verticalPadding * 2) + @glyphWidth;
|
||||
@iconOpacity: 0.5;
|
||||
@iconFocusOpacity: 1;
|
||||
@iconOffset: -0.5em;
|
||||
|
||||
@iconDistance: 0em;
|
||||
@iconMargin: @iconWidth + @iconDistance;
|
||||
@iconTransition: opacity 0.3s @defaultEasing;
|
||||
|
||||
@transparentIconWidth: @glyphWidth;
|
||||
@transparentIconMargin: 2em;
|
||||
|
||||
/* Circular Icon Input */
|
||||
@circularIconVerticalOffset: 0.35em;
|
||||
@circularIconHorizontalOffset: 0.5em;
|
||||
|
||||
/* Labeled Input */
|
||||
@labelCornerTop: @borderWidth;
|
||||
@labelCornerRight: @borderWidth;
|
||||
@labelCornerSize: @relative9px;
|
||||
@labelSize: 1em;
|
||||
@labelVerticalPadding: (@verticalPadding - @lineHeightOffset);
|
||||
|
||||
@labeledMargin: 2.5em;
|
||||
@labeledIconInputMargin: 3.25em;
|
||||
@labeledIconMargin: 1.25em;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
/* Placeholder */
|
||||
@placeholderColor: @inputPlaceholderColor;
|
||||
@placeholderFocusColor: @inputPlaceholderFocusColor;
|
||||
|
||||
/* Down */
|
||||
@downBorderColor: rgba(0, 0, 0, 0.3);
|
||||
@downBackground: #FAFAFA;
|
||||
@downColor: @textColor;
|
||||
@downBoxShadow: none;
|
||||
|
||||
/* Focus */
|
||||
@focusBorderColor: @focusedFormBorderColor;
|
||||
@focusBackground: @background;
|
||||
@focusColor: @hoveredTextColor;
|
||||
@focusBoxShadow: none;
|
||||
|
||||
/* Error */
|
||||
@errorBackground: @negativeBackgroundColor;
|
||||
@errorColor: @negativeTextColor;
|
||||
@errorBorder: @negativeBorderColor;
|
||||
@errorBoxShadow: none;
|
||||
|
||||
@placeholderErrorColor: lighten(@errorColor, 40);
|
||||
@placeholderErrorFocusColor: lighten(@errorColor, 30);
|
||||
|
||||
/* Loader */
|
||||
@invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Inverted */
|
||||
@transparentInvertedPlaceholderColor: @invertedUnselectedTextColor;
|
||||
@transparentInvertedColor: @white;
|
||||
|
||||
3
semantic/src/themes/dark/elements/label.overrides
Normal file
3
semantic/src/themes/dark/elements/label.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
254
semantic/src/themes/dark/elements/label.variables
Normal file
254
semantic/src/themes/dark/elements/label.variables
Normal file
@@ -0,0 +1,254 @@
|
||||
/*******************************
|
||||
Label
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@verticalAlign: baseline;
|
||||
@verticalMargin: 0em;
|
||||
@horizontalMargin: @relative2px;
|
||||
@backgroundColor: lighten(@white, 5%);
|
||||
@color: @mutedTextColor;
|
||||
@backgroundImage: none;
|
||||
@verticalPadding: 0.5833em; /* medium is not @emSize custom value required */
|
||||
@horizontalPadding: 0.833em;
|
||||
@borderRadius: @absoluteBorderRadius;
|
||||
@textTransform: none;
|
||||
@fontWeight: bold;
|
||||
@borderWidth: 1px;
|
||||
@border: 0px solid transparent;
|
||||
|
||||
@lineHeightOffset: -(@verticalPadding / 2);
|
||||
|
||||
@labelTransitionDuration: @defaultDuration;
|
||||
@labelTransitionEasing: @defaultEasing;
|
||||
@transition: background @labelTransitionDuration @labelTransitionEasing;
|
||||
|
||||
/* Group */
|
||||
@groupVerticalMargin: 0.5em;
|
||||
@groupHorizontalMargin: 0.5em;
|
||||
|
||||
/*-------------------
|
||||
Parts
|
||||
--------------------*/
|
||||
|
||||
/* Link */
|
||||
@linkOpacity: 0.5;
|
||||
@linkTransition: @labelTransitionDuration opacity @labelTransitionEasing;
|
||||
|
||||
/* Icon */
|
||||
@iconDistance: 0.75em;
|
||||
|
||||
/* Image */
|
||||
@imageHeight: (1em + @verticalPadding * 2);
|
||||
|
||||
/* Detail */
|
||||
@detailFontWeight: bold;
|
||||
@detailOpacity: 0.8;
|
||||
@detailIconDistance: 0.25em;
|
||||
@detailMargin: 1em;
|
||||
|
||||
/* Delete */
|
||||
@deleteOpacity: @linkOpacity;
|
||||
@deleteSize: @relativeSmall;
|
||||
@deleteMargin: 0.5em;
|
||||
@deleteTransition: background @labelTransitionDuration @labelTransitionEasing;
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Image Label */
|
||||
@imageLabelBackground: @backgroundColor;
|
||||
@imageLabelVerticalPadding: @verticalPadding;
|
||||
@imageLabelHorizontalPadding: @horizontalPadding;
|
||||
@imageLabelTextDistance: 0.5em;
|
||||
@imageLabelDetailDistance: @imageLabelTextDistance;
|
||||
@imageLabelBorderRadius: @borderRadius;
|
||||
@imageLabelBoxShadow: none;
|
||||
@imageLabelPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding @imageLabelVerticalPadding @imageLabelTextDistance;
|
||||
|
||||
@imageLabelImageMargin: -@verticalPadding @imageLabelTextDistance -@verticalPadding -@imageLabelTextDistance;
|
||||
@imageLabelImageBorderRadius: @imageLabelBorderRadius 0em 0em @imageLabelBorderRadius;
|
||||
@imageLabelImageHeight: @imageHeight;
|
||||
|
||||
@imageLabelDetailBackground: @strongTransparentBlack;
|
||||
@imageLabelDetailPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding;
|
||||
@imageLabelDetailMargin: -@imageLabelVerticalPadding -@imageLabelHorizontalPadding -@imageLabelVerticalPadding @imageLabelDetailDistance;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
/* Hover */
|
||||
@labelHoverBackgroundColor: #E0E0E0;
|
||||
@labelHoverBackgroundImage: none;
|
||||
@labelHoverTextColor: @hoveredTextColor;
|
||||
|
||||
/* Active */
|
||||
@labelActiveBackgroundColor: #D0D0D0;
|
||||
@labelActiveBackgroundImage: none;
|
||||
@labelActiveTextColor: @selectedTextColor;
|
||||
|
||||
/* Active Hover */
|
||||
@labelActiveHoverBackgroundColor: #C8C8C8;
|
||||
@labelActiveHoverBackgroundImage: none;
|
||||
@labelActiveHoverTextColor: @selectedTextColor;
|
||||
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Basic */
|
||||
@basicBackground: none @white;
|
||||
@basicBorderWidth: 1px;
|
||||
@basicBorder: @basicBorderWidth solid @borderColor;
|
||||
@basicColor: @textColor;
|
||||
@basicBoxShadow: none;
|
||||
|
||||
@basicHoverBackground: @basicBackground;
|
||||
@basicHoverColor: @linkHoverColor;
|
||||
@basicHoverBorder: @basicBorder;
|
||||
@basicHoverBoxShadow: @basicBoxShadow;
|
||||
|
||||
/* Tag */
|
||||
@tagCircleColor: @white;
|
||||
@tagCircleSize: 0.5em;
|
||||
@tagHorizontalPadding: 1.5em;
|
||||
@tagCircleBoxShadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
|
||||
@tagTriangleRightOffset: 100%;
|
||||
@tagTriangleTopOffset: 50%;
|
||||
@tagTriangleSize: 1.56em;
|
||||
@tagTriangleBackgroundImage: none;
|
||||
@tagTransition: none; /* Avoids error with background: inherit; on animation */
|
||||
|
||||
/* Ribbon */
|
||||
@ribbonTriangleSize: 1.2em;
|
||||
@ribbonShadowColor: rgba(0, 0, 0, 0.15);
|
||||
|
||||
@ribbonMargin: 1rem;
|
||||
@ribbonOffset: ~"calc("-@ribbonMargin~" - "@ribbonTriangleSize~")";
|
||||
@ribbonDistance: ~"calc("@ribbonMargin~" + "@ribbonTriangleSize~")";
|
||||
@rightRibbonOffset: ~"calc(100% + "@ribbonMargin~" + "@ribbonTriangleSize~")";
|
||||
|
||||
@ribbonImageTopDistance: 1rem;
|
||||
@ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */
|
||||
@ribbonImageOffset: ~"calc("-@ribbonImageMargin~" - "@ribbonTriangleSize~")";
|
||||
@rightRibbonImageOffset: ~"calc(100% + "@ribbonImageMargin~" + "@ribbonTriangleSize~")";
|
||||
|
||||
@ribbonTableMargin: @relativeMini; /* Rounding Offset on Triangle */
|
||||
@ribbonTableOffset: ~"calc("-@ribbonTableMargin~" - "@ribbonTriangleSize~")";
|
||||
@rightRibbonTableOffset: ~"calc(100% + "@ribbonTableMargin~" + "@ribbonTriangleSize~")";
|
||||
|
||||
|
||||
/* Colors */
|
||||
@redTextColor: @white;
|
||||
@orangeTextColor: @white;
|
||||
@yellowTextColor: @white;
|
||||
@oliveTextColor: @white;
|
||||
@greenTextColor: @white;
|
||||
@tealTextColor: @white;
|
||||
@blueTextColor: @white;
|
||||
@violetTextColor: @white;
|
||||
@purpleTextColor: @white;
|
||||
@pinkTextColor: @white;
|
||||
@brownTextColor: @white;
|
||||
@greyTextColor: @white;
|
||||
@blackTextColor: @white;
|
||||
|
||||
@redHoverTextColor: @white;
|
||||
@orangeHoverTextColor: @white;
|
||||
@yellowHoverTextColor: @white;
|
||||
@oliveHoverTextColor: @white;
|
||||
@greenHoverTextColor: @white;
|
||||
@tealHoverTextColor: @white;
|
||||
@blueHoverTextColor: @white;
|
||||
@violetHoverTextColor: @white;
|
||||
@purpleHoverTextColor: @white;
|
||||
@pinkHoverTextColor: @white;
|
||||
@brownHoverTextColor: @white;
|
||||
@greyHoverTextColor: @white;
|
||||
@blackHoverTextColor: @white;
|
||||
|
||||
@redRibbonShadow: darken(@red, 10);
|
||||
@orangeRibbonShadow: darken(@orange, 10);
|
||||
@yellowRibbonShadow: darken(@yellow, 10);
|
||||
@oliveRibbonShadow: darken(@olive, 10);
|
||||
@greenRibbonShadow: darken(@green, 10);
|
||||
@tealRibbonShadow: darken(@teal, 10);
|
||||
@blueRibbonShadow: darken(@blue, 10);
|
||||
@violetRibbonShadow: darken(@violet, 10);
|
||||
@purpleRibbonShadow: darken(@purple, 10);
|
||||
@pinkRibbonShadow: darken(@pink, 10);
|
||||
@brownRibbonShadow: darken(@brown, 10);
|
||||
@greyRibbonShadow: darken(@grey, 10);
|
||||
@blackRibbonShadow: darken(@black, 10);
|
||||
|
||||
/* Attached */
|
||||
@attachedSegmentPadding: 2rem;
|
||||
@attachedVerticalPadding: 0.75em;
|
||||
@attachedHorizontalPadding: 1em;
|
||||
|
||||
@attachedCornerBorderRadius: @3px;
|
||||
@attachedBorderRadius: @borderRadius;
|
||||
|
||||
/* Corner */
|
||||
@cornerSizeRatio: 1;
|
||||
@cornerTransition: color @labelTransitionDuration @labelTransitionEasing;
|
||||
@cornerTriangleSize: 4em;
|
||||
@cornerTriangleTransition: border-color @labelTransitionDuration @labelTransitionEasing;
|
||||
@cornerTriangleZIndex: 1;
|
||||
|
||||
@cornerIconSize: @relativeLarge;
|
||||
@cornerIconTopOffset: @relative9px;
|
||||
@cornerIconLeftOffset: @relative11px;
|
||||
|
||||
/* Corner Text */
|
||||
@cornerTextWidth: 3em;
|
||||
@cornerTextWeight: bold;
|
||||
@cornerTextSize: 1em;
|
||||
|
||||
/* Horizontal */
|
||||
@horizontalLabelMinWidth: 3em;
|
||||
@horizontalLabelMargin: 0.5em;
|
||||
@horizontalLabelVerticalPadding: 0.4em;
|
||||
|
||||
/* Circular Padding */
|
||||
@circularPadding: 0.5em;
|
||||
@circularMinSize: 2em;
|
||||
@emptyCircleSize: 0.5em;
|
||||
|
||||
/* Pointing */
|
||||
@pointingBorderColor: inherit;
|
||||
@pointingBorderWidth: @borderWidth;
|
||||
@pointingVerticalDistance: 1em;
|
||||
@pointingTriangleSize: 0.6666em;
|
||||
@pointingHorizontalDistance: @pointingTriangleSize;
|
||||
|
||||
@pointingTriangleTransition: background @labelTransitionDuration @labelTransitionEasing;
|
||||
@pointingTriangleZIndex: 2;
|
||||
|
||||
/* Basic Pointing */
|
||||
@basicPointingTriangleOffset: -@pointingBorderWidth;
|
||||
|
||||
/* Floating */
|
||||
@floatingTopOffset: -1em;
|
||||
@floatingLeftOffset: -1.5em;
|
||||
@floatingZIndex: 100;
|
||||
|
||||
/*-------------------
|
||||
Group
|
||||
--------------------*/
|
||||
|
||||
/* Sizing */
|
||||
@mini : @9px;
|
||||
@tiny : @10px;
|
||||
@small : @11px;
|
||||
@medium : @12px;
|
||||
@large : @absoluteMedium;
|
||||
@big : @absoluteBig;
|
||||
@huge : @absoluteHuge;
|
||||
@massive : @absoluteMassive;
|
||||
3
semantic/src/themes/dark/elements/list.overrides
Normal file
3
semantic/src/themes/dark/elements/list.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
224
semantic/src/themes/dark/elements/list.variables
Normal file
224
semantic/src/themes/dark/elements/list.variables
Normal file
@@ -0,0 +1,224 @@
|
||||
/*******************************
|
||||
List
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
View
|
||||
--------------------*/
|
||||
|
||||
/* List */
|
||||
@listStyleType: none;
|
||||
@listStylePosition: outside;
|
||||
@margin: 1em 0em;
|
||||
@verticalPadding: 0em;
|
||||
@horizontalPadding: 0em;
|
||||
|
||||
/* List Item */
|
||||
@itemVerticalPadding: @relative3px;
|
||||
@itemHorizontalPadding: 0em;
|
||||
@itemPadding: @itemVerticalPadding @itemHorizontalPadding;
|
||||
@itemLineHeight: @relativeLarge;
|
||||
|
||||
/* Sub List */
|
||||
@childListPadding: 0.75em 0em 0.25em 0.5em;
|
||||
@childListIndent: 1em;
|
||||
|
||||
/* Sub List Item */
|
||||
@childItemVerticalPadding: @relative2px;
|
||||
@childItemHorizontalPadding: 0em;
|
||||
@childItemPadding: @childItemVerticalPadding @childItemHorizontalPadding;
|
||||
@childItemLineHeight: inherit;
|
||||
|
||||
/*-------------------
|
||||
Elements
|
||||
--------------------*/
|
||||
|
||||
/* Icon */
|
||||
@iconDistance: @relative4px;
|
||||
@iconOffset: ((@itemLineHeight - 1rem) / 2);
|
||||
@iconTransition: color @defaultDuration @defaultEasing;
|
||||
@iconVerticalAlign: top;
|
||||
@iconContentVerticalAlign: top;
|
||||
|
||||
/* Image */
|
||||
@imageDistance: 0.5em;
|
||||
@imageAlign: top;
|
||||
|
||||
/* Content */
|
||||
@contentDistance: 0.5em;
|
||||
@contentLineHeight: @itemLineHeight;
|
||||
@contentLineHeightOffset: (@contentLineHeight - 1em) / 2;
|
||||
@contentVerticalAlign: top;
|
||||
|
||||
/* Header */
|
||||
@itemHeaderFontFamily: @headerFont;
|
||||
@itemHeaderFontWeight: bold;
|
||||
@itemHeaderColor: @textColor;
|
||||
|
||||
/* Description */
|
||||
@itemDescriptionColor: rgba(0, 0, 0, 0.7);
|
||||
|
||||
/* Link */
|
||||
@itemLinkColor: @linkColor;
|
||||
@itemLinkHoverColor: @linkHoverColor;
|
||||
|
||||
/* Header Link */
|
||||
@itemHeaderLinkColor: @itemLinkColor;
|
||||
@itemHeaderLinkHoverColor: @itemLinkHoverColor;
|
||||
|
||||
/* Linked Icon */
|
||||
@itemLinkIconColor: @lightTextColor;
|
||||
@itemLinkIconHoverColor: @textColor;
|
||||
@invertedIconLinkColor: @invertedLightTextColor;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
@disabledColor: @disabledTextColor;
|
||||
@invertedDisabledColor: @invertedDisabledTextColor;
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Float */
|
||||
@floatDistance: 1em;
|
||||
@leftFloatMargin: 0em @floatDistance 0em 0em;
|
||||
@rightFloatMargin: 0em 0em 0em @floatDistance;
|
||||
|
||||
/* Horizontal */
|
||||
@horizontalSpacing: 1em;
|
||||
@horizontalIconDistance: 0.25em;
|
||||
@horizontalVerticalAlign: middle;
|
||||
|
||||
/* Inverted */
|
||||
@invertedListIconColor: @invertedLightTextColor;
|
||||
@invertedHeaderColor: @invertedTextColor;
|
||||
@invertedDescriptionColor: @invertedLightTextColor;
|
||||
@invertedItemLinkColor: @invertedTextColor;
|
||||
@invertedItemLinkHoverColor: @linkHoverColor;
|
||||
|
||||
/* Link List */
|
||||
@linkListItemColor: @unselectedTextColor;
|
||||
@linkListItemHoverColor: @hoveredTextColor;
|
||||
@linkListItemDownColor: @pressedTextColor;
|
||||
@linkListItemActiveColor: @selectedTextColor;
|
||||
@linkListTransition:
|
||||
@defaultDuration color @defaultEasing
|
||||
;
|
||||
|
||||
/* Inverted Link List */
|
||||
@invertedLinkListItemColor: @invertedUnselectedTextColor;
|
||||
@invertedLinkListItemHoverColor: @invertedHoveredTextColor;
|
||||
@invertedLinkListItemDownColor: @invertedPressedTextColor;
|
||||
@invertedLinkListItemActiveColor: @invertedSelectedTextColor;
|
||||
|
||||
/* Selection List */
|
||||
@selectionListItemMargin: 0em;
|
||||
@selectionListItemBorderRadius: 0.5em;
|
||||
@selectionListItemVerticalPadding: 0.5em;
|
||||
@selectionListItemHorizontalPadding: 0.5em;
|
||||
@selectionListTransition:
|
||||
@defaultDuration color @defaultEasing,
|
||||
@defaultDuration padding-left @defaultEasing,
|
||||
@defaultDuration background-color @defaultEasing
|
||||
;
|
||||
|
||||
/* Selection List States */
|
||||
@selectionListBackground: transparent;
|
||||
@selectionListColor: @unselectedTextColor;
|
||||
@selectionListHoverBackground: @subtleTransparentBlack;
|
||||
@selectionListHoverColor: @hoveredTextColor;
|
||||
@selectionListDownBackground: @transparentBlack;
|
||||
@selectionListDownColor: @pressedTextColor;
|
||||
@selectionListActiveBackground: @transparentBlack;
|
||||
@selectionListActiveColor: @selectedTextColor;
|
||||
|
||||
/* Inverted Selection List */
|
||||
@invertedSelectionListBackground: transparent;
|
||||
@invertedSelectionListColor: @invertedUnselectedTextColor;
|
||||
@invertedSelectionListHoverBackground: @subtleTransparentWhite;
|
||||
@invertedSelectionListHoverColor: @invertedHoveredTextColor;
|
||||
@invertedSelectionListDownBackground: @transparentWhite;
|
||||
@invertedSelectionListDownColor: @invertedPressedTextColor;
|
||||
@invertedSelectionListActiveBackground: @transparentWhite;
|
||||
@invertedSelectionListActiveColor: @invertedSelectedTextColor;
|
||||
|
||||
/* Animated List */
|
||||
@animatedDuration: 0.25s;
|
||||
@animatedDelay: 0.1s;
|
||||
@animatedListTransition:
|
||||
@animatedDuration color @defaultEasing @animatedDelay,
|
||||
@animatedDuration padding-left @defaultEasing @animatedDelay,
|
||||
@animatedDuration background-color @defaultEasing @animatedDelay
|
||||
;
|
||||
@animatedListIndent: 1em;
|
||||
|
||||
/* Bulleted */
|
||||
@bulletDistance: 1.25rem;
|
||||
@bulletOffset: -@bulletDistance;
|
||||
|
||||
@bulletOpacity: 1;
|
||||
@bulletCharacter: '•';
|
||||
@bulletColor: inherit;
|
||||
@bulletLinkColor: @textColor;
|
||||
@bulletVerticalAlign: top;
|
||||
@bulletChildDistance: @bulletDistance;
|
||||
|
||||
/* Horizontal Bullets */
|
||||
@horizontalBulletColor: @textColor;
|
||||
@horizontalBulletSpacing: @bulletDistance + 0.5em;
|
||||
|
||||
/* Ordered List */
|
||||
@orderedCountName: ordered;
|
||||
@orderedCountContent: counters(ordered, ".") " ";
|
||||
@orderedCountColor: @textColor;
|
||||
@orderedCountDistance: 1.25rem;
|
||||
@orderedCountOpacity: 0.8;
|
||||
@orderedCountTextAlign: right;
|
||||
@orderedCountVerticalAlign: middle;
|
||||
|
||||
@orderedChildCountDistance: 1em;
|
||||
@orderedChildCountOffset: -2em;
|
||||
|
||||
@orderedInvertedCountColor: @invertedLightTextColor;
|
||||
|
||||
/* Horizontal Ordered */
|
||||
@horizontalOrderedCountDistance: 0.5em;
|
||||
|
||||
/* Divided */
|
||||
@dividedBorderWidth: 1px;
|
||||
@dividedBorder: @dividedBorderWidth solid @borderColor;
|
||||
@dividedInvertedBorderColor: @whiteBorderColor;
|
||||
@dividedChildListBorder: none;
|
||||
@dividedChildItemBorder: none;
|
||||
|
||||
/* Divided Horizontal */
|
||||
@horizontalDividedSpacing: (@horizontalSpacing / 2);
|
||||
@horizontalDividedLineHeight: 0.6;
|
||||
|
||||
/* Divided */
|
||||
@celledBorderWidth: 1px;
|
||||
@celledBorder: @celledBorderWidth solid @borderColor;
|
||||
@celledInvertedBorder: @dividedBorderWidth solid @whiteBorderColor;
|
||||
@celledHorizontalPadding: 0.5em;
|
||||
@celledChildListBorder: none;
|
||||
@celledChildItemBorder: none;
|
||||
|
||||
/* Divided Horizontal */
|
||||
@horizontalCelledSpacing: (@horizontalSpacing / 2);
|
||||
@horizontalCelledLineHeight: 0.6;
|
||||
|
||||
/* Relaxed */
|
||||
@relaxedItemVerticalPadding: @relative6px;
|
||||
@relaxedChildItemVerticalPadding: @relative3px;
|
||||
@relaxedHeaderMargin: 0.25rem;
|
||||
@relaxedHorizontalPadding: 1rem;
|
||||
|
||||
/* Very Relaxed */
|
||||
@veryRelaxedItemVerticalPadding: @relative12px;
|
||||
@veryRelaxedChildItemVerticalPadding: @relative4px;
|
||||
@veryRelaxedHeaderMargin: 0.5rem;
|
||||
@veryRelaxedHorizontalPadding: 1.5rem;
|
||||
|
||||
3
semantic/src/themes/dark/elements/loader.overrides
Normal file
3
semantic/src/themes/dark/elements/loader.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
72
semantic/src/themes/dark/elements/loader.variables
Normal file
72
semantic/src/themes/dark/elements/loader.variables
Normal file
@@ -0,0 +1,72 @@
|
||||
/*******************************
|
||||
Loader
|
||||
*******************************/
|
||||
|
||||
/* Some global loader styles defined in site.variables */
|
||||
// @loaderSpeed
|
||||
// @loaderLineWidth
|
||||
// @loaderFillColor
|
||||
// @loaderLineColor
|
||||
// @invertedLoaderFillColor
|
||||
// @invertedLoaderLineColor
|
||||
|
||||
/*-------------------
|
||||
Standard
|
||||
--------------------*/
|
||||
|
||||
@loaderTopOffset: 50%;
|
||||
@loaderLeftOffset: 50%;
|
||||
|
||||
@shapeBorderColor: @loaderLineColor transparent transparent;
|
||||
@invertedShapeBorderColor: @invertedLoaderLineColor transparent transparent;
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Text */
|
||||
@textDistance: @relativeMini;
|
||||
@loaderTextColor: @textColor;
|
||||
@invertedLoaderTextColor: @invertedTextColor;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
@indeterminateDirection: reverse;
|
||||
@indeterminateSpeed: (2 * @loaderSpeed);
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
@inlineVerticalAlign: middle;
|
||||
@inlineMargin: 0em;
|
||||
|
||||
/* Exact Sizes (Avoids Rounding Errors) */
|
||||
@mini : @14px;
|
||||
@tiny : @16px;
|
||||
@small : @24px;
|
||||
@medium : @32px;
|
||||
@large : @48px;
|
||||
@big : @52px;
|
||||
@huge : @58px;
|
||||
@massive : @64px;
|
||||
|
||||
@miniOffset: 0em 0em 0em -(@mini / 2);
|
||||
@tinyOffset: 0em 0em 0em -(@tiny / 2);
|
||||
@smallOffset: 0em 0em 0em -(@small / 2);
|
||||
@mediumOffset: 0em 0em 0em -(@medium / 2);
|
||||
@largeOffset: 0em 0em 0em -(@large / 2);
|
||||
@bigOffset: 0em 0em 0em -(@big / 2);
|
||||
@hugeOffset: 0em 0em 0em -(@huge / 2);
|
||||
@massiveOffset: 0em 0em 0em -(@massive / 2);
|
||||
|
||||
@tinyFontSize: @relativeTiny;
|
||||
@miniFontSize: @relativeMini;
|
||||
@smallFontSize: @relativeSmall;
|
||||
@mediumFontSize: @relativeMedium;
|
||||
@largeFontSize: @relativeLarge;
|
||||
@bigFontSize: @relativeBig;
|
||||
@hugeFontSize: @relativeHuge;
|
||||
@massiveFontSize: @relativeMassive;
|
||||
3
semantic/src/themes/dark/elements/rail.overrides
Normal file
3
semantic/src/themes/dark/elements/rail.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
34
semantic/src/themes/dark/elements/rail.variables
Normal file
34
semantic/src/themes/dark/elements/rail.variables
Normal file
@@ -0,0 +1,34 @@
|
||||
/*******************************
|
||||
Rail
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@width: 300px;
|
||||
@height: 100%;
|
||||
|
||||
@distance: 4rem;
|
||||
@splitDistance: (@distance / 2);
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
/* Close */
|
||||
@closeDistance: 2em;
|
||||
@veryCloseDistance: 1em;
|
||||
|
||||
@splitCloseDistance: (@closeDistance / 2);
|
||||
@splitVeryCloseDistance: (@veryCloseDistance / 2);
|
||||
|
||||
@closeWidth: ~"calc("@width~" + "@splitCloseDistance~")";
|
||||
@veryCloseWidth: ~"calc("@width~" + "@splitVeryCloseDistance~")";
|
||||
|
||||
/* Dividing */
|
||||
@dividingBorder: 1px solid @borderColor;
|
||||
@dividingDistance: 5rem;
|
||||
@splitDividingDistance: (@dividingDistance / 2);
|
||||
@dividingWidth: @width + @splitDividingDistance;
|
||||
|
||||
3
semantic/src/themes/dark/elements/reveal.overrides
Normal file
3
semantic/src/themes/dark/elements/reveal.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
17
semantic/src/themes/dark/elements/reveal.variables
Normal file
17
semantic/src/themes/dark/elements/reveal.variables
Normal file
@@ -0,0 +1,17 @@
|
||||
/*******************************
|
||||
Reveal
|
||||
*******************************/
|
||||
|
||||
@transitionDelay: 0.1s;
|
||||
@transitionDuration: 0.5s;
|
||||
@transitionEasing: cubic-bezier(0.175, 0.885, 0.320, 1);
|
||||
@transition: all @transitionDuration @defaultEasing @transitionDelay;
|
||||
|
||||
@bottomZIndex: 2;
|
||||
@topZIndex: 3;
|
||||
@activeZIndex: 4;
|
||||
|
||||
/* Types */
|
||||
@rotateDegrees: 110deg;
|
||||
@moveTransition: transform @transitionDuration @transitionEasing @transitionDelay;
|
||||
@slideTransition: transform @transitionDuration @defaultEasing @transitionDelay;
|
||||
3
semantic/src/themes/dark/elements/segment.overrides
Normal file
3
semantic/src/themes/dark/elements/segment.overrides
Normal file
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
139
semantic/src/themes/dark/elements/segment.variables
Normal file
139
semantic/src/themes/dark/elements/segment.variables
Normal file
@@ -0,0 +1,139 @@
|
||||
/*******************************
|
||||
Segment
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@background: @white;
|
||||
@borderWidth: 1px;
|
||||
@border: @borderWidth solid @borderColor;
|
||||
|
||||
@boxShadow: @subtleShadow;
|
||||
@verticalPadding: 1em;
|
||||
@horizontalPadding: 1em;
|
||||
@padding: @verticalPadding @horizontalPadding;
|
||||
|
||||
@verticalMargin: 1rem;
|
||||
@horizontalMargin: 0em;
|
||||
@margin: @verticalMargin @horizontalMargin;
|
||||
@borderRadius: @defaultBorderRadius;
|
||||
|
||||
/*-------------------
|
||||
Group
|
||||
--------------------*/
|
||||
|
||||
@groupedMargin: @margin;
|
||||
@groupedBorder: @border;
|
||||
@groupedBoxShadow: @boxShadow;
|
||||
@groupedBorderRadius: @borderRadius;
|
||||
|
||||
@nestedGroupMargin: @verticalMargin @verticalMargin;
|
||||
|
||||
@groupedSegmentBorder: none;
|
||||
@groupedSegmentDivider: @border;
|
||||
@groupedSegmentMargin: 0em;
|
||||
@groupedSegmentWidth: auto;
|
||||
@groupedSegmentBoxShadow: none;
|
||||
|
||||
/*-------------------
|
||||
Coupling
|
||||
--------------------*/
|
||||
|
||||
/* Page Grid Segment */
|
||||
@pageGridMargin: (2 * @verticalPadding);
|
||||
|
||||
/*******************************
|
||||
States
|
||||
*******************************/
|
||||
|
||||
/* Loading Dimmer */
|
||||
@loaderDimmerColor: rgba(0, 0, 0 , 0.85);
|
||||
@loaderDimmerZIndex: 100;
|
||||
|
||||
/* Loading Spinner */
|
||||
@loaderSize: 3em;
|
||||
@loaderLineZIndex: 101;
|
||||
|
||||
|
||||
/*******************************
|
||||
Variations
|
||||
*******************************/
|
||||
|
||||
/* Piled */
|
||||
@piledZIndex: auto;
|
||||
@piledMargin: 3em;
|
||||
@piledBoxShadow: '';
|
||||
@piledDegrees: 1.2deg;
|
||||
@piledBorder: @border;
|
||||
|
||||
/* Circular */
|
||||
@circularPadding: 2em;
|
||||
|
||||
/* Stacked */
|
||||
@stackedHeight: 6px;
|
||||
@stackedPageBackground: @subtleTransparentBlack;
|
||||
@stackedPadding: @verticalPadding + (0.4em);
|
||||
@tallStackedPadding: @verticalPadding + (0.8em);
|
||||
|
||||
/* Raised */
|
||||
@raisedBoxShadow: @floatingShadow;
|
||||
|
||||
/* Padded */
|
||||
@paddedSegmentPadding: 1.5em;
|
||||
@veryPaddedSegmentPadding: 3em;
|
||||
|
||||
/* Attached */
|
||||
@attachedTopOffset: 0px;
|
||||
@attachedBottomOffset: 0px;
|
||||
@attachedHorizontalOffset: -@borderWidth;
|
||||
@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
|
||||
@attachedBoxShadow: none;
|
||||
@attachedBorder: @borderWidth solid @solidBorderColor;
|
||||
@attachedBottomBoxShadow:
|
||||
@boxShadow,
|
||||
@attachedBoxShadow
|
||||
;
|
||||
|
||||
/* Inverted */
|
||||
@invertedBackground: @black;
|
||||
|
||||
/* Floated */
|
||||
@floatedDistance: 1em;
|
||||
|
||||
/* Basic */
|
||||
@basicBackground: none transparent;
|
||||
@basicBorder: none;
|
||||
@basicBoxShadow: none;
|
||||
@basicBorderRadius: 0px;
|
||||
|
||||
/* Colors */
|
||||
@coloredBorderSize: 2px;
|
||||
|
||||
/* Ordinality */
|
||||
@secondaryBackground: @darkWhite;
|
||||
@secondaryColor: @mutedTextColor;
|
||||
|
||||
@tertiaryBackground: @midWhite;
|
||||
@tertiaryColor: @mutedTextColor;
|
||||
|
||||
@secondaryInvertedLightness: 0.2;
|
||||
@secondaryInvertedBackground:
|
||||
lighten(@black, (@secondaryInvertedLightness * 100))
|
||||
linear-gradient(
|
||||
rgba(255, 255, 255, @secondaryInvertedLightness) 0%,
|
||||
rgba(255, 255, 255, @secondaryInvertedLightness) 100%
|
||||
)
|
||||
;
|
||||
@secondaryInvertedColor: @invertedMutedTextColor;
|
||||
|
||||
@tertiaryInvertedLightness: 0.35;
|
||||
@tertiaryInvertedBackground:
|
||||
lighten(@black, (@tertiaryInvertedLightness * 100))
|
||||
linear-gradient(
|
||||
rgba(255, 255, 255, @tertiaryInvertedLightness) 0%,
|
||||
rgba(255, 255, 255, @tertiaryInvertedLightness) 100%
|
||||
)
|
||||
;
|
||||
@tertiaryInvertedColor: @invertedMutedTextColor;
|
||||
16
semantic/src/themes/dark/elements/step.overrides
Normal file
16
semantic/src/themes/dark/elements/step.overrides
Normal file
File diff suppressed because one or more lines are too long
130
semantic/src/themes/dark/elements/step.variables
Normal file
130
semantic/src/themes/dark/elements/step.variables
Normal file
@@ -0,0 +1,130 @@
|
||||
/*******************************
|
||||
Step
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Group
|
||||
--------------------*/
|
||||
|
||||
@stepMargin: 1em 0em;
|
||||
@stepsBorderRadius: @defaultBorderRadius;
|
||||
@stepsBackground: '';
|
||||
@stepsBoxShadow: none;
|
||||
@stepsBorder: 1px solid @borderColor;
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@verticalMargin: 0em;
|
||||
@horizontalMargin: 0em;
|
||||
|
||||
@arrowSize: @relativeLarge;
|
||||
@verticalPadding: @relativeLarge;
|
||||
@horizontalPadding: 2em;
|
||||
|
||||
@transition:
|
||||
background-color @defaultDuration @defaultEasing,
|
||||
opacity @defaultDuration @defaultEasing,
|
||||
color @defaultDuration @defaultEasing,
|
||||
box-shadow @defaultDuration @defaultEasing
|
||||
;
|
||||
@lineHeight: @relativeLarge;
|
||||
@alignItems: center;
|
||||
@justifyContent: center;
|
||||
@backgroundColor: @white;
|
||||
@background: @backgroundColor;
|
||||
@borderRadius: 0em;
|
||||
@borderWidth: 1px;
|
||||
@boxShadow: none;
|
||||
@border: none;
|
||||
@divider: @borderWidth solid @borderColor;
|
||||
|
||||
/* Icon */
|
||||
@iconDistance: 1rem;
|
||||
@iconSize: 2.5em;
|
||||
@iconAlign: middle;
|
||||
|
||||
/* Title */
|
||||
@titleFontFamily: @headerFont;
|
||||
@titleFontWeight: bold;
|
||||
@titleFontSize: @relativeLarge;
|
||||
@titleColor: @darkTextColor;
|
||||
|
||||
/* Description */
|
||||
@descriptionDistance: 0.25em;
|
||||
@descriptionFontSize: @relativeSmall;
|
||||
@descriptionFontWeight: normal;
|
||||
@descriptionColor: @textColor;
|
||||
|
||||
|
||||
/* Arrow */
|
||||
@arrowBackgroundColor: @backgroundColor;
|
||||
@arrowTopOffset: 50%;
|
||||
@arrowRightOffset: 0%;
|
||||
@arrowBorderWidth: 0px @borderWidth @borderWidth 0px;
|
||||
|
||||
@arrowDisplay: block;
|
||||
@lastArrowDisplay: none;
|
||||
|
||||
@activeArrowDisplay: block;
|
||||
@activeLastArrowDisplay: none;
|
||||
|
||||
/* Mobile */
|
||||
@mobileIconDistance: @iconDistance;
|
||||
|
||||
/*-------------------
|
||||
Types
|
||||
--------------------*/
|
||||
|
||||
/* Vertical */
|
||||
@verticalDivider: @divider;
|
||||
@verticalArrowTopOffset: 50%;
|
||||
@verticalArrowRightOffset: 0%;
|
||||
@verticalArrowBorderWidth: 0px @borderWidth @borderWidth 0px;
|
||||
|
||||
@verticalArrowDisplay: none;
|
||||
@verticalLastArrowDisplay: @verticalArrowDisplay;
|
||||
|
||||
@verticalActiveArrowDisplay: block;
|
||||
@verticalActiveLastArrowDisplay: block;
|
||||
|
||||
/*-------------------
|
||||
Variations
|
||||
--------------------*/
|
||||
|
||||
@attachedHorizontalOffset: -@borderWidth;
|
||||
@attachedVerticalOffset: 0;
|
||||
@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
|
||||
|
||||
@orderedFontFamily: inherit;
|
||||
@orderedFontWeight: bold;
|
||||
|
||||
/*-------------------
|
||||
States
|
||||
--------------------*/
|
||||
|
||||
/* Completed */
|
||||
@completedColor: @positiveColor;
|
||||
|
||||
/* Hover */
|
||||
@hoverBackground: @offWhite;
|
||||
@hoverColor: @hoveredTextColor;
|
||||
|
||||
/* Down */
|
||||
@downBackground: @darkWhite;
|
||||
@downColor: @pressedTextColor;
|
||||
|
||||
/* Active */
|
||||
@activeBackground: @darkWhite;
|
||||
@activeColor: @linkColor;
|
||||
@activeIconColor: @darkTextColor;
|
||||
|
||||
/* Active + Hover */
|
||||
@activeHoverBackground: @lightGrey;
|
||||
@activeHoverColor: @textColor;
|
||||
|
||||
|
||||
/* Disabled */
|
||||
@disabledBackground: @background;
|
||||
@disabledColor: @disabledTextColor;
|
||||
Reference in New Issue
Block a user