Skip to content

Commit

Permalink
2.4 Build
Browse files Browse the repository at this point in the history
  • Loading branch information
Sean Hamilton committed Jun 19, 2018
1 parent 4e87753 commit a119f02
Show file tree
Hide file tree
Showing 14 changed files with 1,949 additions and 144 deletions.
688 changes: 632 additions & 56 deletions dist/components/button.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/components/button.min.css
View file

Large diffs are not rendered by default.

28 changes: 28 additions & 0 deletions dist/components/card.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -504,6 +504,34 @@ a.ui.card:hover,
--------------------*/


/* Primary */
.ui.primary.cards > .card,
.ui.cards > .primary.card,
.ui.primary.card {
-webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
}
.ui.primary.cards > .card:hover,
.ui.cards > .primary.card:hover,
.ui.primary.card:hover {
-webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
}

/* Secondary */
.ui.secondary.cards > .card,
.ui.cards > .secondary.card,
.ui.secondary.card {
-webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
}
.ui.secondary.cards > .card:hover,
.ui.cards > .secondary.card:hover,
.ui.secondary.card:hover {
-webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
}

/* Red */
.ui.red.cards > .card,
.ui.cards > .red.card,
Expand Down
2 changes: 1 addition & 1 deletion dist/components/card.min.css
View file

Large diffs are not rendered by default.

147 changes: 147 additions & 0 deletions dist/components/dropdown.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1485,6 +1485,7 @@ select.ui.dropdown {
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
content: "\f0da" /*rtl:"\f0d9"*/;
}

/* Icons for Reference
.dropdown.down.icon {
content: "\f0d7";
Expand All @@ -1500,6 +1501,152 @@ select.ui.dropdown {
}
*/

/*--------------
Inverted
---------------*/

/* General rules and basic dropdowns */
.ui.inverted.dropdown .menu {
background: #1B1C1D;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.inverted.dropdown .menu > .item {
color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown .menu .active.item {
background: transparent;
color: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: none;
box-shadow: none;
}
.ui.inverted.dropdown .menu > .item:hover {
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown.selected,
.ui.inverted.dropdown .menu .selected.item {
background: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown .menu > .header {
color: #FFFFFF;
}
.ui.inverted.dropdown > .text > .description,
.ui.inverted.dropdown .menu > .item > .description {
color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.dropdown .menu > .divider {
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.ui.inverted.dropdown .scrolling.menu {
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Selection */
.ui.inverted.selection.dropdown {
border: 1px solid rgba(255, 255, 255, 0.15);
background: #1B1C1D;
color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.selection.dropdown:hover {
border-color: rgba(255, 255, 255, 0.25);
-webkit-box-shadow: none;
box-shadow: none;
}
.ui.inverted.selection.dropdown input {
color: #FFFFFF;
}
.ui.inverted.dropdown:not(.button) > .default.text,
.ui.inverted.default.dropdown:not(.button) > .text {
color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.dropdown:not(.button) > input:focus ~ .default.text,
.ui.inverted.default.dropdown:not(.button) > input:focus ~ .text {
color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.selection.visible.dropdown > .text:not(.default) {
color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.active.search.dropdown input.search:focus + .text .icon,
.ui.inverted.active.search.dropdown input.search:focus + .text .flag {
opacity: 0.45;
}
.ui.inverted.active.search.dropdown input.search:focus + .text {
color: rgba(255, 255, 255, 0.7) !important;
}
.ui.inverted.selection.active.dropdown .menu,
.ui.inverted.selection.active.dropdown:hover {
border-color: rgba(255, 255, 255, 0.15);
}
.ui.inverted.selection.dropdown .menu > .item {
border-top: 1px solid #242526;
}
.ui.dropdown .menu > .message:not(.ui) {
color: rgba(255, 255, 255, 0.5);
}

/* Fixing the border */
.ui.inverted.dropdown .menu > .item:first-child {
border-top-width: 0;
}

/* Labels */
.ui.inverted.multiple.dropdown > .label {
background-color: rgba(255, 255, 255, 0.7);
background-image: none;
color: #000000;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0) inset;
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0) inset;
}
.ui.inverted.multiple.dropdown > .label:hover {
background-color: rgba(255, 255, 255, 0.9);
border-color: rgba(255, 255, 255, 0.9);
background-image: none;
color: #000000;
}
.ui.inverted.multiple.dropdown > .label > .close.icon,
.ui.inverted.multiple.dropdown > .label > .delete.icon {
opacity: 0.6;
}
.ui.inverted.multiple.dropdown > .label > .close.icon:hover,
.ui.inverted.multiple.dropdown > .label > .delete.icon:hover {
opacity: 0.8;
}

/* Selection for form elements */
.ui.inverted.dropdown textarea::-webkit-selection,
.ui.inverted.dropdown input::-webkit-selection {
background-color: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown textarea::-moz-selection,
.ui.inverted.dropdown input::-moz-selection {
background-color: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.dropdown textarea::selection,
.ui.inverted.dropdown input::selection {
background-color: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.8);
}

/* Scrollbars */
.ui.inverted.dropdown .menu::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
}
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.25);
}
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.15);
}
.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.35);
}


/*******************************
User Overrides
Expand Down
2 changes: 1 addition & 1 deletion dist/components/dropdown.min.css
View file

Large diffs are not rendered by default.

40 changes: 40 additions & 0 deletions dist/components/header.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -324,6 +324,46 @@ h5.ui.header .sub.header {
--------------------*/


/*--- Primary ---*/

.ui.primary.header {
color: #2185D0 !important;
}
a.ui.primary.header:hover {
color: #2185D0 !important;
}
.ui.primary.dividing.header {
border-bottom: 2px solid #2185D0;
}

/* Inverted */
.ui.inverted.primary.header {
color: #54C8FF !important;
}
a.ui.inverted.primary.header:hover {
color: #54C8FF !important;
}

/*--- Secondary ---*/

.ui.secondary.header {
color: #1B1C1D !important;
}
a.ui.secondary.header:hover {
color: #1B1C1D !important;
}
.ui.secondary.dividing.header {
border-bottom: 2px solid #1B1C1D;
}

/* Inverted */
.ui.inverted.secondary.header {
color: #545454 !important;
}
a.ui.inverted.secondary.header:hover {
color: #545454 !important;
}

/*--- Red ---*/

.ui.red.header {
Expand Down
2 changes: 1 addition & 1 deletion dist/components/header.min.css
View file

Large diffs are not rendered by default.

26 changes: 26 additions & 0 deletions dist/components/icon.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -219,6 +219,32 @@ i.inverted.icon {
--------------------*/


/* Primary */
i.primary.icon {
color: #2185D0 !important;
}
i.inverted.primary.icon {
color: #54C8FF !important;
}
i.inverted.bordered.primary.icon,
i.inverted.circular.primary.icon {
background-color: #2185D0 !important;
color: #FFFFFF !important;
}

/* Secondary */
i.secondary.icon {
color: #1B1C1D !important;
}
i.inverted.secondary.icon {
color: #545454 !important;
}
i.inverted.bordered.secondary.icon,
i.inverted.circular.secondary.icon {
background-color: #1B1C1D !important;
color: #FFFFFF !important;
}

/* Red */
i.red.icon {
color: #DB2828 !important;
Expand Down
2 changes: 1 addition & 1 deletion dist/components/icon.min.css
View file

Large diffs are not rendered by default.

31 changes: 31 additions & 0 deletions dist/components/menu.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2045,6 +2045,37 @@ Floated Menu / Item
*******************************/


/*-------------------
Inverted dropdowns
--------------------*/

.ui.menu .ui.inverted.inverted.dropdown.item .menu {
background: #1B1C1D;
-webkit-box-shadow: none;
box-shadow: none;
}
.ui.menu .ui.inverted.dropdown .menu > .item {
color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .active.item {
background: transparent !important;
color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .item:hover {
background: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.8) !important;
}
.ui.menu .ui.inverted.dropdown .menu > .selected.item {
background: rgba(255, 255, 255, 0.15) !important;
color: rgba(255, 255, 255, 0.8) !important;
}

/* Vertical */
.ui.vertical.menu .inverted.dropdown.item .menu {
-webkit-box-shadow: none;
box-shadow: none;
}


/*******************************
Site Overrides
Expand Down
2 changes: 1 addition & 1 deletion dist/components/menu.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit a119f02

Please sign in to comment.