Browse Source

Rebuild files

pull/1139/merge
jlukic 10 years ago
parent
commit
2b6b909df0
30 changed files with 628 additions and 309 deletions
  1. 125
      build/less/definitions/collections/table.less
  2. 44
      build/less/definitions/elements/button.less
  3. 63
      build/less/definitions/elements/header.less
  4. 2
      build/less/definitions/elements/segment.less
  5. 26
      build/less/definitions/modules/checkbox.less
  6. 3
      build/less/themes/packages/classic/elements/header.overrides
  7. 10
      build/less/themes/packages/classic/elements/header.variables
  8. 39
      build/less/themes/packages/default/collections/table.variables
  9. 11
      build/less/themes/packages/default/elements/button.variables
  10. 2
      build/less/themes/packages/default/elements/step.variables
  11. 16
      build/less/themes/packages/default/globals/site.variables
  12. 18
      build/less/themes/packages/default/modules/checkbox.variables
  13. 2
      build/minified/definitions/collections/menu.min.css
  14. 2
      build/minified/definitions/collections/table.min.css
  15. 2
      build/minified/definitions/elements/button.min.css
  16. 2
      build/minified/definitions/elements/header.min.css
  17. 2
      build/minified/definitions/elements/list.min.css
  18. 2
      build/minified/definitions/elements/segment.min.css
  19. 2
      build/minified/definitions/elements/step.min.css
  20. 2
      build/minified/definitions/modules/checkbox.min.css
  21. 280
      build/packaged/definitions/css/semantic.css
  22. 2
      build/packaged/definitions/css/semantic.min.css
  23. 4
      build/uncompressed/definitions/collections/menu.css
  24. 124
      build/uncompressed/definitions/collections/table.css
  25. 59
      build/uncompressed/definitions/elements/button.css
  26. 57
      build/uncompressed/definitions/elements/header.css
  27. 4
      build/uncompressed/definitions/elements/list.css
  28. 4
      build/uncompressed/definitions/elements/segment.css
  29. 10
      build/uncompressed/definitions/elements/step.css
  30. 18
      build/uncompressed/definitions/modules/checkbox.css

125
build/less/definitions/collections/table.less

@ -199,17 +199,28 @@
Definition
---------------*/
.ui.definition.table th:first-child {
.ui.definition.table thead:not(.full-width) th:first-child {
pointer-events: none;
background: @definitionHeaderBackground;
font-weight: @definitionHeaderFontWeight;
color: @definitionHeaderColor;
box-shadow: -1px -1px 0px @borderWidth @definitionPageBackground;
box-shadow: -@borderWidth -@borderWidth 0px @borderWidth @definitionPageBackground;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
pointer-events: none;
background: @definitionFooterBackground;
font-weight: @definitionFooterColor;
color: @definitionFooterFontWeight;
box-shadow: @borderWidth @borderWidth 0px @borderWidth @definitionPageBackground;
}
/* Remove Border */
.ui.celled.definition.table th:first-child {
box-shadow: 0px -1px 0px @borderWidth @definitionPageBackground;
.ui.celled.definition.table thead:not(.full-width) th:first-child {
box-shadow: 0px -@borderWidth 0px @borderWidth @definitionPageBackground;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
box-shadow: 0px @borderWidth 0px @borderWidth @definitionPageBackground;
}
/* Highlight Defining Column */
@ -220,7 +231,10 @@
}
/* Fix 2nd Column */
.ui.definition.table thead th:nth-child(2) {
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
border-left: @borderWidth solid @borderColor;
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
border-left: @borderWidth solid @borderColor;
}
.ui.definition.table td:nth-child(2) {
@ -340,13 +354,73 @@
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
pointer-events: none;
color: rgba(150, 150, 150, 0.3);
color: @disabledTextColor;
}
/*******************************
Variations
*******************************/
/*--------------
Aligned
---------------*/
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
text-align: right;
}
/*--------------
Collapsing
---------------*/
.ui.table th.collapsing,
.ui.table td.collapsing {
width: 1px;
white-space: nowrap;
}
/*--------------
Attached
---------------*/
/* All */
.ui.attached.table {
width: @attachedTableWidth;
margin: 0em @attachedHorizontalOffset;
border-radius: 0px;
box-shadow: @attachedBoxShadow;
}
/* Top */
.ui[class*="top attached"].table {
margin-top: @margin;
border-radius: @borderRadius @borderRadius 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
margin-top: 0em;
}
/* Bottom */
.ui.table[class*="bottom attached"] {
margin-top: 0em;
margin-bottom: @margin;
border-radius: 0em 0em @borderRadius @borderRadius;
}
.ui.table[class*="bottom attached"]:last-child {
margin-bottom: 0em;
}
/*--------------
Striped
---------------*/
@ -370,39 +444,30 @@
.ui.black.table {
border-top: @coloredBorderSize solid @black;
border-radius: @coloredBorderRadius;
}
.ui.blue.table {
border-top: @coloredBorderSize solid @blue;
border-radius: @coloredBorderRadius;
}
.ui.green.table {
border-top: @coloredBorderSize solid @green;
border-radius: @coloredBorderRadius;
}
.ui.orange.table {
border-top: @coloredBorderSize solid @orange;
border-radius: @coloredBorderRadius;
}
.ui.pink.table {
border-top: @coloredBorderSize solid @pink;
border-radius: @coloredBorderRadius;
}
.ui.purple.table {
border-top: @coloredBorderSize solid @purple;
border-radius: @coloredBorderRadius;
}
.ui.red.table {
border-top: @coloredBorderSize solid @red;
border-radius: @coloredBorderRadius;
}
.ui.teal.table {
border-top: @coloredBorderSize solid @teal;
border-radius: @coloredBorderRadius;
}
.ui.yellow.table {
border-top: @coloredBorderSize solid @yellow;
border-radius: @coloredBorderRadius;
}
/*-------------------
@ -412,47 +477,38 @@
.ui.inverted.table,
.ui.inverted.black.table {
background-color: @black !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.blue.table {
background-color: @blue !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.green.table {
background-color: @green !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.orange.table {
background-color: @orange !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.pink.table {
background-color: @pink !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.purple.table {
background-color: @purple !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.red.table {
background-color: @red !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.teal.table {
background-color: @teal !important;
border-radius: @borderRadius;
color: @white !important;
}
.ui.inverted.yellow.table {
background-color: @yellow !important;
border-radius: @borderRadius;
color: @white !important;
}
@ -664,13 +720,30 @@
}
.ui.inverted.table th {
background-color: @invertedHeaderBackground;
border-color: @invertedCellBorderColor;
border-color: @invertedCellBorderColor !important;
color: @invertedHeaderColor;
}
.ui.inverted.table tr td {
border-color: @invertedCellBorderColor;
border-color: @invertedCellBorderColor !important;
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
pointer-events: none;
color: @invertedDisabledTextColor;
}
/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
background: @definitionPageBackground;
}
.ui.inverted.definition.table tr td:first-child {
background: @invertedDefinitionColumnBackground;
color: @invertedDefinitionColumnColor;
}
/*--------------
Collapsing

44
build/less/definitions/elements/button.less

@ -52,7 +52,6 @@
box-shadow: @boxShadow;
user-select: none;
box-sizing: border-box;
transition: @transition;
-webkit-tap-highlight-color: @tapColor;
@ -704,13 +703,10 @@
padding-right: @horizontalPadding !important;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
position: absolute;
top: 0em;
left: 0em;
box-sizing: border-box;
width: @labeledIconWidth;
height: 100%;
@ -722,6 +718,27 @@
line-height: 1;
box-shadow: @labeledIconLeftShadow;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
top: 0em;
left: 0em;
}
/* Right Labeled */
.ui[class*="right labeled"].icon.button {
padding-right: @labeledIconPadding !important;
padding-left: @horizontalPadding !important;
}
.ui[class*="right labeled"].icon.button > .icon {
left: auto;
right: 0em;
border-radius: 0em @borderRadius @borderRadius 0em;
box-shadow: @labeledIconRightShadow;
}
.ui.labeled.icon.buttons > .button > .icon:before,
.ui.labeled.icon.button > .icon:before,
.ui.labeled.icon.buttons > .button > .icon:after,
@ -754,22 +771,13 @@
border-bottom-left-radius: @borderRadius;
}
.ui.right.labeled.icon.button {
padding-right: @labeledIconPadding !important;
padding-left: @horizontalPadding !important;
}
.ui.left.fluid.labeled.icon.button,
.ui.right.fluid.labeled.icon.button {
/* Fluid Labeled */
.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
padding-left: @horizontalPadding !important;
padding-right: @horizontalPadding !important;
}
.ui.right.labeled.icon.button > .icon {
left: auto;
right: 0em;
border-radius: 0em @borderRadius @borderRadius 0em;
box-shadow: @labeledIconRightShadow;
}
@ -868,7 +876,6 @@
border-radius: 500em;
box-shadow: @orBoxShadow;
box-sizing: border-box;
}
/* Fluid Or */
@ -1065,7 +1072,6 @@
.ui.fluid.vertical.buttons > .button {
display: block;
width: auto;
box-sizing: border-box;
}
.ui.\32.vertical.buttons > .button,

63
build/less/definitions/elements/header.less

@ -441,6 +441,34 @@ a.ui.inverted.yellow.header:hover {
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background: @blockBackground;
padding: @blockVerticalPadding @blockHorizontalPadding;
box-shadow: @blockBoxShadow;
border: @blockBorder;
border-radius: @blockBorderRadius;
}
.ui.tiny.block.header {
font-size: @tinyBlock;
}
.ui.small.block.header {
font-size: @smallBlock;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: @mediumBlock;
}
.ui.large.block.header {
font-size: @largeBlock;
}
.ui.huge.block.header {
font-size: @hugeBlock;
}
/*-------------------
Attached
--------------------*/
@ -450,18 +478,19 @@ a.ui.inverted.yellow.header:hover {
padding: @attachedVerticalPadding @attachedHorizontalPadding;
margin-left: @attachedOffset;
margin-right: @attachedOffset;
}
.ui.attached.header,
.ui.attached.block.header {
box-shadow: @attachedBoxShadow;
border: @attachedBorder;
}
.ui.attached.block.header {
background: @blockBackground;
}
.ui.attached:not(.top):not(.bottom).header {
margin-top: 0em;
margin-bottom: 0em;
border-top: none;
border-bottom: none;
border-radius: 0em;
}
.ui.top.attached.header {
margin-bottom: 0em;
@ -491,34 +520,6 @@ a.ui.inverted.yellow.header:hover {
font-size: @hugeAttached;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background: @blockBackground;
padding: @blockVerticalPadding @blockHorizontalPadding;
box-shadow: @blockBoxShadow;
border: @blockBorder;
border-radius: @blockBorderRadius;
}
.ui.tiny.block.header {
font-size: @tinyBlock;
}
.ui.small.block.header {
font-size: @smallBlock;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: @mediumBlock;
}
.ui.large.block.header {
font-size: @largeBlock;
}
.ui.huge.block.header {
font-size: @hugeBlock;
}
/*-------------------
Sizing
--------------------*/

2
build/less/definitions/elements/segment.less

@ -378,9 +378,11 @@
.ui.floated.segment,
.ui[class*="left floated"].segment {
float: left;
margin-right: @margin;
}
.ui[class*="right floated"].segment {
float: right;
margin-left: @margin;
}

26
build/less/definitions/modules/checkbox.less

@ -349,12 +349,12 @@
.ui.toggle.checkbox {
cursor: pointer;
height: @toggleSize;
height: @toggleHeight;
}
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
height: @toggleSize;
height: @toggleHandleSize;
padding-left: @toggleLabelDistance;
line-height: @toggleLabelLineHeight;
color: @toggleOffLabelColor;
@ -435,5 +435,27 @@
left: @toggleOnOffset;
}
/*******************************
Variations
*******************************/
/*--------------
Fitted
---------------*/
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
padding-left: 0em !important;
}
.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
width: @toggleWidth;
}
.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
width: @sliderWidth;
}
.loadUIOverrides();

3
build/less/themes/packages/classic/elements/header.overrides

@ -0,0 +1,3 @@
/*******************************
Overrides
*******************************/

10
build/less/themes/packages/classic/elements/header.variables

@ -0,0 +1,10 @@
/*******************************
Button
*******************************/
/*-------------------
Element
--------------------*/
@blockBackground: @offWhite @subtleGradient;
@blockBoxShadow: @subtleShadow;

39
build/less/themes/packages/default/collections/table.variables

@ -18,6 +18,26 @@
@border: @borderWidth solid @borderColor;
@boxShadow: none;
/*-------------------
Types
--------------------*/
/* Definition */
@definitionPageBackground: @white;
@definitionHeaderBackground: transparent;
@definitionHeaderColor: @unselectedTextColor;
@definitionHeaderFontWeight: normal;
@definitionFooterBackground: @definitionHeaderBackground;
@definitionFooterColor: @definitionHeaderColor;
@definitionFooterFontWeight: @definitionHeaderFontWeight;
@definitionColumnBackground: @subtleTransparentBlack;
@definitionColumnColor: @selectedTextColor;
@definitionColumnFontWeight: bold;
/*--------------
Parts
---------------*/
@ -121,6 +141,11 @@
Types
---------------*/
/* Attached */
@attachedHorizontalOffset: -1px;
@attachedBoxShadow: none;
@attachedTableWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
/* Striped */
@stripedBackground: rgba(0, 0, 50, 0.03);
@invertedStripedBackground: rgba(255, 255, 255, 0.06);
@ -165,17 +190,9 @@
@invertedHeaderBackground: rgba(0, 0, 0, 0.15);
@invertedHeaderColor: rgba(255, 255, 255, 0.9);
/* Definition */
@definitionPageBackground: @white;
@definitionHeaderBackground: transparent;
@definitionHeaderColor: @unselectedTextColor;
@definitionHeaderFontWeight: normal;
@definitionColumnBackground: @subtleTransparentBlack;
@definitionColumnColor: @selectedTextColor;
@definitionColumnFontWeight: bold;
@invertedDefinitionColumnBackground: @subtleTransparentWhite;
@invertedDefinitionColumnColor: @invertedSelectedTextColor;
@invertedDefinitionColumnFontWeight: bold;
/* Basic */
@basicTableBackground: transparent;

11
build/less/themes/packages/default/elements/button.variables

@ -238,13 +238,4 @@
@fadeScaleLow: 0.75;
/* Sizing */
@mini: 0.7rem;
@tiny: 0.8rem;
@small: 0.875rem;
@medium: 1rem;
@large: 1.125rem;
@big: 1.25rem;
@huge: 1.375rem;
@massive: 1.5rem;
/* Sizing (Uses Defaults) */

2
build/less/themes/packages/default/elements/step.variables

@ -10,7 +10,7 @@
@horizontalMargin: 0em;
@verticalPadding: 0.8em;
@horizontalPadding: 1.75em;
@horizontalPadding: 1.5em;
@leftPadding: @horizontalPadding + (@arrowSize /2);
@transition:

16
build/less/themes/packages/default/globals/site.variables

@ -257,14 +257,14 @@
Sizes
--------------------*/
@mini : 0.7em;
@tiny : 0.8em;
@small : 0.875em;
@mini : 0.7142em;
@tiny : 0.8571em;
@small : 0.9285em;
@medium : 1em;
@large : 1.125em;
@big : 1.25em;
@huge : 1.375em;
@massive : 1.5em;
@large : 1.1428em;
@big : 1.2857em;
@huge : 1.4285em;
@massive : 1.7142em;
/*-------------------
@ -350,6 +350,8 @@
--------------------*/
@disabledOpacity: 0.3;
@disabledTextColor: rgba(40, 40, 40, 0.3);
@invertedDisabledTextColor: rgba(225, 225, 225, 0.3);
/*-------------------
Hover

18
build/less/themes/packages/default/modules/checkbox.variables

@ -77,11 +77,12 @@
;
/* Slider */
@sliderHandleSize: 1.5rem;
@sliderLineWidth: 3.5rem;
@sliderWidth: @sliderLineWidth;
@sliderHeight: 1rem;
@sliderSize: 1.5rem;
@sliderHandleSize: @sliderSize;
@sliderLineWidth: 3.5rem;
@sliderLineHeight: 0.25rem;
@sliderLineVerticalOffset: 0.4rem;
@sliderLineColor: @neutralCheckbox;
@ -102,8 +103,12 @@
/* Toggle */
@toggleSize: 1.5rem;
@toggleHandleSize: @toggleSize;
@toggleLaneWidth: 3.5rem;
@toggleHandleSize: 1.5rem;
@toggleWidth: @toggleLaneWidth;
@toggleHeight: @toggleHandleSize;
@toggleHandleRadius: @circularRadius;
@toggleHandleOffset: 0rem;
@toggleHandleTransition:
@ -111,8 +116,7 @@
left 0.3s ease 0s
;
@toggleLaneWidth: 3.5rem;
@toggleLaneHeight: @toggleSize;
@toggleLaneHeight: @toggleHandleSize;
@toggleLaneVerticalOffset: 0rem;
@toggleOffOffset: -0.05rem;
@toggleOnOffset: (@toggleLaneWidth - @toggleHandleSize) + 0.05rem;

2
build/minified/definitions/collections/menu.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/collections/table.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/elements/button.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/elements/header.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/elements/list.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/elements/segment.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/elements/step.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/modules/checkbox.min.css
File diff suppressed because it is too large
View File

280
build/packaged/definitions/css/semantic.css

@ -3382,7 +3382,7 @@
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
cursor: default;
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
background-color: transparent !important;
}
/*--------------------
@ -4056,7 +4056,7 @@
}
.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover {
color: rgba(255, 255, 255, 0.2);
color: rgba(225, 225, 225, 0.3);
}
/*--- Border ---*/
.ui.inverted.menu .item:before {
@ -5240,6 +5240,10 @@
/*-------------------
Element
--------------------*/
/*-------------------
Types
--------------------*/
/* Definition */
/*--------------
Parts
---------------*/
@ -5262,11 +5266,11 @@
/*--------------
Types
---------------*/
/* Attached */
/* Striped */
/* Sortable */
/* Colors */
/* Inverted */
/* Definition */
/* Basic */
/* Padded */
/* Compact */
@ -5375,6 +5379,10 @@
/*-------------------
Element
--------------------*/
/*-------------------
Types
--------------------*/
/* Definition */
/*--------------
Parts
---------------*/
@ -5397,11 +5405,11 @@
/*--------------
Types
---------------*/
/* Attached */
/* Striped */
/* Sortable */
/* Colors */
/* Inverted */
/* Definition */
/* Basic */
/* Padded */
/* Compact */
@ -5581,17 +5589,27 @@
/*--------------
Definition
---------------*/
.ui.definition.table th:first-child {
.ui.definition.table thead:not(.full-width) th:first-child {
pointer-events: none;
background: transparent;
font-weight: normal;
color: rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0px 1px #ffffff;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
pointer-events: none;
background: transparent;
font-weight: rgba(0, 0, 0, 0.4);
color: normal;
box-shadow: 1px 1px 0px 1px #ffffff;
}
/* Remove Border */
.ui.celled.definition.table th:first-child {
.ui.celled.definition.table thead:not(.full-width) th:first-child {
box-shadow: 0px -1px 0px 1px #ffffff;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
box-shadow: 0px 1px 0px 1px #ffffff;
}
/* Highlight Defining Column */
.ui.definition.table tr td:first-child {
background: rgba(0, 0, 0, 0.03);
@ -5599,7 +5617,10 @@
color: rgba(0, 0, 0, 0.8);
}
/* Fix 2nd Column */
.ui.definition.table thead th:nth-child(2) {
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
border-left: 1px solid #d0d0d0;
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
border-left: 1px solid #d0d0d0;
}
.ui.definition.table td:nth-child(2) {
@ -5704,11 +5725,62 @@
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
pointer-events: none;
color: rgba(150, 150, 150, 0.3);
color: rgba(40, 40, 40, 0.3);
}
/*******************************
Variations
*******************************/
/*--------------
Aligned
---------------*/
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
text-align: right;
}
/*--------------
Collapsing
---------------*/
.ui.table th.collapsing,
.ui.table td.collapsing {
width: 1px;
white-space: nowrap;
}
/*--------------
Attached
---------------*/
/* All */
.ui.attached.table {
width: -webkit-calc(100% + 2px );
width: calc(100% + 2px );
margin: 0em -1px;
border-radius: 0px;
box-shadow: none;
}
/* Top */
.ui[class*="top attached"].table {
margin-top: 1em 0em;
border-radius: 0.25rem 0.25rem 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
margin-top: 0em;
}
/* Bottom */
.ui.table[class*="bottom attached"] {
margin-top: 0em;
margin-bottom: 1em 0em;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.table[class*="bottom attached"]:last-child {
margin-bottom: 0em;
}
/*--------------
Striped
---------------*/
@ -5727,39 +5799,30 @@
--------------------*/
.ui.black.table {
border-top: 0.2em solid #1b1c1d;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.blue.table {
border-top: 0.2em solid #3b83c0;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.green.table {
border-top: 0.2em solid #5bbd72;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.orange.table {
border-top: 0.2em solid #e07b53;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.pink.table {
border-top: 0.2em solid #d9499a;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.purple.table {
border-top: 0.2em solid #564f8a;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.red.table {
border-top: 0.2em solid #d95c5c;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.teal.table {
border-top: 0.2em solid #00b5ad;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.yellow.table {
border-top: 0.2em solid #f2c61f;
border-radius: 0em 0em 0.25rem 0.25rem;
}
/*-------------------
Inverted Colors
@ -5767,47 +5830,38 @@
.ui.inverted.table,
.ui.inverted.black.table {
background-color: #1b1c1d !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.blue.table {
background-color: #3b83c0 !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.green.table {
background-color: #5bbd72 !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.orange.table {
background-color: #e07b53 !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.pink.table {
background-color: #d9499a !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.purple.table {
background-color: #564f8a !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.red.table {
background-color: #d95c5c !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.teal.table {
background-color: #00b5ad !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.yellow.table {
background-color: #f2c61f !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
/*--------------
@ -5967,7 +6021,7 @@
/* Hover */
.ui.sortable.table th.disabled:hover {
cursor: auto;
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
}
.ui.sortable.table thead th:hover {
background: rgba(0, 0, 0, 0.05);
@ -6008,11 +6062,27 @@
}
.ui.inverted.table th {
background-color: rgba(0, 0, 0, 0.15);
border-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2) !important;
color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.table tr td {
border-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2) !important;
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
pointer-events: none;
color: rgba(225, 225, 225, 0.3);
}
/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
background: #ffffff;
}
.ui.inverted.definition.table tr td:first-child {
background: rgba(255, 255, 255, 0.02);
color: #ffffff;
}
/*--------------
Collapsing
@ -6315,7 +6385,7 @@
/* Attached */
/* Floated */
/* Animated */
/* Sizing */
/* Sizing (Uses Defaults) */
/*------------------
Load Theme
-------------------*/
@ -6458,7 +6528,7 @@
/* Attached */
/* Floated */
/* Animated */
/* Sizing */
/* Sizing (Uses Defaults) */
/*------------------
Load Site
-------------------*/
@ -6501,7 +6571,6 @@
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
-webkit-tap-highlight-color: transparent;
@ -6935,42 +7004,42 @@
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
font-size: 0.7rem;
font-size: 0.7142em;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
font-size: 0.8rem;
font-size: 0.8571em;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
font-size: 0.875rem;
font-size: 0.9285em;
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
font-size: 1rem;
font-size: 1em;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
font-size: 1.125rem;
font-size: 1.1428em;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
font-size: 1.25rem;
font-size: 1.2857em;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
font-size: 1.375rem;
font-size: 1.4285em;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
font-size: 1.5rem;
font-size: 1.7142em;
}
/* Loading Resize */
.ui.huge.loading.button:after,
@ -7106,12 +7175,10 @@
padding-left: 4.1em !important;
padding-right: 1.5em !important;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
position: absolute;
top: 0em;
left: 0em;
box-sizing: border-box;
width: 2.6em;
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
@ -7121,6 +7188,23 @@
line-height: 1;
box-shadow: -1px 0px 0px 0px transparent inset;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
top: 0em;
left: 0em;
}
/* Right Labeled */
.ui[class*="right labeled"].icon.button {
padding-right: 4.1em !important;
padding-left: 1.5em !important;
}
.ui[class*="right labeled"].icon.button > .icon {
left: auto;
right: 0em;
border-radius: 0em 0.25em 0.25em 0em;
box-shadow: 1px 0px 0px 0px transparent inset;
}
.ui.labeled.icon.buttons > .button > .icon:before,
.ui.labeled.icon.button > .icon:before,
.ui.labeled.icon.buttons > .button > .icon:after,
@ -7151,21 +7235,12 @@
border-radius: 0em;
border-bottom-left-radius: 0.25em;
}
.ui.right.labeled.icon.button {
padding-right: 4.1em !important;
padding-left: 1.5em !important;
}
.ui.left.fluid.labeled.icon.button,
.ui.right.fluid.labeled.icon.button {
/* Fluid Labeled */
.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
.ui.right.labeled.icon.button > .icon {
left: auto;
right: 0em;
border-radius: 0em 0.25em 0.25em 0em;
box-shadow: 1px 0px 0px 0px transparent inset;
}
/*--------------
Toggle
---------------*/
@ -7245,7 +7320,6 @@
text-align: center;
border-radius: 500em;
box-shadow: 0px 0px 0px 1px transparent inset;
box-sizing: border-box;
}
/* Fluid Or */
.ui.fluid.buttons .or {
@ -7420,7 +7494,6 @@
.ui.fluid.vertical.buttons > .button {
display: block;
width: auto;
box-sizing: border-box;
}
.ui.\32.vertical.buttons > .button,
.ui.two.vertical.buttons > .button {
@ -11061,6 +11134,31 @@ a.ui.inverted.yellow.header:hover {
.ui.inverted.dividing.header {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background: #f0f0f0;
padding: 0.75rem 1rem;
box-shadow: none;
border: 1px solid #dddddd;
border-radius: 0.3125rem;
}
.ui.tiny.block.header {
font-size: 1em;
}
.ui.small.block.header {
font-size: 1.1em;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: 1.3em;
}
.ui.large.block.header {
font-size: 1.5em;
}
.ui.huge.block.header {
font-size: 2em;
}
/*-------------------
Attached
--------------------*/
@ -11069,17 +11167,18 @@ a.ui.inverted.yellow.header:hover {
padding: 0.75rem 1rem;
margin-left: -1px;
margin-right: -1px;
}
.ui.attached.header,
.ui.attached.block.header {
box-shadow: none;
border: 1px solid #dddddd;
}
.ui.attached.block.header {
background: #f0f0f0;
}
.ui.attached:not(.top):not(.bottom).header {
margin-top: 0em;
margin-bottom: 0em;
border-top: none;
border-bottom: none;
border-radius: 0em;
}
.ui.top.attached.header {
margin-bottom: 0em;
@ -11107,31 +11206,6 @@ a.ui.inverted.yellow.header:hover {
.ui.huge.attached.header {
font-size: 1.2em;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background: #f0f0f0;
padding: 0.75rem 1rem;
box-shadow: none;
border: 1px solid #dddddd;
border-radius: 0.3125rem;
}
.ui.tiny.block.header {
font-size: 1em;
}
.ui.small.block.header {
font-size: 1.1em;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: 1.3em;
}
.ui.large.block.header {
font-size: 1.5em;
}
.ui.huge.block.header {
font-size: 2em;
}
/*-------------------
Sizing
--------------------*/
@ -16255,10 +16329,10 @@ ol.ui.list ol,
--------------------*/
.ui.list .disabled.item {
pointer-events: none;
color: rgba(0, 0, 0, 0.2) !important;
color: rgba(40, 40, 40, 0.3) !important;
}
.ui.inverted.list .disabled.item {
color: rgba(255, 255, 255, 0.2) !important;
color: rgba(225, 225, 225, 0.3) !important;
}
/*-------------------
Hover
@ -18550,7 +18624,7 @@ ol.ui.horizontal.list li:before,
*******************************/
.ui.disabled.segment {
opacity: 0.3;
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
}
/*******************************
Variations
@ -18673,9 +18747,11 @@ ol.ui.horizontal.list li:before,
.ui.floated.segment,
.ui[class*="left floated"].segment {
float: left;
margin-right: 1rem;
}
.ui[class*="right floated"].segment {
float: right;
margin-left: 1rem;
}
/*-------------------
Inverted
@ -19067,7 +19143,7 @@ ol.ui.horizontal.list li:before,
display: inline-block;
position: relative;
margin: 0em 0em;
padding: 0.8em 1.75em 0.8em 2.5em;
padding: 0.8em 1.5em 0.8em 2.25em;
vertical-align: top;
background: #ffffff;
color: rgba(0, 0, 0, 0.8);
@ -19159,10 +19235,10 @@ ol.ui.horizontal.list li:before,
.ui.vertical.steps .step {
display: block;
border-radius: 0em;
padding: 0.8em 1.75em;
padding: 0.8em 1.5em;
}
.ui.vertical.steps .step:first-child {
padding: 0.8em 1.75em;
padding: 0.8em 1.5em;
border-radius: 0.3125rem 0.3125rem 0em 0em;
}
.ui.vertical.steps .step:last-child {
@ -19189,7 +19265,7 @@ ol.ui.horizontal.list li:before,
border-radius: 0.3125rem;
}
.ui.steps .step:first-child {
padding-left: 1.75em;
padding-left: 1.5em;
border-radius: 0.3125rem 0em 0em 0.3125rem;
}
.ui.steps .step:last-child {
@ -19261,7 +19337,7 @@ ol.ui.horizontal.list li:before,
.ui.steps .disabled.step,
.ui.steps .disabled.step .title,
.ui.steps .disabled.step .description {
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
}
.ui.steps .disabled.step:after {
background: #ffffff;
@ -22170,6 +22246,24 @@ a:hover {
.ui.toggle.checkbox input:checked ~ label:after {
left: 2.05rem;
}
/*******************************
Variations
*******************************/
/*--------------
Fitted
---------------*/
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
padding-left: 0em !important;
}
.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
width: 3.5rem;
}
.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
width: 3.5rem;
}
/*******************************
Overrides
*******************************/

2
build/packaged/definitions/css/semantic.min.css
File diff suppressed because it is too large
View File

4
build/uncompressed/definitions/collections/menu.css

@ -673,7 +673,7 @@
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
cursor: default;
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
background-color: transparent !important;
}
/*--------------------
@ -1347,7 +1347,7 @@
}
.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover {
color: rgba(255, 255, 255, 0.2);
color: rgba(225, 225, 225, 0.3);
}
/*--- Border ---*/
.ui.inverted.menu .item:before {

124
build/uncompressed/definitions/collections/table.css

@ -146,6 +146,10 @@
/*-------------------
Element
--------------------*/
/*-------------------
Types
--------------------*/
/* Definition */
/*--------------
Parts
---------------*/
@ -168,11 +172,11 @@
/*--------------
Types
---------------*/
/* Attached */
/* Striped */
/* Sortable */
/* Colors */
/* Inverted */
/* Definition */
/* Basic */
/* Padded */
/* Compact */
@ -281,6 +285,10 @@
/*-------------------
Element
--------------------*/
/*-------------------
Types
--------------------*/
/* Definition */
/*--------------
Parts
---------------*/
@ -303,11 +311,11 @@
/*--------------
Types
---------------*/
/* Attached */
/* Striped */
/* Sortable */
/* Colors */
/* Inverted */
/* Definition */
/* Basic */
/* Padded */
/* Compact */
@ -487,17 +495,27 @@
/*--------------
Definition
---------------*/
.ui.definition.table th:first-child {
.ui.definition.table thead:not(.full-width) th:first-child {
pointer-events: none;
background: transparent;
font-weight: normal;
color: rgba(0, 0, 0, 0.4);
box-shadow: -1px -1px 0px 1px #ffffff;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
pointer-events: none;
background: transparent;
font-weight: rgba(0, 0, 0, 0.4);
color: normal;
box-shadow: 1px 1px 0px 1px #ffffff;
}
/* Remove Border */
.ui.celled.definition.table th:first-child {
.ui.celled.definition.table thead:not(.full-width) th:first-child {
box-shadow: 0px -1px 0px 1px #ffffff;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
box-shadow: 0px 1px 0px 1px #ffffff;
}
/* Highlight Defining Column */
.ui.definition.table tr td:first-child {
background: rgba(0, 0, 0, 0.03);
@ -505,7 +523,10 @@
color: rgba(0, 0, 0, 0.8);
}
/* Fix 2nd Column */
.ui.definition.table thead th:nth-child(2) {
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
border-left: 1px solid #d0d0d0;
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
border-left: 1px solid #d0d0d0;
}
.ui.definition.table td:nth-child(2) {
@ -610,11 +631,62 @@
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
pointer-events: none;
color: rgba(150, 150, 150, 0.3);
color: rgba(40, 40, 40, 0.3);
}
/*******************************
Variations
*******************************/
/*--------------
Aligned
---------------*/
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
text-align: right;
}
/*--------------
Collapsing
---------------*/
.ui.table th.collapsing,
.ui.table td.collapsing {
width: 1px;
white-space: nowrap;
}
/*--------------
Attached
---------------*/
/* All */
.ui.attached.table {
width: -webkit-calc(100% + 2px );
width: calc(100% + 2px );
margin: 0em -1px;
border-radius: 0px;
box-shadow: none;
}
/* Top */
.ui[class*="top attached"].table {
margin-top: 1em 0em;
border-radius: 0.25rem 0.25rem 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
margin-top: 0em;
}
/* Bottom */
.ui.table[class*="bottom attached"] {
margin-top: 0em;
margin-bottom: 1em 0em;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.table[class*="bottom attached"]:last-child {
margin-bottom: 0em;
}
/*--------------
Striped
---------------*/
@ -633,39 +705,30 @@
--------------------*/
.ui.black.table {
border-top: 0.2em solid #1b1c1d;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.blue.table {
border-top: 0.2em solid #3b83c0;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.green.table {
border-top: 0.2em solid #5bbd72;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.orange.table {
border-top: 0.2em solid #e07b53;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.pink.table {
border-top: 0.2em solid #d9499a;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.purple.table {
border-top: 0.2em solid #564f8a;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.red.table {
border-top: 0.2em solid #d95c5c;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.teal.table {
border-top: 0.2em solid #00b5ad;
border-radius: 0em 0em 0.25rem 0.25rem;
}
.ui.yellow.table {
border-top: 0.2em solid #f2c61f;
border-radius: 0em 0em 0.25rem 0.25rem;
}
/*-------------------
Inverted Colors
@ -673,47 +736,38 @@
.ui.inverted.table,
.ui.inverted.black.table {
background-color: #1b1c1d !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.blue.table {
background-color: #3b83c0 !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.green.table {
background-color: #5bbd72 !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.orange.table {
background-color: #e07b53 !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.pink.table {
background-color: #d9499a !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.purple.table {
background-color: #564f8a !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.red.table {
background-color: #d95c5c !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.teal.table {
background-color: #00b5ad !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
.ui.inverted.yellow.table {
background-color: #f2c61f !important;
border-radius: 0.25rem;
color: #ffffff !important;
}
/*--------------
@ -873,7 +927,7 @@
/* Hover */
.ui.sortable.table th.disabled:hover {
cursor: auto;
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
}
.ui.sortable.table thead th:hover {
background: rgba(0, 0, 0, 0.05);
@ -914,11 +968,27 @@
}
.ui.inverted.table th {
background-color: rgba(0, 0, 0, 0.15);
border-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2) !important;
color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.table tr td {
border-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2) !important;
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
pointer-events: none;
color: rgba(225, 225, 225, 0.3);
}
/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
background: #ffffff;
}
.ui.inverted.definition.table tr td:first-child {
background: rgba(255, 255, 255, 0.02);
color: #ffffff;
}
/*--------------
Collapsing

59
build/uncompressed/definitions/elements/button.css

@ -184,7 +184,7 @@
/* Attached */
/* Floated */
/* Animated */
/* Sizing */
/* Sizing (Uses Defaults) */
/*------------------
Load Theme
-------------------*/
@ -327,7 +327,7 @@
/* Attached */
/* Floated */
/* Animated */
/* Sizing */
/* Sizing (Uses Defaults) */
/*------------------
Load Site
-------------------*/
@ -370,7 +370,6 @@
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
-webkit-tap-highlight-color: transparent;
@ -804,42 +803,42 @@
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
font-size: 0.7rem;
font-size: 0.7142em;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
font-size: 0.8rem;
font-size: 0.8571em;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
font-size: 0.875rem;
font-size: 0.9285em;
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
font-size: 1rem;
font-size: 1em;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
font-size: 1.125rem;
font-size: 1.1428em;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
font-size: 1.25rem;
font-size: 1.2857em;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
font-size: 1.375rem;
font-size: 1.4285em;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
font-size: 1.5rem;
font-size: 1.7142em;
}
/* Loading Resize */
.ui.huge.loading.button:after,
@ -975,12 +974,10 @@
padding-left: 4.1em !important;
padding-right: 1.5em !important;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
position: absolute;
top: 0em;
left: 0em;
box-sizing: border-box;
width: 2.6em;
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
@ -990,6 +987,23 @@
line-height: 1;
box-shadow: -1px 0px 0px 0px transparent inset;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
top: 0em;
left: 0em;
}
/* Right Labeled */
.ui[class*="right labeled"].icon.button {
padding-right: 4.1em !important;
padding-left: 1.5em !important;
}
.ui[class*="right labeled"].icon.button > .icon {
left: auto;
right: 0em;
border-radius: 0em 0.25em 0.25em 0em;
box-shadow: 1px 0px 0px 0px transparent inset;
}
.ui.labeled.icon.buttons > .button > .icon:before,
.ui.labeled.icon.button > .icon:before,
.ui.labeled.icon.buttons > .button > .icon:after,
@ -1020,21 +1034,12 @@
border-radius: 0em;
border-bottom-left-radius: 0.25em;
}
.ui.right.labeled.icon.button {
padding-right: 4.1em !important;
padding-left: 1.5em !important;
}
.ui.left.fluid.labeled.icon.button,
.ui.right.fluid.labeled.icon.button {
/* Fluid Labeled */
.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
.ui.right.labeled.icon.button > .icon {
left: auto;
right: 0em;
border-radius: 0em 0.25em 0.25em 0em;
box-shadow: 1px 0px 0px 0px transparent inset;
}
/*--------------
Toggle
---------------*/
@ -1114,7 +1119,6 @@
text-align: center;
border-radius: 500em;
box-shadow: 0px 0px 0px 1px transparent inset;
box-sizing: border-box;
}
/* Fluid Or */
.ui.fluid.buttons .or {
@ -1289,7 +1293,6 @@
.ui.fluid.vertical.buttons > .button {
display: block;
width: auto;
box-sizing: border-box;
}
.ui.\32.vertical.buttons > .button,
.ui.two.vertical.buttons > .button {

57
build/uncompressed/definitions/elements/header.css

@ -660,6 +660,31 @@ a.ui.inverted.yellow.header:hover {
.ui.inverted.dividing.header {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background: #f0f0f0;
padding: 0.75rem 1rem;
box-shadow: none;
border: 1px solid #dddddd;
border-radius: 0.3125rem;
}
.ui.tiny.block.header {
font-size: 1em;
}
.ui.small.block.header {
font-size: 1.1em;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: 1.3em;
}
.ui.large.block.header {
font-size: 1.5em;
}
.ui.huge.block.header {
font-size: 2em;
}
/*-------------------
Attached
--------------------*/
@ -668,17 +693,18 @@ a.ui.inverted.yellow.header:hover {
padding: 0.75rem 1rem;
margin-left: -1px;
margin-right: -1px;
}
.ui.attached.header,
.ui.attached.block.header {
box-shadow: none;
border: 1px solid #dddddd;
}
.ui.attached.block.header {
background: #f0f0f0;
}
.ui.attached:not(.top):not(.bottom).header {
margin-top: 0em;
margin-bottom: 0em;
border-top: none;
border-bottom: none;
border-radius: 0em;
}
.ui.top.attached.header {
margin-bottom: 0em;
@ -706,31 +732,6 @@ a.ui.inverted.yellow.header:hover {
.ui.huge.attached.header {
font-size: 1.2em;
}
/*-------------------
Block
--------------------*/
.ui.block.header {
background: #f0f0f0;
padding: 0.75rem 1rem;
box-shadow: none;
border: 1px solid #dddddd;
border-radius: 0.3125rem;
}
.ui.tiny.block.header {
font-size: 1em;
}
.ui.small.block.header {
font-size: 1.1em;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: 1.3em;
}
.ui.large.block.header {
font-size: 1.5em;
}
.ui.huge.block.header {
font-size: 2em;
}
/*-------------------
Sizing
--------------------*/

4
build/uncompressed/definitions/elements/list.css

@ -548,10 +548,10 @@ ol.ui.list ol,
--------------------*/
.ui.list .disabled.item {
pointer-events: none;
color: rgba(0, 0, 0, 0.2) !important;
color: rgba(40, 40, 40, 0.3) !important;
}
.ui.inverted.list .disabled.item {
color: rgba(255, 255, 255, 0.2) !important;
color: rgba(225, 225, 225, 0.3) !important;
}
/*-------------------
Hover

4
build/uncompressed/definitions/elements/segment.css

@ -483,7 +483,7 @@
*******************************/
.ui.disabled.segment {
opacity: 0.3;
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
}
/*******************************
Variations
@ -606,9 +606,11 @@
.ui.floated.segment,
.ui[class*="left floated"].segment {
float: left;
margin-right: 1rem;
}
.ui[class*="right floated"].segment {
float: right;
margin-left: 1rem;
}
/*-------------------
Inverted

10
build/uncompressed/definitions/elements/step.css

@ -301,7 +301,7 @@
display: inline-block;
position: relative;
margin: 0em 0em;
padding: 0.8em 1.75em 0.8em 2.5em;
padding: 0.8em 1.5em 0.8em 2.25em;
vertical-align: top;
background: #ffffff;
color: rgba(0, 0, 0, 0.8);
@ -393,10 +393,10 @@
.ui.vertical.steps .step {
display: block;
border-radius: 0em;
padding: 0.8em 1.75em;
padding: 0.8em 1.5em;
}
.ui.vertical.steps .step:first-child {
padding: 0.8em 1.75em;
padding: 0.8em 1.5em;
border-radius: 0.3125rem 0.3125rem 0em 0em;
}
.ui.vertical.steps .step:last-child {
@ -423,7 +423,7 @@
border-radius: 0.3125rem;
}
.ui.steps .step:first-child {
padding-left: 1.75em;
padding-left: 1.5em;
border-radius: 0.3125rem 0em 0em 0.3125rem;
}
.ui.steps .step:last-child {
@ -495,7 +495,7 @@
.ui.steps .disabled.step,
.ui.steps .disabled.step .title,
.ui.steps .disabled.step .description {
color: rgba(0, 0, 0, 0.2);
color: rgba(40, 40, 40, 0.3);
}
.ui.steps .disabled.step:after {
background: #ffffff;

18
build/uncompressed/definitions/modules/checkbox.css

@ -659,6 +659,24 @@
.ui.toggle.checkbox input:checked ~ label:after {
left: 2.05rem;
}
/*******************************
Variations
*******************************/
/*--------------
Fitted
---------------*/
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
padding-left: 0em !important;
}
.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
width: 3.5rem;
}
.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
width: 3.5rem;
}
/*******************************
Overrides
*******************************/

Loading…
Cancel
Save