diff --git a/sass/semantic/_accordion.scss b/sass/semantic/_accordion.scss index 93e4a424..6ef9a295 100755 --- a/sass/semantic/_accordion.scss +++ b/sass/semantic/_accordion.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Accordion + * # Semantic UI 2.5.0 - Accordion * http://github.com/semantic-org/semantic-ui/ * * @@ -63,13 +63,9 @@ margin: 0em 0.25rem 0em 0rem; padding: 0em; font-size: 1em; - -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; - transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: transform 0.1s ease, opacity 0.1s ease; - transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease; vertical-align: baseline; - -webkit-transform: none; - transform: none; + transform: none; } /*-------------- @@ -85,8 +81,7 @@ .ui.accordion.menu .item .title > .dropdown.icon { float: right; margin: 0.21425em 0em 0em 1em; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + transform: rotate(180deg); } /* Header */ @@ -102,12 +97,10 @@ .ui.accordion .active.title .dropdown.icon, .ui.accordion .accordion .active.title .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); + transform: rotate(90deg); } .ui.accordion.menu .item .active.title > .dropdown.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); + transform: rotate(90deg); } @@ -127,8 +120,7 @@ .ui.styled.accordion .accordion { border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); } .ui.styled.accordion .title, .ui.styled.accordion .accordion .title { @@ -137,7 +129,6 @@ color: rgba(0, 0, 0, 0.4); font-weight: bold; border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } .ui.styled.accordion > .title:first-child, @@ -250,4 +241,3 @@ /******************************* User Overrides *******************************/ - diff --git a/sass/semantic/_ad.scss b/sass/semantic/_ad.scss index 0f4a91b0..8a47290d 100644 --- a/sass/semantic/_ad.scss +++ b/sass/semantic/_ad.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Ad + * # Semantic UI 2.5.0 - Ad * http://github.com/semantic-org/semantic-ui/ * * @@ -248,8 +248,7 @@ left: 50%; width: 100%; text-align: center; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); content: 'Ad'; color: #FFFFFF; font-size: 1em; @@ -271,5 +270,4 @@ /******************************* User Variable Overrides -*******************************/ - +*******************************/ \ No newline at end of file diff --git a/sass/semantic/_breadcrumb.scss b/sass/semantic/_breadcrumb.scss index 34638035..a9d71d2b 100755 --- a/sass/semantic/_breadcrumb.scss +++ b/sass/semantic/_breadcrumb.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Breadcrumb + * # Semantic UI 2.5.0 - Breadcrumb * http://github.com/semantic-org/semantic-ui/ * * @@ -120,5 +120,4 @@ /******************************* Site Overrides -*******************************/ - +*******************************/ \ No newline at end of file diff --git a/sass/semantic/_button.scss b/sass/semantic/_button.scss index fe49e243..88b9e1f0 100755 --- a/sass/semantic/_button.scss +++ b/sass/semantic/_button.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Button + * # Semantic UI 2.5.0 - Button * http://github.com/semantic-org/semantic-ui/ * * @@ -33,16 +33,12 @@ text-align: center; text-decoration: none; border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; - -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 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; - transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; will-change: ''; -webkit-tap-highlight-color: transparent; } @@ -60,8 +56,7 @@ .ui.button:hover { background-color: #CACBCD; background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; color: rgba(0, 0, 0, 0.8); } .ui.button:hover .icon { @@ -76,8 +71,7 @@ background-color: #CACBCD; color: rgba(0, 0, 0, 0.8); background-image: '' !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; + box-shadow: '' !important; } .ui.button:focus .icon { opacity: 0.85; @@ -92,8 +86,7 @@ background-color: #BABBBC; background-image: ''; color: rgba(0, 0, 0, 0.9); - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, none; - box-shadow: 0px 0px 0px 1px transparent inset, none; + box-shadow: 0px 0px 0px 1px transparent inset, none; } /*-------------- @@ -103,8 +96,7 @@ .ui.active.button { background-color: #C0C1C2; background-image: none; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - box-shadow: 0px 0px 0px 1px transparent inset; + box-shadow: 0px 0px 0px 1px transparent inset; color: rgba(0, 0, 0, 0.95); } .ui.active.button:hover { @@ -130,7 +122,6 @@ color: transparent !important; opacity: 1; pointer-events: auto; - -webkit-transition: all 0s linear, opacity 0.1s ease; transition: all 0s linear, opacity 0.1s ease; } .ui.loading.button:before { @@ -160,32 +151,26 @@ border-color: #FFFFFF transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; } .ui.labeled.icon.loading.button .icon { background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } @-webkit-keyframes button-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes button-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } .ui.basic.loading.button:not(.inverted):before { @@ -207,8 +192,7 @@ cursor: default; opacity: 0.45 !important; background-image: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; pointer-events: none !important; } @@ -249,7 +233,6 @@ /* Horizontal */ .ui.animated.button .visible.content, .ui.animated.button .hidden.content { - -webkit-transition: right 0.3s ease 0s; transition: right 0.3s ease 0s; } .ui.animated.button .visible.content { @@ -276,14 +259,10 @@ /* Vertical */ .ui.vertical.animated.button .visible.content, .ui.vertical.animated.button .hidden.content { - -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; - transition: top 0.3s ease, -webkit-transform 0.3s ease; transition: top 0.3s ease, transform 0.3s ease; - transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .ui.vertical.animated.button .visible.content { - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); right: auto; } .ui.vertical.animated.button .hidden.content { @@ -293,8 +272,7 @@ } .ui.vertical.animated.button:focus .visible.content, .ui.vertical.animated.button:hover .visible.content { - -webkit-transform: translateY(200%); - transform: translateY(200%); + transform: translateY(200%); right: auto; } .ui.vertical.animated.button:focus .hidden.content, @@ -306,40 +284,33 @@ /* Fade */ .ui.fade.animated.button .visible.content, .ui.fade.animated.button .hidden.content { - -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; - transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; - transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .ui.fade.animated.button .visible.content { left: auto; right: auto; opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } .ui.fade.animated.button .hidden.content { opacity: 0; left: 0%; right: auto; - -webkit-transform: scale(1.5); - transform: scale(1.5); + transform: scale(1.5); } .ui.fade.animated.button:focus .visible.content, .ui.fade.animated.button:hover .visible.content { left: auto; right: auto; opacity: 0; - -webkit-transform: scale(0.75); - transform: scale(0.75); + transform: scale(0.75); } .ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content { left: 0%; right: auto; opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } /*------------------- @@ -347,8 +318,7 @@ --------------------*/ .ui.inverted.button { - -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; background: transparent none; color: #FFFFFF; text-shadow: none !important; @@ -373,8 +343,7 @@ /* Hover */ .ui.inverted.button:hover { background: #FFFFFF; - -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; color: rgba(0, 0, 0, 0.8); } @@ -382,16 +351,14 @@ .ui.inverted.button:focus, .ui.inverted.button.active { background: #FFFFFF; - -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; - box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; + box-shadow: 0px 0px 0px 2px #FFFFFF inset !important; color: rgba(0, 0, 0, 0.8); } /* Active Focus */ .ui.inverted.button.active:focus { background: #DCDDDE; - -webkit-box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; - box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; + box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; color: rgba(0, 0, 0, 0.8); } @@ -400,29 +367,19 @@ --------------------*/ .ui.labeled.button:not(.icon) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; background: none !important; padding: 0px !important; border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .ui.labeled.button > .button { margin: 0px; } .ui.labeled.button > .label { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; margin: 0px 0px 0px -1px !important; padding: ''; font-size: 1em; @@ -466,8 +423,7 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.facebook.button:hover { background-color: #304d8a; @@ -486,8 +442,7 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.twitter.button:hover { background-color: #35a2f4; @@ -506,8 +461,7 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.google.plus.button:hover { background-color: #e0321c; @@ -543,8 +497,7 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.youtube.button:hover { background-color: #e60000; @@ -563,8 +516,7 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.instagram.button:hover { background-color: #3d698e; @@ -583,8 +535,7 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.pinterest.button:hover { background-color: #ac0013; @@ -602,8 +553,7 @@ background-color: #4D7198; color: #FFFFFF; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.vk.button:hover { background-color: #41648a; @@ -622,7 +572,6 @@ height: 0.85714286em; opacity: 0.8; margin: 0em 0.42857143em 0em -0.21428571em; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; vertical-align: ''; color: ''; @@ -746,12 +695,10 @@ border-radius: 0.28571429rem; text-transform: none; text-shadow: none !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; } @@ -762,28 +709,24 @@ .ui.basic.button:hover { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons .button:focus, .ui.basic.button:focus { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons .button:active, .ui.basic.button:active { background: #F8F8F8 !important; color: rgba(0, 0, 0, 0.9) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons .active.button, .ui.basic.active.button { background: rgba(0, 0, 0, 0.05) !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; + box-shadow: '' !important; color: rgba(0, 0, 0, 0.95) !important; } .ui.basic.buttons .active.button:hover, @@ -793,16 +736,13 @@ /* Vertical */ .ui.basic.buttons .button:hover { - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; } .ui.basic.buttons .button:active { - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; } .ui.basic.buttons .active.button { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; + box-shadow: '' !important; } /* Standard Basic Inverted */ @@ -810,48 +750,41 @@ .ui.basic.inverted.button { background-color: transparent !important; color: #F9FAFB !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; } .ui.basic.inverted.buttons .button:hover, .ui.basic.inverted.button:hover { color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; + box-shadow: 0px 0px 0px 2px #ffffff inset !important; } .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.button:focus { color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; + box-shadow: 0px 0px 0px 2px #ffffff inset !important; } .ui.basic.inverted.buttons .button:active, .ui.basic.inverted.button:active { background-color: rgba(255, 255, 255, 0.08) !important; color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; } .ui.basic.inverted.buttons .active.button, .ui.basic.inverted.active.button { background-color: rgba(255, 255, 255, 0.08); color: #FFFFFF; text-shadow: none; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; } .ui.basic.inverted.buttons .active.button:hover, .ui.basic.inverted.active.button:hover { background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; + box-shadow: 0px 0px 0px 2px #ffffff inset !important; } /* Basic Group */ .ui.basic.buttons .button { border-left: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.basic.vertical.buttons .button { border-left: none; @@ -889,8 +822,7 @@ width: 2.57142857em; background-color: rgba(0, 0, 0, 0.05); color: ''; - -webkit-box-shadow: -1px 0px 0px 0px transparent inset; - box-shadow: -1px 0px 0px 0px transparent inset; + box-shadow: -1px 0px 0px 0px transparent inset; } /* Left Labeled */ @@ -911,8 +843,7 @@ border-radius: 0px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; - -webkit-box-shadow: 1px 0px 0px 0px transparent inset; - box-shadow: 1px 0px 0px 0px transparent inset; + box-shadow: 1px 0px 0px 0px transparent inset; } .ui.labeled.icon.buttons > .button > .icon:before, .ui.labeled.icon.button > .icon:before, @@ -923,8 +854,33 @@ width: 100%; top: 50%; text-align: center; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); +} + +/* Loading */ +.ui.labeled.icon.button > .icon.loading { + -webkit-animation: none; + animation: none; +} +.ui.labeled.icon.button > .icon.loading:before { + -webkit-animation: labeled-button-icon-loading 2s linear infinite; + animation: labeled-button-icon-loading 2s linear infinite; +} +@-webkit-keyframes labeled-button-icon-loading { + from { + transform: translateY(-50%) rotate(0deg); + } + to { + transform: translateY(-50%) rotate(360deg); + } +} +@keyframes labeled-button-icon-loading { + from { + transform: translateY(-50%) rotate(0deg); + } + to { + transform: translateY(-50%) rotate(360deg); + } } .ui.labeled.icon.buttons .button > .icon { border-radius: 0em; @@ -963,8 +919,7 @@ .ui.buttons .button.toggle.active, .ui.button.toggle.active { background-color: #21BA45 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; text-shadow: none; color: #FFFFFF !important; } @@ -1013,8 +968,7 @@ color: rgba(0, 0, 0, 0.4); font-style: normal; font-weight: bold; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - box-shadow: 0px 0px 0px 1px transparent inset; + box-shadow: 0px 0px 0px 1px transparent inset; } .ui.buttons .or[data-text]:before { content: attr(data-text); @@ -1039,8 +993,7 @@ display: block; margin: 0em; border-radius: 0em; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; } /* Top / Bottom */ @@ -1069,8 +1022,6 @@ /* Plural */ .ui.attached.buttons { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; border-radius: 0em; width: auto !important; @@ -1112,8 +1063,6 @@ /* Left / Right */ .ui[class*="left attached"].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; margin-right: 0em; margin-left: -1px; @@ -1128,8 +1077,6 @@ border-radius: 0em 0em 0.28571429rem 0em; } .ui[class*="right attached"].buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; margin-left: 0em; margin-right: -1px; @@ -1225,8 +1172,6 @@ /* Fluid Vertical Buttons */ .ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons > .button { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: auto; } @@ -1279,8 +1224,7 @@ background-image: none; } .ui.black.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.black.buttons .button:hover, .ui.black.button:hover { @@ -1312,35 +1256,30 @@ /* Basic */ .ui.basic.black.buttons .button, .ui.basic.black.button { - -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; + box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; color: #1B1C1D !important; } .ui.basic.black.buttons .button:hover, .ui.basic.black.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; + box-shadow: 0px 0px 0px 1px #27292a inset !important; color: #27292a !important; } .ui.basic.black.buttons .button:focus, .ui.basic.black.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !important; - box-shadow: 0px 0px 0px 1px #2f3032 inset !important; + box-shadow: 0px 0px 0px 1px #2f3032 inset !important; color: #27292a !important; } .ui.basic.black.buttons .active.button, .ui.basic.black.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; + box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; color: #343637 !important; } .ui.basic.black.buttons .button:active, .ui.basic.black.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - box-shadow: 0px 0px 0px 1px #343637 inset !important; + box-shadow: 0px 0px 0px 1px #343637 inset !important; color: #343637 !important; } .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { @@ -1351,8 +1290,7 @@ .ui.inverted.black.buttons .button, .ui.inverted.black.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; + box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; color: #FFFFFF; } .ui.inverted.black.buttons .button:hover, @@ -1363,8 +1301,7 @@ .ui.inverted.black.button.active, .ui.inverted.black.buttons .button:active, .ui.inverted.black.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.black.buttons .button:hover, @@ -1389,36 +1326,31 @@ .ui.inverted.black.buttons .basic.button, .ui.inverted.black.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover, .ui.inverted.black.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #FFFFFF !important; } .ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #545454 !important; } .ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.buttons .basic.active.button, .ui.inverted.black.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #FFFFFF !important; } .ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.button:active, .ui.inverted.black.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; + box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #FFFFFF !important; } @@ -1432,8 +1364,7 @@ background-image: none; } .ui.grey.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.grey.buttons .button:hover, .ui.grey.button:hover { @@ -1465,35 +1396,30 @@ /* Basic */ .ui.basic.grey.buttons .button, .ui.basic.grey.button { - -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important; - box-shadow: 0px 0px 0px 1px #767676 inset !important; + box-shadow: 0px 0px 0px 1px #767676 inset !important; color: #767676 !important; } .ui.basic.grey.buttons .button:hover, .ui.basic.grey.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !important; - box-shadow: 0px 0px 0px 1px #838383 inset !important; + box-shadow: 0px 0px 0px 1px #838383 inset !important; color: #838383 !important; } .ui.basic.grey.buttons .button:focus, .ui.basic.grey.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; - box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; + box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; color: #838383 !important; } .ui.basic.grey.buttons .active.button, .ui.basic.grey.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important; - box-shadow: 0px 0px 0px 1px #696969 inset !important; + box-shadow: 0px 0px 0px 1px #696969 inset !important; color: #909090 !important; } .ui.basic.grey.buttons .button:active, .ui.basic.grey.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important; - box-shadow: 0px 0px 0px 1px #909090 inset !important; + box-shadow: 0px 0px 0px 1px #909090 inset !important; color: #909090 !important; } .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { @@ -1504,8 +1430,7 @@ .ui.inverted.grey.buttons .button, .ui.inverted.grey.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; + box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; color: #FFFFFF; } .ui.inverted.grey.buttons .button:hover, @@ -1516,8 +1441,7 @@ .ui.inverted.grey.button.active, .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.grey.buttons .button:hover, @@ -1542,36 +1466,31 @@ .ui.inverted.grey.buttons .basic.button, .ui.inverted.grey.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover, .ui.inverted.grey.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; + box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; color: #FFFFFF !important; } .ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; - box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; + box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; color: #DCDDDE !important; } .ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button, .ui.inverted.grey.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; + box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; color: #FFFFFF !important; } .ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active, .ui.inverted.grey.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; - box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; + box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; color: #FFFFFF !important; } @@ -1585,8 +1504,7 @@ background-image: none; } .ui.brown.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.brown.buttons .button:hover, .ui.brown.button:hover { @@ -1618,35 +1536,30 @@ /* Basic */ .ui.basic.brown.buttons .button, .ui.basic.brown.button { - -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset !important; - box-shadow: 0px 0px 0px 1px #A5673F inset !important; + box-shadow: 0px 0px 0px 1px #A5673F inset !important; color: #A5673F !important; } .ui.basic.brown.buttons .button:hover, .ui.basic.brown.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !important; - box-shadow: 0px 0px 0px 1px #975b33 inset !important; + box-shadow: 0px 0px 0px 1px #975b33 inset !important; color: #975b33 !important; } .ui.basic.brown.buttons .button:focus, .ui.basic.brown.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !important; - box-shadow: 0px 0px 0px 1px #90532b inset !important; + box-shadow: 0px 0px 0px 1px #90532b inset !important; color: #975b33 !important; } .ui.basic.brown.buttons .active.button, .ui.basic.brown.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important; - box-shadow: 0px 0px 0px 1px #995a31 inset !important; + box-shadow: 0px 0px 0px 1px #995a31 inset !important; color: #805031 !important; } .ui.basic.brown.buttons .button:active, .ui.basic.brown.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important; - box-shadow: 0px 0px 0px 1px #805031 inset !important; + box-shadow: 0px 0px 0px 1px #805031 inset !important; color: #805031 !important; } .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { @@ -1657,8 +1570,7 @@ .ui.inverted.brown.buttons .button, .ui.inverted.brown.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D67C1C inset !important; - box-shadow: 0px 0px 0px 2px #D67C1C inset !important; + box-shadow: 0px 0px 0px 2px #D67C1C inset !important; color: #D67C1C; } .ui.inverted.brown.buttons .button:hover, @@ -1669,8 +1581,7 @@ .ui.inverted.brown.button.active, .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.brown.buttons .button:hover, @@ -1695,36 +1606,31 @@ .ui.inverted.brown.buttons .basic.button, .ui.inverted.brown.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover, .ui.inverted.brown.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important; - box-shadow: 0px 0px 0px 2px #c86f11 inset !important; + box-shadow: 0px 0px 0px 2px #c86f11 inset !important; color: #D67C1C !important; } .ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important; - box-shadow: 0px 0px 0px 2px #c16808 inset !important; + box-shadow: 0px 0px 0px 2px #c16808 inset !important; color: #D67C1C !important; } .ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button, .ui.inverted.brown.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; - box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; + box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; color: #D67C1C !important; } .ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active, .ui.inverted.brown.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important; - box-shadow: 0px 0px 0px 2px #a96216 inset !important; + box-shadow: 0px 0px 0px 2px #a96216 inset !important; color: #D67C1C !important; } @@ -1738,8 +1644,7 @@ background-image: none; } .ui.blue.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.blue.buttons .button:hover, .ui.blue.button:hover { @@ -1771,35 +1676,30 @@ /* Basic */ .ui.basic.blue.buttons .button, .ui.basic.blue.button { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - box-shadow: 0px 0px 0px 1px #2185D0 inset !important; + box-shadow: 0px 0px 0px 1px #2185D0 inset !important; color: #2185D0 !important; } .ui.basic.blue.buttons .button:hover, .ui.basic.blue.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - box-shadow: 0px 0px 0px 1px #1678c2 inset !important; + box-shadow: 0px 0px 0px 1px #1678c2 inset !important; color: #1678c2 !important; } .ui.basic.blue.buttons .button:focus, .ui.basic.blue.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - box-shadow: 0px 0px 0px 1px #0d71bb inset !important; + box-shadow: 0px 0px 0px 1px #0d71bb inset !important; color: #1678c2 !important; } .ui.basic.blue.buttons .active.button, .ui.basic.blue.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; + box-shadow: 0px 0px 0px 1px #1279c6 inset !important; color: #1a69a4 !important; } .ui.basic.blue.buttons .button:active, .ui.basic.blue.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; + box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; color: #1a69a4 !important; } .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { @@ -1810,8 +1710,7 @@ .ui.inverted.blue.buttons .button, .ui.inverted.blue.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - box-shadow: 0px 0px 0px 2px #54C8FF inset !important; + box-shadow: 0px 0px 0px 2px #54C8FF inset !important; color: #54C8FF; } .ui.inverted.blue.buttons .button:hover, @@ -1822,8 +1721,7 @@ .ui.inverted.blue.button.active, .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.blue.buttons .button:hover, @@ -1848,36 +1746,31 @@ .ui.inverted.blue.buttons .basic.button, .ui.inverted.blue.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover, .ui.inverted.blue.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; color: #54C8FF !important; } .ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - box-shadow: 0px 0px 0px 2px #2bbbff inset !important; + box-shadow: 0px 0px 0px 2px #2bbbff inset !important; color: #54C8FF !important; } .ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button, .ui.inverted.blue.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; color: #54C8FF !important; } .ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active, .ui.inverted.blue.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - box-shadow: 0px 0px 0px 2px #21b8ff inset !important; + box-shadow: 0px 0px 0px 2px #21b8ff inset !important; color: #54C8FF !important; } @@ -1891,8 +1784,7 @@ background-image: none; } .ui.green.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.green.buttons .button:hover, .ui.green.button:hover { @@ -1924,35 +1816,30 @@ /* Basic */ .ui.basic.green.buttons .button, .ui.basic.green.button { - -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - box-shadow: 0px 0px 0px 1px #21BA45 inset !important; + box-shadow: 0px 0px 0px 1px #21BA45 inset !important; color: #21BA45 !important; } .ui.basic.green.buttons .button:hover, .ui.basic.green.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - box-shadow: 0px 0px 0px 1px #16ab39 inset !important; + box-shadow: 0px 0px 0px 1px #16ab39 inset !important; color: #16ab39 !important; } .ui.basic.green.buttons .button:focus, .ui.basic.green.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - box-shadow: 0px 0px 0px 1px #0ea432 inset !important; + box-shadow: 0px 0px 0px 1px #0ea432 inset !important; color: #16ab39 !important; } .ui.basic.green.buttons .active.button, .ui.basic.green.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; + box-shadow: 0px 0px 0px 1px #13ae38 inset !important; color: #198f35 !important; } .ui.basic.green.buttons .button:active, .ui.basic.green.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - box-shadow: 0px 0px 0px 1px #198f35 inset !important; + box-shadow: 0px 0px 0px 1px #198f35 inset !important; color: #198f35 !important; } .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { @@ -1963,8 +1850,7 @@ .ui.inverted.green.buttons .button, .ui.inverted.green.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; - box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; + box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; color: #2ECC40; } .ui.inverted.green.buttons .button:hover, @@ -1975,8 +1861,7 @@ .ui.inverted.green.button.active, .ui.inverted.green.buttons .button:active, .ui.inverted.green.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.green.buttons .button:hover, @@ -2001,36 +1886,31 @@ .ui.inverted.green.buttons .basic.button, .ui.inverted.green.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover, .ui.inverted.green.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important; - box-shadow: 0px 0px 0px 2px #22be34 inset !important; + box-shadow: 0px 0px 0px 2px #22be34 inset !important; color: #2ECC40 !important; } .ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important; - box-shadow: 0px 0px 0px 2px #19b82b inset !important; + box-shadow: 0px 0px 0px 2px #19b82b inset !important; color: #2ECC40 !important; } .ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button, .ui.inverted.green.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important; - box-shadow: 0px 0px 0px 2px #1fc231 inset !important; + box-shadow: 0px 0px 0px 2px #1fc231 inset !important; color: #2ECC40 !important; } .ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active, .ui.inverted.green.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important; - box-shadow: 0px 0px 0px 2px #25a233 inset !important; + box-shadow: 0px 0px 0px 2px #25a233 inset !important; color: #2ECC40 !important; } @@ -2044,8 +1924,7 @@ background-image: none; } .ui.orange.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.orange.buttons .button:hover, .ui.orange.button:hover { @@ -2077,35 +1956,30 @@ /* Basic */ .ui.basic.orange.buttons .button, .ui.basic.orange.button { - -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset !important; - box-shadow: 0px 0px 0px 1px #F2711C inset !important; + box-shadow: 0px 0px 0px 1px #F2711C inset !important; color: #F2711C !important; } .ui.basic.orange.buttons .button:hover, .ui.basic.orange.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !important; - box-shadow: 0px 0px 0px 1px #f26202 inset !important; + box-shadow: 0px 0px 0px 1px #f26202 inset !important; color: #f26202 !important; } .ui.basic.orange.buttons .button:focus, .ui.basic.orange.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !important; - box-shadow: 0px 0px 0px 1px #e55b00 inset !important; + box-shadow: 0px 0px 0px 1px #e55b00 inset !important; color: #f26202 !important; } .ui.basic.orange.buttons .active.button, .ui.basic.orange.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important; - box-shadow: 0px 0px 0px 1px #f56100 inset !important; + box-shadow: 0px 0px 0px 1px #f56100 inset !important; color: #cf590c !important; } .ui.basic.orange.buttons .button:active, .ui.basic.orange.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important; - box-shadow: 0px 0px 0px 1px #cf590c inset !important; + box-shadow: 0px 0px 0px 1px #cf590c inset !important; color: #cf590c !important; } .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { @@ -2116,8 +1990,7 @@ .ui.inverted.orange.buttons .button, .ui.inverted.orange.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF851B inset !important; - box-shadow: 0px 0px 0px 2px #FF851B inset !important; + box-shadow: 0px 0px 0px 2px #FF851B inset !important; color: #FF851B; } .ui.inverted.orange.buttons .button:hover, @@ -2128,8 +2001,7 @@ .ui.inverted.orange.button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.orange.buttons .button:hover, @@ -2154,36 +2026,31 @@ .ui.inverted.orange.buttons .basic.button, .ui.inverted.orange.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover, .ui.inverted.orange.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - box-shadow: 0px 0px 0px 2px #ff7701 inset !important; + box-shadow: 0px 0px 0px 2px #ff7701 inset !important; color: #FF851B !important; } .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important; - box-shadow: 0px 0px 0px 2px #f17000 inset !important; + box-shadow: 0px 0px 0px 2px #f17000 inset !important; color: #FF851B !important; } .ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button, .ui.inverted.orange.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - box-shadow: 0px 0px 0px 2px #ff7701 inset !important; + box-shadow: 0px 0px 0px 2px #ff7701 inset !important; color: #FF851B !important; } .ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active, .ui.inverted.orange.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important; - box-shadow: 0px 0px 0px 2px #e76b00 inset !important; + box-shadow: 0px 0px 0px 2px #e76b00 inset !important; color: #FF851B !important; } @@ -2197,8 +2064,7 @@ background-image: none; } .ui.pink.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.pink.buttons .button:hover, .ui.pink.button:hover { @@ -2230,35 +2096,30 @@ /* Basic */ .ui.basic.pink.buttons .button, .ui.basic.pink.button { - -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset !important; - box-shadow: 0px 0px 0px 1px #E03997 inset !important; + box-shadow: 0px 0px 0px 1px #E03997 inset !important; color: #E03997 !important; } .ui.basic.pink.buttons .button:hover, .ui.basic.pink.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !important; - box-shadow: 0px 0px 0px 1px #e61a8d inset !important; + box-shadow: 0px 0px 0px 1px #e61a8d inset !important; color: #e61a8d !important; } .ui.basic.pink.buttons .button:focus, .ui.basic.pink.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !important; - box-shadow: 0px 0px 0px 1px #e10f85 inset !important; + box-shadow: 0px 0px 0px 1px #e10f85 inset !important; color: #e61a8d !important; } .ui.basic.pink.buttons .active.button, .ui.basic.pink.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important; - box-shadow: 0px 0px 0px 1px #ea158d inset !important; + box-shadow: 0px 0px 0px 1px #ea158d inset !important; color: #c71f7e !important; } .ui.basic.pink.buttons .button:active, .ui.basic.pink.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important; - box-shadow: 0px 0px 0px 1px #c71f7e inset !important; + box-shadow: 0px 0px 0px 1px #c71f7e inset !important; color: #c71f7e !important; } .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { @@ -2269,8 +2130,7 @@ .ui.inverted.pink.buttons .button, .ui.inverted.pink.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; - box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; + box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; color: #FF8EDF; } .ui.inverted.pink.buttons .button:hover, @@ -2281,8 +2141,7 @@ .ui.inverted.pink.button.active, .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.pink.buttons .button:hover, @@ -2307,36 +2166,31 @@ .ui.inverted.pink.buttons .basic.button, .ui.inverted.pink.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover, .ui.inverted.pink.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; + box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; color: #FF8EDF !important; } .ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; - box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; + box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; color: #FF8EDF !important; } .ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button, .ui.inverted.pink.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; + box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; color: #FF8EDF !important; } .ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active, .ui.inverted.pink.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; - box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; + box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; color: #FF8EDF !important; } @@ -2350,8 +2204,7 @@ background-image: none; } .ui.violet.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.violet.buttons .button:hover, .ui.violet.button:hover { @@ -2383,35 +2236,30 @@ /* Basic */ .ui.basic.violet.buttons .button, .ui.basic.violet.button { - -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset !important; - box-shadow: 0px 0px 0px 1px #6435C9 inset !important; + box-shadow: 0px 0px 0px 1px #6435C9 inset !important; color: #6435C9 !important; } .ui.basic.violet.buttons .button:hover, .ui.basic.violet.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !important; - box-shadow: 0px 0px 0px 1px #5829bb inset !important; + box-shadow: 0px 0px 0px 1px #5829bb inset !important; color: #5829bb !important; } .ui.basic.violet.buttons .button:focus, .ui.basic.violet.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; - box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; + box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; color: #5829bb !important; } .ui.basic.violet.buttons .active.button, .ui.basic.violet.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important; - box-shadow: 0px 0px 0px 1px #5626bf inset !important; + box-shadow: 0px 0px 0px 1px #5626bf inset !important; color: #502aa1 !important; } .ui.basic.violet.buttons .button:active, .ui.basic.violet.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important; - box-shadow: 0px 0px 0px 1px #502aa1 inset !important; + box-shadow: 0px 0px 0px 1px #502aa1 inset !important; color: #502aa1 !important; } .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { @@ -2422,8 +2270,7 @@ .ui.inverted.violet.buttons .button, .ui.inverted.violet.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #A291FB inset !important; - box-shadow: 0px 0px 0px 2px #A291FB inset !important; + box-shadow: 0px 0px 0px 2px #A291FB inset !important; color: #A291FB; } .ui.inverted.violet.buttons .button:hover, @@ -2434,8 +2281,7 @@ .ui.inverted.violet.button.active, .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.violet.buttons .button:hover, @@ -2460,36 +2306,31 @@ .ui.inverted.violet.buttons .basic.button, .ui.inverted.violet.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover, .ui.inverted.violet.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - box-shadow: 0px 0px 0px 2px #8a73ff inset !important; + box-shadow: 0px 0px 0px 2px #8a73ff inset !important; color: #A291FB !important; } .ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important; - box-shadow: 0px 0px 0px 2px #7d64ff inset !important; + box-shadow: 0px 0px 0px 2px #7d64ff inset !important; color: #A291FB !important; } .ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button, .ui.inverted.violet.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - box-shadow: 0px 0px 0px 2px #8a73ff inset !important; + box-shadow: 0px 0px 0px 2px #8a73ff inset !important; color: #A291FB !important; } .ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active, .ui.inverted.violet.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important; - box-shadow: 0px 0px 0px 2px #7860f9 inset !important; + box-shadow: 0px 0px 0px 2px #7860f9 inset !important; color: #A291FB !important; } @@ -2503,8 +2344,7 @@ background-image: none; } .ui.purple.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.purple.buttons .button:hover, .ui.purple.button:hover { @@ -2536,35 +2376,30 @@ /* Basic */ .ui.basic.purple.buttons .button, .ui.basic.purple.button { - -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset !important; - box-shadow: 0px 0px 0px 1px #A333C8 inset !important; + box-shadow: 0px 0px 0px 1px #A333C8 inset !important; color: #A333C8 !important; } .ui.basic.purple.buttons .button:hover, .ui.basic.purple.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !important; - box-shadow: 0px 0px 0px 1px #9627ba inset !important; + box-shadow: 0px 0px 0px 1px #9627ba inset !important; color: #9627ba !important; } .ui.basic.purple.buttons .button:focus, .ui.basic.purple.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; - box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; + box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; color: #9627ba !important; } .ui.basic.purple.buttons .active.button, .ui.basic.purple.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important; - box-shadow: 0px 0px 0px 1px #9724be inset !important; + box-shadow: 0px 0px 0px 1px #9724be inset !important; color: #82299f !important; } .ui.basic.purple.buttons .button:active, .ui.basic.purple.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important; - box-shadow: 0px 0px 0px 1px #82299f inset !important; + box-shadow: 0px 0px 0px 1px #82299f inset !important; color: #82299f !important; } .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { @@ -2575,8 +2410,7 @@ .ui.inverted.purple.buttons .button, .ui.inverted.purple.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #DC73FF inset !important; - box-shadow: 0px 0px 0px 2px #DC73FF inset !important; + box-shadow: 0px 0px 0px 2px #DC73FF inset !important; color: #DC73FF; } .ui.inverted.purple.buttons .button:hover, @@ -2587,8 +2421,7 @@ .ui.inverted.purple.button.active, .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.purple.buttons .button:hover, @@ -2613,36 +2446,31 @@ .ui.inverted.purple.buttons .basic.button, .ui.inverted.purple.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover, .ui.inverted.purple.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - box-shadow: 0px 0px 0px 2px #d65aff inset !important; + box-shadow: 0px 0px 0px 2px #d65aff inset !important; color: #DC73FF !important; } .ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important; - box-shadow: 0px 0px 0px 2px #d24aff inset !important; + box-shadow: 0px 0px 0px 2px #d24aff inset !important; color: #DC73FF !important; } .ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button, .ui.inverted.purple.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - box-shadow: 0px 0px 0px 2px #d65aff inset !important; + box-shadow: 0px 0px 0px 2px #d65aff inset !important; color: #DC73FF !important; } .ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active, .ui.inverted.purple.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important; - box-shadow: 0px 0px 0px 2px #cf40ff inset !important; + box-shadow: 0px 0px 0px 2px #cf40ff inset !important; color: #DC73FF !important; } @@ -2656,8 +2484,7 @@ background-image: none; } .ui.red.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.red.buttons .button:hover, .ui.red.button:hover { @@ -2689,35 +2516,30 @@ /* Basic */ .ui.basic.red.buttons .button, .ui.basic.red.button { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - box-shadow: 0px 0px 0px 1px #DB2828 inset !important; + box-shadow: 0px 0px 0px 1px #DB2828 inset !important; color: #DB2828 !important; } .ui.basic.red.buttons .button:hover, .ui.basic.red.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; - box-shadow: 0px 0px 0px 1px #d01919 inset !important; + box-shadow: 0px 0px 0px 1px #d01919 inset !important; color: #d01919 !important; } .ui.basic.red.buttons .button:focus, .ui.basic.red.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - box-shadow: 0px 0px 0px 1px #ca1010 inset !important; + box-shadow: 0px 0px 0px 1px #ca1010 inset !important; color: #d01919 !important; } .ui.basic.red.buttons .active.button, .ui.basic.red.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; + box-shadow: 0px 0px 0px 1px #d41515 inset !important; color: #b21e1e !important; } .ui.basic.red.buttons .button:active, .ui.basic.red.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - box-shadow: 0px 0px 0px 1px #b21e1e inset !important; + box-shadow: 0px 0px 0px 1px #b21e1e inset !important; color: #b21e1e !important; } .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { @@ -2728,8 +2550,7 @@ .ui.inverted.red.buttons .button, .ui.inverted.red.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF695E inset !important; - box-shadow: 0px 0px 0px 2px #FF695E inset !important; + box-shadow: 0px 0px 0px 2px #FF695E inset !important; color: #FF695E; } .ui.inverted.red.buttons .button:hover, @@ -2740,8 +2561,7 @@ .ui.inverted.red.button.active, .ui.inverted.red.buttons .button:active, .ui.inverted.red.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.red.buttons .button:hover, @@ -2766,36 +2586,31 @@ .ui.inverted.red.buttons .basic.button, .ui.inverted.red.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover, .ui.inverted.red.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - box-shadow: 0px 0px 0px 2px #ff5144 inset !important; + box-shadow: 0px 0px 0px 2px #ff5144 inset !important; color: #FF695E !important; } .ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important; - box-shadow: 0px 0px 0px 2px #ff4335 inset !important; + box-shadow: 0px 0px 0px 2px #ff4335 inset !important; color: #FF695E !important; } .ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button, .ui.inverted.red.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - box-shadow: 0px 0px 0px 2px #ff5144 inset !important; + box-shadow: 0px 0px 0px 2px #ff5144 inset !important; color: #FF695E !important; } .ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active, .ui.inverted.red.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important; - box-shadow: 0px 0px 0px 2px #ff392b inset !important; + box-shadow: 0px 0px 0px 2px #ff392b inset !important; color: #FF695E !important; } @@ -2809,8 +2624,7 @@ background-image: none; } .ui.teal.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.teal.buttons .button:hover, .ui.teal.button:hover { @@ -2842,35 +2656,30 @@ /* Basic */ .ui.basic.teal.buttons .button, .ui.basic.teal.button { - -webkit-box-shadow: 0px 0px 0px 1px #00B5AD inset !important; - box-shadow: 0px 0px 0px 1px #00B5AD inset !important; + box-shadow: 0px 0px 0px 1px #00B5AD inset !important; color: #00B5AD !important; } .ui.basic.teal.buttons .button:hover, .ui.basic.teal.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; + box-shadow: 0px 0px 0px 1px #009c95 inset !important; color: #009c95 !important; } .ui.basic.teal.buttons .button:focus, .ui.basic.teal.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !important; - box-shadow: 0px 0px 0px 1px #008c86 inset !important; + box-shadow: 0px 0px 0px 1px #008c86 inset !important; color: #009c95 !important; } .ui.basic.teal.buttons .active.button, .ui.basic.teal.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; + box-shadow: 0px 0px 0px 1px #009c95 inset !important; color: #00827c !important; } .ui.basic.teal.buttons .button:active, .ui.basic.teal.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important; - box-shadow: 0px 0px 0px 1px #00827c inset !important; + box-shadow: 0px 0px 0px 1px #00827c inset !important; color: #00827c !important; } .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { @@ -2881,8 +2690,7 @@ .ui.inverted.teal.buttons .button, .ui.inverted.teal.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; - box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; + box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; color: #6DFFFF; } .ui.inverted.teal.buttons .button:hover, @@ -2893,8 +2701,7 @@ .ui.inverted.teal.button.active, .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.teal.buttons .button:hover, @@ -2919,36 +2726,31 @@ .ui.inverted.teal.buttons .basic.button, .ui.inverted.teal.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover, .ui.inverted.teal.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - box-shadow: 0px 0px 0px 2px #54ffff inset !important; + box-shadow: 0px 0px 0px 2px #54ffff inset !important; color: #6DFFFF !important; } .ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important; - box-shadow: 0px 0px 0px 2px #44ffff inset !important; + box-shadow: 0px 0px 0px 2px #44ffff inset !important; color: #6DFFFF !important; } .ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button, .ui.inverted.teal.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - box-shadow: 0px 0px 0px 2px #54ffff inset !important; + box-shadow: 0px 0px 0px 2px #54ffff inset !important; color: #6DFFFF !important; } .ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active, .ui.inverted.teal.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important; - box-shadow: 0px 0px 0px 2px #3affff inset !important; + box-shadow: 0px 0px 0px 2px #3affff inset !important; color: #6DFFFF !important; } @@ -2962,8 +2764,7 @@ background-image: none; } .ui.olive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.olive.buttons .button:hover, .ui.olive.button:hover { @@ -2995,35 +2796,30 @@ /* Basic */ .ui.basic.olive.buttons .button, .ui.basic.olive.button { - -webkit-box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; - box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; + box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; color: #B5CC18 !important; } .ui.basic.olive.buttons .button:hover, .ui.basic.olive.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; - box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; + box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; color: #a7bd0d !important; } .ui.basic.olive.buttons .button:focus, .ui.basic.olive.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !important; - box-shadow: 0px 0px 0px 1px #a0b605 inset !important; + box-shadow: 0px 0px 0px 1px #a0b605 inset !important; color: #a7bd0d !important; } .ui.basic.olive.buttons .active.button, .ui.basic.olive.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important; - box-shadow: 0px 0px 0px 1px #aac109 inset !important; + box-shadow: 0px 0px 0px 1px #aac109 inset !important; color: #8d9e13 !important; } .ui.basic.olive.buttons .button:active, .ui.basic.olive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; - box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; + box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; color: #8d9e13 !important; } .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { @@ -3034,8 +2830,7 @@ .ui.inverted.olive.buttons .button, .ui.inverted.olive.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D9E778 inset !important; - box-shadow: 0px 0px 0px 2px #D9E778 inset !important; + box-shadow: 0px 0px 0px 2px #D9E778 inset !important; color: #D9E778; } .ui.inverted.olive.buttons .button:hover, @@ -3046,8 +2841,7 @@ .ui.inverted.olive.button.active, .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.olive.buttons .button:hover, @@ -3072,36 +2866,31 @@ .ui.inverted.olive.buttons .basic.button, .ui.inverted.olive.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover, .ui.inverted.olive.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; - box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; + box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; color: #D9E778 !important; } .ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important; - box-shadow: 0px 0px 0px 2px #daef47 inset !important; + box-shadow: 0px 0px 0px 2px #daef47 inset !important; color: #D9E778 !important; } .ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button, .ui.inverted.olive.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important; - box-shadow: 0px 0px 0px 2px #daed59 inset !important; + box-shadow: 0px 0px 0px 2px #daed59 inset !important; color: #D9E778 !important; } .ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active, .ui.inverted.olive.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important; - box-shadow: 0px 0px 0px 2px #cddf4d inset !important; + box-shadow: 0px 0px 0px 2px #cddf4d inset !important; color: #D9E778 !important; } @@ -3115,8 +2904,7 @@ background-image: none; } .ui.yellow.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.yellow.buttons .button:hover, .ui.yellow.button:hover { @@ -3148,35 +2936,30 @@ /* Basic */ .ui.basic.yellow.buttons .button, .ui.basic.yellow.button { - -webkit-box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; - box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; + box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; color: #FBBD08 !important; } .ui.basic.yellow.buttons .button:hover, .ui.basic.yellow.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; + box-shadow: 0px 0px 0px 1px #eaae00 inset !important; color: #eaae00 !important; } .ui.basic.yellow.buttons .button:focus, .ui.basic.yellow.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !important; - box-shadow: 0px 0px 0px 1px #daa300 inset !important; + box-shadow: 0px 0px 0px 1px #daa300 inset !important; color: #eaae00 !important; } .ui.basic.yellow.buttons .active.button, .ui.basic.yellow.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; + box-shadow: 0px 0px 0px 1px #eaae00 inset !important; color: #cd9903 !important; } .ui.basic.yellow.buttons .button:active, .ui.basic.yellow.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important; - box-shadow: 0px 0px 0px 1px #cd9903 inset !important; + box-shadow: 0px 0px 0px 1px #cd9903 inset !important; color: #cd9903 !important; } .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { @@ -3187,8 +2970,7 @@ .ui.inverted.yellow.buttons .button, .ui.inverted.yellow.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FFE21F inset !important; - box-shadow: 0px 0px 0px 2px #FFE21F inset !important; + box-shadow: 0px 0px 0px 2px #FFE21F inset !important; color: #FFE21F; } .ui.inverted.yellow.buttons .button:hover, @@ -3199,8 +2981,7 @@ .ui.inverted.yellow.button.active, .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: rgba(0, 0, 0, 0.6); } .ui.inverted.yellow.buttons .button:hover, @@ -3225,36 +3006,31 @@ .ui.inverted.yellow.buttons .basic.button, .ui.inverted.yellow.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover, .ui.inverted.yellow.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; + box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; color: #FFE21F !important; } .ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important; - box-shadow: 0px 0px 0px 2px #f5d500 inset !important; + box-shadow: 0px 0px 0px 2px #f5d500 inset !important; color: #FFE21F !important; } .ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button, .ui.inverted.yellow.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; + box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; color: #FFE21F !important; } .ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active, .ui.inverted.yellow.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; - box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; + box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; color: #FFE21F !important; } @@ -3273,8 +3049,7 @@ background-image: none; } .ui.primary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.primary.buttons .button:hover, .ui.primary.button:hover { @@ -3306,35 +3081,30 @@ /* Basic */ .ui.basic.primary.buttons .button, .ui.basic.primary.button { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - box-shadow: 0px 0px 0px 1px #2185D0 inset !important; + box-shadow: 0px 0px 0px 1px #2185D0 inset !important; color: #2185D0 !important; } .ui.basic.primary.buttons .button:hover, .ui.basic.primary.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - box-shadow: 0px 0px 0px 1px #1678c2 inset !important; + box-shadow: 0px 0px 0px 1px #1678c2 inset !important; color: #1678c2 !important; } .ui.basic.primary.buttons .button:focus, .ui.basic.primary.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - box-shadow: 0px 0px 0px 1px #0d71bb inset !important; + box-shadow: 0px 0px 0px 1px #0d71bb inset !important; color: #1678c2 !important; } .ui.basic.primary.buttons .active.button, .ui.basic.primary.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; + box-shadow: 0px 0px 0px 1px #1279c6 inset !important; color: #1a69a4 !important; } .ui.basic.primary.buttons .button:active, .ui.basic.primary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; + box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; color: #1a69a4 !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { @@ -3345,8 +3115,7 @@ .ui.inverted.primary.buttons .button, .ui.inverted.primary.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - box-shadow: 0px 0px 0px 2px #54C8FF inset !important; + box-shadow: 0px 0px 0px 2px #54C8FF inset !important; color: #54C8FF; } .ui.inverted.primary.buttons .button:hover, @@ -3357,8 +3126,7 @@ .ui.inverted.primary.button.active, .ui.inverted.primary.buttons .button:active, .ui.inverted.primary.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.primary.buttons .button:hover, @@ -3383,36 +3151,31 @@ .ui.inverted.primary.buttons .basic.button, .ui.inverted.primary.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.primary.basic.buttons .button:hover, .ui.inverted.primary.buttons .basic.button:hover, .ui.inverted.primary.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; color: #54C8FF !important; } .ui.inverted.primary.basic.buttons .button:focus, .ui.inverted.primary.basic.buttons .button:focus, .ui.inverted.primary.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - box-shadow: 0px 0px 0px 2px #2bbbff inset !important; + box-shadow: 0px 0px 0px 2px #2bbbff inset !important; color: #54C8FF !important; } .ui.inverted.primary.basic.buttons .active.button, .ui.inverted.primary.buttons .basic.active.button, .ui.inverted.primary.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; + box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; color: #54C8FF !important; } .ui.inverted.primary.basic.buttons .button:active, .ui.inverted.primary.buttons .basic.button:active, .ui.inverted.primary.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - box-shadow: 0px 0px 0px 2px #21b8ff inset !important; + box-shadow: 0px 0px 0px 2px #21b8ff inset !important; color: #54C8FF !important; } @@ -3430,8 +3193,7 @@ background-image: none; } .ui.secondary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.secondary.buttons .button:hover, .ui.secondary.button:hover { @@ -3463,35 +3225,30 @@ /* Basic */ .ui.basic.secondary.buttons .button, .ui.basic.secondary.button { - -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; + box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; color: #1B1C1D !important; } .ui.basic.secondary.buttons .button:hover, .ui.basic.secondary.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; + box-shadow: 0px 0px 0px 1px #27292a inset !important; color: #27292a !important; } .ui.basic.secondary.buttons .button:focus, .ui.basic.secondary.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !important; - box-shadow: 0px 0px 0px 1px #2e3032 inset !important; + box-shadow: 0px 0px 0px 1px #2e3032 inset !important; color: #27292a !important; } .ui.basic.secondary.buttons .active.button, .ui.basic.secondary.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; + box-shadow: 0px 0px 0px 1px #27292a inset !important; color: #343637 !important; } .ui.basic.secondary.buttons .button:active, .ui.basic.secondary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - box-shadow: 0px 0px 0px 1px #343637 inset !important; + box-shadow: 0px 0px 0px 1px #343637 inset !important; color: #343637 !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { @@ -3502,8 +3259,7 @@ .ui.inverted.secondary.buttons .button, .ui.inverted.secondary.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #545454 inset !important; - box-shadow: 0px 0px 0px 2px #545454 inset !important; + box-shadow: 0px 0px 0px 2px #545454 inset !important; color: #545454; } .ui.inverted.secondary.buttons .button:hover, @@ -3514,8 +3270,7 @@ .ui.inverted.secondary.button.active, .ui.inverted.secondary.buttons .button:active, .ui.inverted.secondary.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.inverted.secondary.buttons .button:hover, @@ -3540,36 +3295,31 @@ .ui.inverted.secondary.buttons .basic.button, .ui.inverted.secondary.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FFFFFF !important; } .ui.inverted.secondary.basic.buttons .button:hover, .ui.inverted.secondary.buttons .basic.button:hover, .ui.inverted.secondary.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; - box-shadow: 0px 0px 0px 2px #616161 inset !important; + box-shadow: 0px 0px 0px 2px #616161 inset !important; color: #545454 !important; } .ui.inverted.secondary.basic.buttons .button:focus, .ui.inverted.secondary.basic.buttons .button:focus, .ui.inverted.secondary.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #686868 inset !important; - box-shadow: 0px 0px 0px 2px #686868 inset !important; + box-shadow: 0px 0px 0px 2px #686868 inset !important; color: #545454 !important; } .ui.inverted.secondary.basic.buttons .active.button, .ui.inverted.secondary.buttons .basic.active.button, .ui.inverted.secondary.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; - box-shadow: 0px 0px 0px 2px #616161 inset !important; + box-shadow: 0px 0px 0px 2px #616161 inset !important; color: #545454 !important; } .ui.inverted.secondary.basic.buttons .button:active, .ui.inverted.secondary.buttons .basic.button:active, .ui.inverted.secondary.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; - box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; + box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; color: #545454 !important; } @@ -3587,8 +3337,7 @@ background-image: none; } .ui.positive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.positive.buttons .button:hover, .ui.positive.button:hover { @@ -3620,35 +3369,30 @@ /* Basic */ .ui.basic.positive.buttons .button, .ui.basic.positive.button { - -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - box-shadow: 0px 0px 0px 1px #21BA45 inset !important; + box-shadow: 0px 0px 0px 1px #21BA45 inset !important; color: #21BA45 !important; } .ui.basic.positive.buttons .button:hover, .ui.basic.positive.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - box-shadow: 0px 0px 0px 1px #16ab39 inset !important; + box-shadow: 0px 0px 0px 1px #16ab39 inset !important; color: #16ab39 !important; } .ui.basic.positive.buttons .button:focus, .ui.basic.positive.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - box-shadow: 0px 0px 0px 1px #0ea432 inset !important; + box-shadow: 0px 0px 0px 1px #0ea432 inset !important; color: #16ab39 !important; } .ui.basic.positive.buttons .active.button, .ui.basic.positive.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; + box-shadow: 0px 0px 0px 1px #13ae38 inset !important; color: #198f35 !important; } .ui.basic.positive.buttons .button:active, .ui.basic.positive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - box-shadow: 0px 0px 0px 1px #198f35 inset !important; + box-shadow: 0px 0px 0px 1px #198f35 inset !important; color: #198f35 !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { @@ -3669,8 +3413,7 @@ background-image: none; } .ui.negative.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.negative.buttons .button:hover, .ui.negative.button:hover { @@ -3702,35 +3445,30 @@ /* Basic */ .ui.basic.negative.buttons .button, .ui.basic.negative.button { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - box-shadow: 0px 0px 0px 1px #DB2828 inset !important; + box-shadow: 0px 0px 0px 1px #DB2828 inset !important; color: #DB2828 !important; } .ui.basic.negative.buttons .button:hover, .ui.basic.negative.button:hover { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; - box-shadow: 0px 0px 0px 1px #d01919 inset !important; + box-shadow: 0px 0px 0px 1px #d01919 inset !important; color: #d01919 !important; } .ui.basic.negative.buttons .button:focus, .ui.basic.negative.button:focus { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - box-shadow: 0px 0px 0px 1px #ca1010 inset !important; + box-shadow: 0px 0px 0px 1px #ca1010 inset !important; color: #d01919 !important; } .ui.basic.negative.buttons .active.button, .ui.basic.negative.active.button { background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; + box-shadow: 0px 0px 0px 1px #d41515 inset !important; color: #b21e1e !important; } .ui.basic.negative.buttons .button:active, .ui.basic.negative.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - box-shadow: 0px 0px 0px 1px #b21e1e inset !important; + box-shadow: 0px 0px 0px 1px #b21e1e inset !important; color: #b21e1e !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { @@ -3743,20 +3481,14 @@ *******************************/ .ui.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; font-size: 0em; vertical-align: baseline; margin: 0em 0.25em 0em 0em; } .ui.buttons:not(.basic):not(.inverted) { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Clearfix */ @@ -3770,17 +3502,14 @@ /* Standard Group */ .ui.buttons .button { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; margin: 0em; border-radius: 0em; margin: 0px 0px 0px 0px; } .ui.buttons > .ui.button:not(.basic):not(.inverted), .ui.buttons:not(.basic):not(.inverted) > .button { - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; } .ui.buttons .button:first-child { border-left: none; @@ -3795,21 +3524,15 @@ /* Vertical Style */ .ui.vertical.buttons { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .ui.vertical.buttons .button { display: block; float: none; width: 100%; margin: 0px 0px 0px 0px; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-radius: 0em; } .ui.vertical.buttons .button:first-child { @@ -3835,4 +3558,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_card.scss b/sass/semantic/_card.scss index 93f8680a..8201b430 100755 --- a/sass/semantic/_card.scss +++ b/sass/semantic/_card.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Item + * # Semantic UI 2.5.0 - Item * http://github.com/semantic-org/semantic-ui/ * * @@ -22,25 +22,16 @@ .ui.card { max-width: 100%; position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; width: 290px; min-height: 0px; background: #FFFFFF; padding: 0em; border: none; border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5; - -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; - transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; + box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5; transition: box-shadow 0.1s ease, transform 0.1s ease; - transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease; z-index: ''; } .ui.card { @@ -62,16 +53,11 @@ ---------------*/ .ui.cards { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: -0.875em -0.5em; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .ui.cards > .card { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 0.875em 0.5em; float: none; @@ -119,9 +105,7 @@ .ui.card > .image { position: relative; display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; padding: 0em; background: rgba(0, 0, 0, 0.05); } @@ -143,16 +127,13 @@ .ui.cards > .card > .content, .ui.card > .content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; border: none; border-top: 1px solid rgba(34, 36, 38, 0.1); background: none; margin: 0em; padding: 1em 1em; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; font-size: 1em; border-radius: 0em; } @@ -292,7 +273,6 @@ .ui.cards > .card > .content a:not(.ui), .ui.card > .content a:not(.ui) { color: ''; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.cards > .card > .content a:not(.ui):hover, @@ -355,7 +335,6 @@ .ui.card > .content .star.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.cards > .card > .content .star.icon:hover, @@ -376,7 +355,6 @@ .ui.card > .content .like.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.cards > .card > .content .like.icon:hover, @@ -397,9 +375,7 @@ .ui.card > .extra { max-width: 100%; min-height: 0em !important; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; + flex-grow: 0; border-top: 1px solid rgba(0, 0, 0, 0.05) !important; position: static; background: none; @@ -409,9 +385,7 @@ top: 0em; left: 0em; color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; + box-shadow: none; transition: color 0.1s ease; } .ui.cards > .card > .extra a:not(.ui), @@ -435,20 +409,17 @@ .ui.raised.cards > .card, .ui.raised.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .ui.raised.cards a.card:hover, .ui.link.cards .raised.card:hover, a.ui.raised.card:hover, .ui.link.raised.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); } .ui.raised.cards > .card, .ui.raised.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } /*------------------- @@ -456,9 +427,7 @@ a.ui.raised.card:hover, --------------------*/ .ui.centered.cards { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .ui.centered.card { margin-left: auto; @@ -482,8 +451,7 @@ a.ui.raised.card:hover, .ui.link.cards .card, a.ui.card, .ui.link.card { - -webkit-transform: none; - transform: none; + transform: none; } .ui.cards a.card:hover, .ui.link.cards .card:hover, @@ -493,10 +461,8 @@ a.ui.card:hover, z-index: 5; background: #FFFFFF; border: none; - -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; - -webkit-transform: translateY(-3px); - transform: translateY(-3px); + box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; + transform: translateY(-3px); } /*------------------- @@ -508,182 +474,156 @@ a.ui.card:hover, .ui.red.cards > .card, .ui.cards > .red.card, .ui.red.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; } .ui.red.cards > .card:hover, .ui.cards > .red.card:hover, .ui.red.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; } /* Orange */ .ui.orange.cards > .card, .ui.cards > .orange.card, .ui.orange.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; } .ui.orange.cards > .card:hover, .ui.cards > .orange.card:hover, .ui.orange.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; } /* Yellow */ .ui.yellow.cards > .card, .ui.cards > .yellow.card, .ui.yellow.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; } .ui.yellow.cards > .card:hover, .ui.cards > .yellow.card:hover, .ui.yellow.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; } /* Olive */ .ui.olive.cards > .card, .ui.cards > .olive.card, .ui.olive.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; } .ui.olive.cards > .card:hover, .ui.cards > .olive.card:hover, .ui.olive.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; } /* Green */ .ui.green.cards > .card, .ui.cards > .green.card, .ui.green.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; } .ui.green.cards > .card:hover, .ui.cards > .green.card:hover, .ui.green.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; } /* Teal */ .ui.teal.cards > .card, .ui.cards > .teal.card, .ui.teal.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; } .ui.teal.cards > .card:hover, .ui.cards > .teal.card:hover, .ui.teal.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; } /* Blue */ .ui.blue.cards > .card, .ui.cards > .blue.card, .ui.blue.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; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; } .ui.blue.cards > .card:hover, .ui.cards > .blue.card:hover, .ui.blue.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; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; } /* Violet */ .ui.violet.cards > .card, .ui.cards > .violet.card, .ui.violet.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; } .ui.violet.cards > .card:hover, .ui.cards > .violet.card:hover, .ui.violet.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; } /* Purple */ .ui.purple.cards > .card, .ui.cards > .purple.card, .ui.purple.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; } .ui.purple.cards > .card:hover, .ui.cards > .purple.card:hover, .ui.purple.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; } /* Pink */ .ui.pink.cards > .card, .ui.cards > .pink.card, .ui.pink.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; } .ui.pink.cards > .card:hover, .ui.cards > .pink.card:hover, .ui.pink.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; } /* Brown */ .ui.brown.cards > .card, .ui.cards > .brown.card, .ui.brown.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; } .ui.brown.cards > .card:hover, .ui.cards > .brown.card:hover, .ui.brown.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; } /* Grey */ .ui.grey.cards > .card, .ui.cards > .grey.card, .ui.grey.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; } .ui.grey.cards > .card:hover, .ui.cards > .grey.card:hover, .ui.grey.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; } /* Black */ .ui.black.cards > .card, .ui.cards > .black.card, .ui.black.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; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; } .ui.black.cards > .card:hover, .ui.cards > .black.card:hover, .ui.black.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; + box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; } /*-------------- @@ -994,4 +934,3 @@ a.ui.card:hover, /******************************* User Variable Overrides *******************************/ - diff --git a/sass/semantic/_checkbox.scss b/sass/semantic/_checkbox.scss index 58cd8ca7..397b845f 100755 --- a/sass/semantic/_checkbox.scss +++ b/sass/semantic/_checkbox.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Checkbox + * # Semantic UI 2.5.0 - Checkbox * http://github.com/semantic-org/semantic-ui/ * * @@ -69,10 +69,7 @@ content: ''; background: #FFFFFF; border-radius: 0.21428571rem; - -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; border: 1px solid #D4D4D5; } @@ -91,10 +88,7 @@ text-align: center; opacity: 0; color: rgba(0, 0, 0, 0.87); - -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; - transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; } /*-------------- @@ -106,7 +100,6 @@ .ui.checkbox label, .ui.checkbox + label { color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } @@ -281,8 +274,7 @@ .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before { content: ''; - -webkit-transform: none; - transform: none; + transform: none; width: 15px; height: 15px; border-radius: 500rem; @@ -308,8 +300,7 @@ width: 15px; height: 15px; border-radius: 500rem; - -webkit-transform: scale(0.46666667); - transform: scale(0.46666667); + transform: scale(0.46666667); background-color: rgba(0, 0, 0, 0.87); } @@ -384,34 +375,27 @@ background-color: rgba(0, 0, 0, 0.05); width: 3.5rem; height: 0.21428571rem; - -webkit-transform: none; - transform: none; + transform: none; border-radius: 500rem; - -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } /* Handle */ .ui.slider.checkbox .box:after, .ui.slider.checkbox label:after { - background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); position: absolute; content: '' !important; opacity: 1; z-index: 2; border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; width: 1.5rem; height: 1.5rem; top: -0.25rem; left: 0em; - -webkit-transform: none; - transform: none; + transform: none; border-radius: 500rem; - -webkit-transition: left 0.3s ease; transition: left 0.3s ease; } @@ -488,13 +472,11 @@ position: absolute; content: ''; z-index: 1; - -webkit-transform: none; - transform: none; + transform: none; border: none; top: 0rem; background: rgba(0, 0, 0, 0.05); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; width: 3.5rem; height: 1.5rem; border-radius: 500rem; @@ -503,29 +485,24 @@ /* Handle */ .ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after { - background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); position: absolute; content: '' !important; opacity: 1; z-index: 2; border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; width: 1.5rem; height: 1.5rem; top: 0rem; left: 0em; border-radius: 500rem; - -webkit-transition: background 0.3s ease, left 0.3s ease; transition: background 0.3s ease, left 0.3s ease; } .ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after { left: -0.05rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; } /* Focus */ @@ -554,8 +531,7 @@ .ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after { left: 2.15rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; } /* Active Focus */ @@ -629,4 +605,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_comment.scss b/sass/semantic/_comment.scss index 9a0c014e..9c96bac3 100755 --- a/sass/semantic/_comment.scss +++ b/sass/semantic/_comment.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Comment + * # Semantic UI 2.5.0 - Comment * http://github.com/semantic-org/semantic-ui/ * * @@ -206,8 +206,7 @@ .ui.threaded.comments .comment .comments { margin: -1.5em 0 -1em 1.25em; padding: 3em 0em 2em 2.25em; - -webkit-box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); } /*-------------------- @@ -220,10 +219,8 @@ top: 0px; right: 0px; left: auto; - -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; - -webkit-transition-delay: 0.1s; - transition-delay: 0.1s; + transition-delay: 0.1s; } .ui.minimal.comments .comment > .content:hover > .actions { opacity: 1; @@ -268,4 +265,3 @@ /******************************* User Variable Overrides *******************************/ - diff --git a/sass/semantic/_container.scss b/sass/semantic/_container.scss index 58e43fb3..ea1be4a8 100644 --- a/sass/semantic/_container.scss +++ b/sass/semantic/_container.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Container + * # Semantic UI 2.5.0 - Container * http://github.com/semantic-org/semantic-ui/ * * @@ -144,4 +144,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_dimmer.scss b/sass/semantic/_dimmer.scss index 2c2881da..c3c49447 100755 --- a/sass/semantic/_dimmer.scss +++ b/sass/semantic/_dimmer.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Dimmer + * # Semantic UI 2.5.0 - Dimmer * http://github.com/semantic-org/semantic-ui/ * * @@ -33,18 +33,10 @@ animation-fill-mode: both; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; - -webkit-transition: background-color 0.5s linear; transition: background-color 0.5s linear; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-direction: column; + align-items: center; + justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -97,8 +89,6 @@ .dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer { - display: -webkit-box; - display: -ms-flexbox; display: flex; opacity: 1; } @@ -132,14 +122,10 @@ ---------------*/ .ui[class*="top aligned"].dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .ui[class*="bottom aligned"].dimmer { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } /*-------------- @@ -148,12 +134,9 @@ .ui.page.dimmer { position: fixed; - -webkit-transform-style: ''; - transform-style: ''; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transform-origin: center center; - transform-origin: center center; + transform-style: ''; + perspective: 2000px; + transform-origin: center center; } body.animating.in.dimmable, body.dimmed.dimmable { @@ -170,7 +153,6 @@ body.dimmable > .dimmer { .blurring.dimmable > :not(.dimmer) { -webkit-filter: blur(0px) grayscale(0); filter: blur(0px) grayscale(0); - -webkit-transition: 800ms -webkit-filter ease; transition: 800ms -webkit-filter ease; transition: 800ms filter ease; transition: 800ms filter ease, 800ms -webkit-filter ease; @@ -250,4 +232,3 @@ body.dimmable > .dimmer { /******************************* User Overrides *******************************/ - diff --git a/sass/semantic/_divider.scss b/sass/semantic/_divider.scss index 8a66fbcb..ff72c934 100755 --- a/sass/semantic/_divider.scss +++ b/sass/semantic/_divider.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Divider + * # Semantic UI 2.5.0 - Divider * http://github.com/semantic-org/semantic-ui/ * * @@ -91,8 +91,7 @@ height: 50%; line-height: 0em; text-align: center; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + transform: translateX(-50%); } .ui.vertical.divider:before, .ui.vertical.divider:after { @@ -127,8 +126,7 @@ position: static; top: 0; left: 0; - -webkit-transform: none; - transform: none; + transform: none; } .ui.stackable.grid .ui.vertical.divider:before, .ui.grid .stackable.row .ui.vertical.divider:before, @@ -257,4 +255,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_dropdown.scss b/sass/semantic/_dropdown.scss index c312c373..c4fddcc6 100755 --- a/sass/semantic/_dropdown.scss +++ b/sass/semantic/_dropdown.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Dropdown + * # Semantic UI 2.5.0 - Dropdown * http://github.com/semantic-org/semantic-ui/ * * @@ -19,10 +19,7 @@ display: inline-block; outline: none; text-align: left; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @@ -51,11 +48,9 @@ font-size: 1em; text-shadow: none; text-align: left; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; z-index: 11; will-change: transform, opacity; @@ -98,7 +93,6 @@ .ui.dropdown > .text { display: inline-block; - -webkit-transition: none; transition: none; } @@ -120,8 +114,7 @@ font-size: 1rem; text-transform: none; font-weight: normal; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; -webkit-touch-callout: none; } .ui.dropdown .menu > .item:first-child { @@ -170,8 +163,6 @@ } .ui.dropdown.dropdown .menu > .input { width: auto; - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1.14285714rem 0.78571429rem; min-width: 10rem; @@ -304,9 +295,9 @@ } /* Automatically float dropdown menu right on last menu item */ -.ui.menu .right.menu .dropdown:last-child .menu, -.ui.menu .right.dropdown.item .menu, -.ui.buttons > .ui.dropdown:last-child .menu { +.ui.menu .right.menu .dropdown:last-child > .menu, +.ui.menu .right.dropdown.item > .menu, +.ui.buttons > .ui.dropdown:last-child > .menu { left: auto; right: 0em; } @@ -352,22 +343,17 @@ line-height: 1em; white-space: normal; outline: 0; - -webkit-transform: rotateZ(0deg); - transform: rotateZ(0deg); + transform: rotateZ(0deg); min-width: 14em; min-height: 2.71428571em; background: #FFFFFF; display: inline-block; padding: 0.78571429em 2.1em 0.78571429em 1em; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: width 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, width 0.1s ease; - transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease; } .ui.selection.dropdown.visible, .ui.selection.dropdown.active { @@ -393,7 +379,6 @@ select.ui.dropdown { margin: -0.78571429em; padding: 0.91666667em; opacity: 0.8; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } @@ -416,9 +401,7 @@ select.ui.dropdown { min-width: calc(100% + 2px ); width: calc(100% + 2px ); border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - -webkit-transition: opacity 0.1s ease; + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); transition: opacity 0.1s ease; } .ui.selection.dropdown .menu:after, @@ -470,32 +453,27 @@ select.ui.dropdown { /* Hover */ .ui.selection.dropdown:hover { border-color: rgba(34, 36, 38, 0.35); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Active */ .ui.selection.active.dropdown { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); } .ui.selection.active.dropdown .menu { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); } /* Focus */ .ui.selection.dropdown:focus { border-color: #96C8DA; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.selection.dropdown:focus .menu { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); } /* Visible */ @@ -507,13 +485,11 @@ select.ui.dropdown { /* Visible Hover */ .ui.selection.active.dropdown:hover { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); } .ui.selection.active.dropdown:hover .menu { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); } /* Dropdown Icon */ @@ -532,13 +508,11 @@ select.ui.dropdown { /* Empty Connecting Border */ .ui.active.empty.selection.dropdown { border-radius: 0.28571429rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .ui.active.empty.selection.dropdown .menu { border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } /*-------------- @@ -555,8 +529,7 @@ select.ui.dropdown { .ui.search.dropdown > input.search { background: none transparent !important; border: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; cursor: text; top: 0em; left: 1px; @@ -671,8 +644,7 @@ select.ui.dropdown { font-size: 1em; padding: 0.35714286em 0.78571429em; margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; } /* Dropdown Icon */ @@ -763,8 +735,7 @@ select.ui.dropdown { background: transparent; font-weight: bold; color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; z-index: 12; } @@ -806,8 +777,7 @@ select.ui.dropdown { content: ''; top: 50%; left: 50%; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; margin: -0.64285714em 0em 0em -0.64285714em; width: 1.28571429em; height: 1.28571429em; @@ -828,22 +798,18 @@ select.ui.dropdown { } @-webkit-keyframes dropdown-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes dropdown-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @@ -865,7 +831,6 @@ select.ui.dropdown { ----------------------*/ .ui.loading.dropdown > .text { - -webkit-transition: none; transition: none; } @@ -952,7 +917,6 @@ select.ui.dropdown { .ui.dropdown > .clear.dropdown.icon { opacity: 0.8; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .ui.dropdown > .clear.dropdown.icon:hover { @@ -1035,8 +999,7 @@ select.ui.dropdown { .ui.upward.dropdown > .menu { top: auto; bottom: 100%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0.28571429rem 0.28571429rem 0em 0em; } @@ -1059,12 +1022,10 @@ select.ui.dropdown { .ui.upward.selection.dropdown .menu { border-top-width: 1px !important; border-bottom-width: 0px !important; - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); } .ui.upward.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); } /* Active Upward */ @@ -1074,19 +1035,16 @@ select.ui.dropdown { /* Visible Upward */ .ui.upward.selection.dropdown.visible { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; } /* Visible Hover Upward */ .ui.upward.active.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); } .ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); } /*-------------- @@ -1113,8 +1071,7 @@ select.ui.dropdown { position: static; overflow-y: auto; border: none; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; min-width: 100% !important; @@ -1184,7 +1141,6 @@ select.ui.dropdown { opacity: 0; width: 0; height: 0; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .ui.simple.active.dropdown, @@ -1241,8 +1197,7 @@ select.ui.dropdown { .ui.floating.dropdown .menu { left: 0; right: auto; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; border-radius: 0.28571429rem !important; } .ui.floating.dropdown > .menu { @@ -1265,12 +1220,10 @@ select.ui.dropdown { pointer-events: none; content: ''; visibility: visible; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); width: 0.5em; height: 0.5em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); background: #FFFFFF; z-index: 2; } @@ -1300,8 +1253,7 @@ select.ui.dropdown { left: 1em; right: auto; margin: 0em; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } /* Top Right Pointing */ @@ -1318,8 +1270,7 @@ select.ui.dropdown { left: auto !important; right: 1em !important; margin: 0em; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } /* Left Pointing */ @@ -1333,8 +1284,7 @@ select.ui.dropdown { top: 1em; left: -0.25em; margin: 0em 0em 0em 0em; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { left: auto !important; @@ -1346,8 +1296,7 @@ select.ui.dropdown { left: auto; right: -0.25em; margin: 0em 0em 0em 0em; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); + transform: rotate(135deg); } /* Right Pointing */ @@ -1362,8 +1311,7 @@ select.ui.dropdown { left: auto; right: -0.25em; margin: 0em 0em 0em 0em; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); + transform: rotate(135deg); } /* Bottom Pointing */ @@ -1379,8 +1327,7 @@ select.ui.dropdown { bottom: -0.25em; right: auto; margin: 0em; - -webkit-transform: rotate(-135deg); - transform: rotate(-135deg); + transform: rotate(-135deg); } /* Reverse Sub-Menu Direction */ @@ -1421,8 +1368,7 @@ select.ui.dropdown { .ui.top.pointing.upward.dropdown .menu:after { top: 100% !important; bottom: auto !important; - -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); margin: -0.25em 0em 0em; } @@ -1436,8 +1382,7 @@ select.ui.dropdown { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); } /* Left Pointing Upward */ @@ -1450,8 +1395,7 @@ select.ui.dropdown { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); } @@ -1513,4 +1457,3 @@ select.ui.dropdown { /******************************* User Overrides *******************************/ - diff --git a/sass/semantic/_embed.scss b/sass/semantic/_embed.scss index 11db2b44..482f4473 100644 --- a/sass/semantic/_embed.scss +++ b/sass/semantic/_embed.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Video + * # Semantic UI 2.5.0 - Video * http://github.com/semantic-org/semantic-ui/ * * @@ -83,10 +83,8 @@ height: 100%; z-index: 3; content: ''; - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); opacity: 0.5; - -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .ui.embed > .icon:before { @@ -94,12 +92,10 @@ top: 50%; left: 50%; z-index: 4; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); color: #FFFFFF; font-size: 6rem; text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2); - -webkit-transition: opacity 0.5s ease, color 0.5s ease; transition: opacity 0.5s ease, color 0.5s ease; z-index: 10; } @@ -115,7 +111,6 @@ ---------------*/ .ui.embed .icon:hover:after { - background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); opacity: 1; } @@ -163,4 +158,4 @@ } .ui[class*="21:9"].embed { padding-bottom: 42.85714286%; -} +} \ No newline at end of file diff --git a/sass/semantic/_feed.scss b/sass/semantic/_feed.scss index fcb6c2e3..cd2fb091 100755 --- a/sass/semantic/_feed.scss +++ b/sass/semantic/_feed.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Feed + * # Semantic UI 2.5.0 - Feed * http://github.com/semantic-org/semantic-ui/ * * @@ -31,13 +31,8 @@ /* Event */ .ui.feed > .event { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; width: 100%; padding: 0.21428571rem 0em; margin: 0em; @@ -55,13 +50,10 @@ /* Event Label */ .ui.feed > .event > .label { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; width: 2.5em; height: auto; - -ms-flex-item-align: stretch; - align-self: stretch; + align-self: stretch; text-align: left; } .ui.feed > .event > .label .icon { @@ -91,11 +83,8 @@ /* Content */ .ui.feed > .event > .content { display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -ms-flex-item-align: stretch; - align-self: stretch; + flex: 1 1 auto; + align-self: stretch; text-align: left; word-wrap: break-word; } @@ -214,8 +203,7 @@ background: none; border: none; border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; padding: 0em; color: rgba(0, 0, 0, 0.6); } @@ -234,7 +222,6 @@ } .ui.feed > .event > .content .meta .like { color: ''; - -webkit-transition: 0.2s color ease; transition: 0.2s color ease; } .ui.feed > .event > .content .meta .like:hover .icon { @@ -258,7 +245,6 @@ cursor: pointer; opacity: 1; color: rgba(0, 0, 0, 0.5); - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.feed > .event > .content .meta a:hover, @@ -292,4 +278,3 @@ /******************************* User Variable Overrides *******************************/ - diff --git a/sass/semantic/_flag.scss b/sass/semantic/_flag.scss index a28c18fb..75eafa99 100755 --- a/sass/semantic/_flag.scss +++ b/sass/semantic/_flag.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Flag + * # Semantic UI 2.5.0 - Flag * http://github.com/semantic-org/semantic-ui/ * * @@ -1033,4 +1033,3 @@ i.flag.zimbabwe:before { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_form.scss b/sass/semantic/_form.scss index 80af2df7..9d2e559d 100755 --- a/sass/semantic/_form.scss +++ b/sass/semantic/_form.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Form + * # Semantic UI 2.5.0 - Form * http://github.com/semantic-org/semantic-ui/ * * @@ -111,9 +111,7 @@ border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; + box-shadow: 0em 0em 0em 0em transparent inset; transition: color 0.1s ease, border-color 0.1s ease; } @@ -128,9 +126,7 @@ outline: none; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: color 0.1s ease, border-color 0.1s ease; + box-shadow: 0em 0em 0em 0em transparent inset; transition: color 0.1s ease, border-color 0.1s ease; font-size: 1em; line-height: 1.2857; @@ -165,11 +161,9 @@ background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; + box-shadow: 0em 0em 0em 0em transparent inset; padding: 0.62em 1em; color: rgba(0, 0, 0, 0.87); - -webkit-transition: color 0.1s ease, border-color 0.1s ease; transition: color 0.1s ease, border-color 0.1s ease; } @@ -232,9 +226,7 @@ .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; width: 0px; } @@ -288,22 +280,19 @@ ---------------------*/ .ui.form .field.field input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; + box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; border-color: #E5DFA1 !important; } /* Focus */ .ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; + box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; border-color: #D5C315 !important; } /* Error */ .ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; + box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; border-color: #E0B4B4 !important; } @@ -372,16 +361,14 @@ border-color: #85B7D9; border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; + box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; } .ui.form textarea:focus { color: rgba(0, 0, 0, 0.95); border-color: #85B7D9; border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; + box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; -webkit-appearance: none; } @@ -398,8 +385,6 @@ display: inline-block; } .ui.form.success .icon.success.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -416,8 +401,6 @@ display: inline-block; } .ui.form.warning .icon.warning.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -434,8 +417,6 @@ display: inline-block; } .ui.form.error .icon.error.message:not(:empty) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -483,8 +464,7 @@ border-color: #E0B4B4; color: #9F3A38; border-radius: ''; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.form .field.error textarea:focus, .ui.form .field.error select:focus, @@ -504,8 +484,7 @@ border-color: #E0B4B4; color: #9F3A38; -webkit-appearance: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Preserve Native Select Stylings */ @@ -638,29 +617,24 @@ border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; visibility: visible; z-index: 101; } @-webkit-keyframes form-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes form-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @@ -736,8 +710,7 @@ background: #FFFFFF; border-color: rgba(255, 255, 255, 0.1); color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*-------------------- @@ -774,26 +747,18 @@ /* Split fields */ .ui.form .fields { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; margin: 0em -0.5em 1em; } .ui.form .fields > .field { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + flex: 0 1 auto; padding-left: 0.5em; padding-right: 0.5em; } .ui.form .fields > .field:first-child { border-left: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Other Combinations */ @@ -837,8 +802,7 @@ /* Swap to full width on mobile */ @media only screen and (max-width: 767px) { .ui.form .fields { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .ui[class*="equal width"].form:not(.unstackable) .fields > .field, .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field, @@ -959,9 +923,7 @@ .ui[class*="equal width"].form .fields > .field, .ui.form [class*="equal width"].fields > .field { width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; } /*-------------------- @@ -970,9 +932,7 @@ .ui.form .inline.fields { margin: 0em 0em 1em; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .ui.form .inline.fields .field { margin: 0em; @@ -1026,12 +986,8 @@ /* Wide */ .ui.form .inline.fields .wide.field { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .ui.form .inline.fields .wide.field > input, .ui.form .inline.fields .wide.field > select { @@ -1077,4 +1033,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_grid.scss b/sass/semantic/_grid.scss index f29138c7..01c8c63d 100755 --- a/sass/semantic/_grid.scss +++ b/sass/semantic/_grid.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Grid + * # Semantic UI 2.5.0 - Grid * http://github.com/semantic-org/semantic-ui/ * * @@ -14,18 +14,10 @@ *******************************/ .ui.grid { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + flex-direction: row; + flex-wrap: wrap; + align-items: stretch; padding: 0em; } @@ -79,21 +71,11 @@ .ui.grid > .row { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: inherit; - -ms-flex-pack: inherit; - justify-content: inherit; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + flex-direction: row; + flex-wrap: wrap; + justify-content: inherit; + align-items: stretch; width: 100% !important; padding: 0rem; padding-top: 1rem; @@ -145,9 +127,7 @@ /* Align Dividers with Gutter */ .ui.grid .row + .ui.divider { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; margin: 1rem 1rem; } .ui.grid .column + .ui.vertical.divider { @@ -157,8 +137,7 @@ /* Remove Border on Last Horizontal Segment */ .ui.grid > .row > .column:last-child > .horizontal.segment, .ui.grid > .column:last-child > .horizontal.segment { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } @@ -346,8 +325,7 @@ /* Celled Page */ .ui.celled.page.grid { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*------------------- @@ -966,9 +944,7 @@ .ui.centered.grid > .row, .ui.grid > .centered.row { text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), .ui.centered.grid > .row > .column:not(.aligned):not(.justified), @@ -1044,8 +1020,7 @@ .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); } /* Swap from padding to margin on columns to have dividers align */ @@ -1064,8 +1039,7 @@ /* No divider on first column on row */ .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* No space on top of first row */ @@ -1075,12 +1049,10 @@ /* Divided Row */ .ui.grid > .divided.row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); } .ui.grid > .divided.row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Vertically Divided */ @@ -1095,8 +1067,7 @@ width: calc(100% - 2rem); height: 1px; margin: 0% 1rem; - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); } /* Padded Horizontally Divided */ @@ -1107,24 +1078,20 @@ /* First Row Vertically Divided */ .ui[class*="vertically divided"].grid > .row:first-child:before { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Inverted Divided */ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); - box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); + box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); } .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.inverted[class*="vertically divided"].grid > .row:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); - box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); + box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); } /* Relaxed */ @@ -1146,25 +1113,21 @@ .ui.celled.grid { width: 100%; margin: 1em 0em; - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5; + box-shadow: 0px 0px 0px 1px #D4D4D5; } .ui.celled.grid > .row { width: 100% !important; margin: 0em; padding: 0em; - -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5; - box-shadow: 0px -1px 0px 0px #D4D4D5; + box-shadow: 0px -1px 0px 0px #D4D4D5; } .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; } .ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { @@ -1181,17 +1144,14 @@ /* Internally Celled */ .ui[class*="internally celled"].grid { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; margin: 0em; } .ui[class*="internally celled"].grid > .row:first-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui[class*="internally celled"].grid > .row > .column:first-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*---------------------- @@ -1205,13 +1165,9 @@ .ui.grid > [class*="top aligned"].row > .column, .ui.grid > [class*="top aligned"].column:not(.row), .ui.grid > .row > [class*="top aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; vertical-align: top; - -ms-flex-item-align: start !important; - align-self: flex-start !important; + align-self: flex-start !important; } /* Middle Aligned */ @@ -1220,13 +1176,9 @@ .ui.grid > [class*="middle aligned"].row > .column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > .row > [class*="middle aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; vertical-align: middle; - -ms-flex-item-align: center !important; - align-self: center !important; + align-self: center !important; } /* Bottom Aligned */ @@ -1235,13 +1187,9 @@ .ui.grid > [class*="bottom aligned"].row > .column, .ui.grid > [class*="bottom aligned"].column:not(.row), .ui.grid > .row > [class*="bottom aligned"].column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; vertical-align: bottom; - -ms-flex-item-align: end !important; - align-self: flex-end !important; + align-self: flex-end !important; } /* Stretched */ @@ -1250,24 +1198,16 @@ .ui.grid > .stretched.row > .column, .ui.grid > .stretched.column:not(.row), .ui.grid > .row > .stretched.column { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + align-self: stretch; + flex-direction: column; } .ui.stretched.grid > .row > .column > *, .ui.stretched.grid > .column > *, .ui.grid > .stretched.row > .column > *, .ui.grid > .stretched.column:not(.row) > *, .ui.grid > .row > .stretched.column > * { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } /*---------------------- @@ -1282,8 +1222,7 @@ .ui.grid > [class*="left aligned"].column.column, .ui.grid > .row > [class*="left aligned"].column.column { text-align: left; - -ms-flex-item-align: inherit; - align-self: inherit; + align-self: inherit; } /* Center Aligned */ @@ -1293,13 +1232,10 @@ .ui.grid > [class*="center aligned"].column.column, .ui.grid > .row > [class*="center aligned"].column.column { text-align: center; - -ms-flex-item-align: inherit; - align-self: inherit; + align-self: inherit; } .ui[class*="center aligned"].grid { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } /* Right Aligned */ @@ -1309,8 +1245,7 @@ .ui.grid > [class*="right aligned"].column.column, .ui.grid > .row > [class*="right aligned"].column.column { text-align: right; - -ms-flex-item-align: inherit; - align-self: inherit; + align-self: inherit; } /* Justified */ @@ -1460,16 +1395,12 @@ .ui[class*="equal width"].grid > .row > .column, .ui.grid > [class*="equal width"].row > .column { display: inline-block; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .ui[class*="equal width"].grid > .wide.column, .ui[class*="equal width"].grid > .row > .wide.column, .ui.grid > [class*="equal width"].row > .wide.column { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; + flex-grow: 0; } /*---------------------- @@ -1482,49 +1413,37 @@ .ui[class*="mobile reversed"].grid, .ui[class*="mobile reversed"].grid > .row, .ui.grid > [class*="mobile reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + flex-direction: row-reverse; } .ui[class*="mobile vertically reversed"].grid, .ui.stackable[class*="mobile reversed"] { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; + flex-direction: column-reverse; } /* Divided Reversed */ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); } .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Vertically Divided Reversed */ .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); } .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Celled Reversed */ .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; } .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } } @@ -1533,48 +1452,36 @@ .ui[class*="tablet reversed"].grid, .ui[class*="tablet reversed"].grid > .row, .ui.grid > [class*="tablet reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + flex-direction: row-reverse; } .ui[class*="tablet vertically reversed"].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; + flex-direction: column-reverse; } /* Divided Reversed */ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); } .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Vertically Divided Reversed */ .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); } .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Celled Reversed */ .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; } .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } } @@ -1583,48 +1490,36 @@ .ui[class*="computer reversed"].grid, .ui[class*="computer reversed"].grid > .row, .ui.grid > [class*="computer reversed"].row { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; + flex-direction: row-reverse; } .ui[class*="computer vertically reversed"].grid { - -webkit-box-orient: vertical; - -webkit-box-direction: reverse; - -ms-flex-direction: column-reverse; - flex-direction: column-reverse; + flex-direction: column-reverse; } /* Divided Reversed */ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); } .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Vertically Divided Reversed */ .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); } .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Celled Reversed */ .ui[class*="computer reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + box-shadow: -1px 0px 0px 0px #D4D4D5; } .ui[class*="computer reversed"].celled.grid > .row > .column:last-child { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } } @@ -1648,8 +1543,7 @@ display: inline-block !important; padding-top: 1rem !important; padding-bottom: 1rem !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; margin: 0em; } .ui[class*="two column"].doubling.grid > .row > .column, @@ -1741,8 +1635,7 @@ padding-top: 1rem !important; padding-bottom: 1rem !important; margin: 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), @@ -1840,8 +1733,7 @@ .ui.grid > .stackable.stackable.row > .column { width: 100% !important; margin: 0em 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; padding: 1rem 1rem !important; } .ui.stackable.grid:not(.vertically) > .row { @@ -1881,14 +1773,12 @@ .ui.stackable.celled.grid > .row > .column, .ui.stackable.divided:not(.vertically).grid > .row > .column { border-top: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; padding-top: 2rem !important; padding-bottom: 2rem !important; } .ui.stackable.celled.grid > .row { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column { @@ -2036,4 +1926,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_header.scss b/sass/semantic/_header.scss index dd7b82c0..d28c6041 100755 --- a/sass/semantic/_header.scss +++ b/sass/semantic/_header.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Header + * # Semantic UI 2.5.0 - Header * http://github.com/semantic-org/semantic-ui/ * * @@ -301,19 +301,13 @@ h5.ui.header .sub.header { color: rgba(255, 255, 255, 0.8); } .ui.inverted.attached.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-color: transparent; } .ui.inverted.block.header { - background: #545454 -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.inverted.block.header { border-bottom: none; @@ -636,8 +630,7 @@ a.ui.inverted.grey.header:hover { .ui.block.header { background: #F3F4F5; padding: 0.78571429rem 1rem; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: 1px solid #D4D4D5; border-radius: 0.28571429rem; } @@ -666,8 +659,7 @@ a.ui.inverted.grey.header:hover { padding: 0.78571429rem 1rem; margin-left: -1px; margin-right: -1px; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: 1px solid #D4D4D5; } .ui.attached.block.header { @@ -724,4 +716,3 @@ a.ui.inverted.grey.header:hover { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_icon.scss b/sass/semantic/_icon.scss index 4de1fd4f..75adcd97 100755 --- a/sass/semantic/_icon.scss +++ b/sass/semantic/_icon.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Icon + * # Semantic UI 2.5.0 - Icon * http://github.com/semantic-org/semantic-ui/ * * @@ -58,27 +58,25 @@ i.icon:before { i.icon.loading { height: 1em; line-height: 1; +} +i.icon.loading { -webkit-animation: icon-loading 2s linear infinite; animation: icon-loading 2s linear infinite; } @-webkit-keyframes icon-loading { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes icon-loading { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @@ -123,7 +121,6 @@ i.link.icon, i.link.icons { cursor: pointer; opacity: 0.8; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } i.link.icon:hover, @@ -139,15 +136,13 @@ i.circular.icon { border-radius: 500em !important; line-height: 1 !important; padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; width: 2em !important; height: 2em !important; } i.circular.inverted.icon { border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*------------------- @@ -156,12 +151,10 @@ i.circular.inverted.icon { i.flipped.icon, i.horizontally.flipped.icon { - -webkit-transform: scale(-1, 1); - transform: scale(-1, 1); + transform: scale(-1, 1); } i.vertically.flipped.icon { - -webkit-transform: scale(1, -1); - transform: scale(1, -1); + transform: scale(1, -1); } /*------------------- @@ -171,13 +164,11 @@ i.vertically.flipped.icon { i.rotated.icon, i.right.rotated.icon, i.clockwise.rotated.icon { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); + transform: rotate(90deg); } i.left.rotated.icon, i.counterclockwise.rotated.icon { - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); + transform: rotate(-90deg); } /*------------------- @@ -190,13 +181,11 @@ i.bordered.icon { width: 2em; height: 2em; padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; } i.bordered.inverted.icon { border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*------------------- @@ -450,8 +439,7 @@ i.icons .icon { position: absolute; top: 50%; left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); margin: 0em; margin: 0; } @@ -460,8 +448,7 @@ i.icons .icon:first-child { width: auto; height: auto; vertical-align: top; - -webkit-transform: none; - transform: none; + transform: none; margin-right: 0.25rem; } @@ -471,8 +458,7 @@ i.icons .corner.icon { left: auto; right: 0; bottom: 0; - -webkit-transform: none; - transform: none; + transform: none; font-size: 0.45em; text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; } @@ -4803,4 +4789,3 @@ i.icon.youtube.square { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_image.scss b/sass/semantic/_image.scss index f3f05d79..b8551a18 100755 --- a/sass/semantic/_image.scss +++ b/sass/semantic/_image.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Image + * # Semantic UI 2.5.0 - Image * http://github.com/semantic-org/semantic-ui/ * * @@ -307,4 +307,3 @@ img.ui.bordered.image { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_input.scss b/sass/semantic/_input.scss index e238cc11..e4e7e0a0 100755 --- a/sass/semantic/_input.scss +++ b/sass/semantic/_input.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Input + * # Semantic UI 2.5.0 - Input * http://github.com/semantic-org/semantic-ui/ * * @@ -22,17 +22,13 @@ position: relative; font-weight: normal; font-style: normal; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; color: rgba(0, 0, 0, 0.87); } .ui.input > input { margin: 0em; max-width: 100%; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-align: left; @@ -43,12 +39,8 @@ border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, border-color 0.1s ease; - transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*-------------------- @@ -95,8 +87,7 @@ border-color: rgba(0, 0, 0, 0.3); background: #FAFAFA; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*-------------------- @@ -130,8 +121,7 @@ border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; } /*-------------------- @@ -143,8 +133,7 @@ border-color: #85B7D9; background: #FFFFFF; color: rgba(0, 0, 0, 0.8); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.input.focus > input::-webkit-input-placeholder, .ui.input > input:focus::-webkit-input-placeholder { @@ -167,8 +156,7 @@ background-color: #FFF6F6; border-color: #E0B4B4; color: #9F3A38; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Error Placeholder */ @@ -207,8 +195,7 @@ border-color: transparent !important; background-color: transparent !important; padding: 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; border-radius: 0px !important; } @@ -258,7 +245,6 @@ width: 2.67142857em; opacity: 0.5; border-radius: 0em 0.28571429rem 0.28571429rem 0em; - -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .ui.icon.input > i.icon:not(.link) { @@ -311,9 +297,7 @@ /* Adjacent Label */ .ui.labeled.input > .label { - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; margin: 0; font-size: 1em; } @@ -396,15 +380,9 @@ .ui.action.input > .button, .ui.action.input > .buttons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + align-items: center; + flex: 0 0 auto; } .ui.action.input > .button, .ui.action.input > .buttons > .button { @@ -472,8 +450,6 @@ ---------------------*/ .ui.fluid.input { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .ui.fluid.input > input { @@ -516,4 +492,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_item.scss b/sass/semantic/_item.scss index d6c99e2c..b359f9ed 100755 --- a/sass/semantic/_item.scss +++ b/sass/semantic/_item.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Item + * # Semantic UI 2.5.0 - Item * http://github.com/semantic-org/semantic-ui/ * * @@ -19,8 +19,6 @@ ---------------*/ .ui.items > .item { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1em 0em; width: 100%; @@ -29,12 +27,8 @@ padding: 0em; border: none; border-radius: 0rem; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: -webkit-box-shadow 0.1s ease; - transition: -webkit-box-shadow 0.1s ease; + box-shadow: none; transition: box-shadow 0.1s ease; - transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; z-index: ''; } .ui.items > .item a { @@ -80,16 +74,13 @@ .ui.items > .item > .image { position: relative; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; display: block; float: none; margin: 0em; padding: 0em; max-height: ''; - -ms-flex-item-align: top; - align-self: top; + align-self: top; } .ui.items > .item > .image > img { display: block; @@ -108,14 +99,11 @@ .ui.items > .item > .content { display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; background: none; margin: 0em; padding: 0em; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; font-size: 1em; border: none; border-radius: 0em; @@ -133,8 +121,7 @@ width: auto; display: block; margin-left: 0em; - -ms-flex-item-align: top; - align-self: top; + align-self: top; padding-left: 1.5em; } .ui.items > .item > .content > .header { @@ -166,8 +153,7 @@ ---------------*/ .ui.items > .item .content img { - -ms-flex-item-align: middle; - align-self: middle; + align-self: middle; width: ''; } .ui.items > .item img.avatar, @@ -229,7 +215,6 @@ /* Generic */ .ui.items > .item > .content a:not(.ui) { color: ''; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.items > .item > .content a:not(.ui):hover { @@ -264,7 +249,6 @@ .ui.items > .item > .content .favorite.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.items > .item > .content .favorite.icon:hover { @@ -282,7 +266,6 @@ .ui.items > .item > .content .like.icon { cursor: pointer; opacity: 0.75; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.items > .item > .content .like.icon:hover { @@ -307,9 +290,7 @@ top: 0em; left: 0em; color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: color 0.1s ease; + box-shadow: none; transition: color 0.1s ease; border-top: none; } @@ -356,10 +337,7 @@ /* Mobile Only */ @media only screen and (max-width: 767px) { .ui.items:not(.unstackable) > .item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; margin: 2em 0em; } .ui.items:not(.unstackable) > .item > .image { @@ -390,16 +368,13 @@ --------------------*/ .ui.items > .item > .image + [class*="top aligned"].content { - -ms-flex-item-align: start; - align-self: flex-start; + align-self: flex-start; } .ui.items > .item > .image + [class*="middle aligned"].content { - -ms-flex-item-align: center; - align-self: center; + align-self: center; } .ui.items > .item > .image + [class*="bottom aligned"].content { - -ms-flex-item-align: end; - align-self: flex-end; + align-self: flex-end; } /*-------------- @@ -484,4 +459,3 @@ /******************************* User Variable Overrides *******************************/ - diff --git a/sass/semantic/_label.scss b/sass/semantic/_label.scss index 72107d7c..b6b912c7 100755 --- a/sass/semantic/_label.scss +++ b/sass/semantic/_label.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Label + * # Semantic UI 2.5.0 - Label * http://github.com/semantic-org/semantic-ui/ * * @@ -26,7 +26,6 @@ font-weight: bold; border: 0px solid transparent; border-radius: 0.28571429rem; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } .ui.label:first-child { @@ -46,7 +45,6 @@ a.ui.label { cursor: pointer; color: inherit; opacity: 0.5; - -webkit-transition: 0.1s opacity ease; transition: 0.1s opacity ease; } .ui.label > a:hover { @@ -86,7 +84,6 @@ a.ui.label { margin-left: 0.5em; font-size: 0.92857143em; opacity: 0.5; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } .ui.label > .delete.icon:hover { @@ -150,8 +147,7 @@ a.ui.label { background: #E8E8E8; padding: 0.5833em 0.833em 0.5833em 0.5em; border-radius: 0.28571429rem; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.image.label img { display: inline-block; @@ -178,14 +174,12 @@ a.ui.label { padding-left: 1.5em; padding-right: 1.5em; border-radius: 0em 0.28571429rem 0.28571429rem 0em; - -webkit-transition: none; transition: none; } .ui.tag.labels .label:before, .ui.tag.label:before { position: absolute; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); + transform: translateY(-50%) translateX(50%) rotate(-45deg); top: 50%; right: 100%; content: ''; @@ -193,7 +187,6 @@ a.ui.label { background-image: none; width: 1.56em; height: 1.56em; - -webkit-transition: none; transition: none; } .ui.tag.labels .label:after, @@ -206,8 +199,7 @@ a.ui.label { background-color: #FFFFFF !important; width: 0.5em; height: 0.5em; - -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); - box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); + box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); border-radius: 500rem; } @@ -226,7 +218,6 @@ a.ui.label { width: 4em; height: 4em; z-index: 1; - -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } @@ -248,7 +239,6 @@ a.ui.label { border-bottom: 4em solid transparent; border-left: 0em solid transparent; border-right-color: inherit; - -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } .ui.corner.label .icon { @@ -330,8 +320,7 @@ a.ui.label { /* Right Ribbon */ .ui[class*="right ribbon"].label { text-align: left; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); + transform: translateX(-100%); border-radius: 0.28571429rem 0em 0em 0.28571429rem; } .ui[class*="right ribbon"].label:after { @@ -1047,8 +1036,7 @@ a.ui.basic.black.label:hover { background: none #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Link */ @@ -1056,10 +1044,8 @@ a.ui.basic.label:hover { text-decoration: none; background: none #FFFFFF; color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: 1px solid rgba(34, 36, 38, 0.15); + box-shadow: none; } /* Pointing */ @@ -1074,8 +1060,7 @@ a.ui.basic.label:hover { .ui.label.fluid, .ui.fluid.labels > .label { width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } /*------------------- @@ -1144,13 +1129,11 @@ a.ui.basic.label:hover { .ui.pointing.label:before { position: absolute; content: ''; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); background-image: none; z-index: 2; width: 0.6666em; height: 0.6666em; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } @@ -1163,8 +1146,7 @@ a.ui.basic.label:hover { .ui.pointing.label:before, .ui[class*="pointing above"].label:before { border-width: 1px 0px 0px 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 0%; left: 50%; } @@ -1181,8 +1163,7 @@ a.ui.basic.label:hover { border-width: 0px 1px 1px 0px; top: auto; right: auto; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 100%; left: 50%; } @@ -1195,8 +1176,7 @@ a.ui.basic.label:hover { } .ui[class*="left pointing"].label:before { border-width: 0px 0px 1px 1px; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); bottom: auto; right: auto; top: 50%; @@ -1211,8 +1191,7 @@ a.ui.basic.label:hover { } .ui[class*="right pointing"].label:before { border-width: 1px 1px 0px 0px; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); top: 50%; right: 0%; bottom: auto; @@ -1310,4 +1289,3 @@ a.ui.basic.label:hover { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_list.scss b/sass/semantic/_list.scss index 33757ec4..29de8b9a 100755 --- a/sass/semantic/_list.scss +++ b/sass/semantic/_list.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - List + * # Semantic UI 2.5.0 - List * http://github.com/semantic-org/semantic-ui/ * * @@ -99,7 +99,6 @@ ol.ui.list ol li, padding-top: 0em; padding-right: 0.28571429em; vertical-align: top; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui.list .list > .item > i.icon:only-child, @@ -407,7 +406,6 @@ ol.ui.list ol li, .ui.link.list a.item, .ui.link.list .item a:not(.ui) { color: rgba(0, 0, 0, 0.4); - -webkit-transition: 0.1s color ease; transition: 0.1s color ease; } .ui.link.list.list a.item:hover, @@ -454,7 +452,6 @@ ol.ui.list ol li, margin: 0em; color: rgba(0, 0, 0, 0.4); border-radius: 0.5em; - -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; } .ui.selection.list .list > .item:last-child, @@ -512,7 +509,6 @@ ol.ui.list ol li, --------------------*/ .ui.animated.list > .item { - -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; } .ui.animated.list:not(.horizontal) > .item:hover { @@ -950,4 +946,3 @@ ol.ui.horizontal.list li:before, /******************************* User Variable Overrides *******************************/ - diff --git a/sass/semantic/_loader.scss b/sass/semantic/_loader.scss index b0ab6b78..35395b77 100755 --- a/sass/semantic/_loader.scss +++ b/sass/semantic/_loader.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Loader + * # Semantic UI 2.5.0 - Loader * http://github.com/semantic-org/semantic-ui/ * * @@ -23,8 +23,7 @@ margin: 0px; text-align: center; z-index: 1000; - -webkit-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); } /* Static Shape */ @@ -55,29 +54,24 @@ border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; } /* Active Animation */ @-webkit-keyframes loader { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes loader { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @@ -318,8 +312,7 @@ margin: 0em; left: 0em; top: 0em; - -webkit-transform: none; - transform: none; + transform: none; } .ui.inline.loader.active, .ui.inline.loader.visible { @@ -344,4 +337,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_menu.scss b/sass/semantic/_menu.scss index 714675f3..14b26701 100755 --- a/sass/semantic/_menu.scss +++ b/sass/semantic/_menu.scss @@ -20,16 +20,13 @@ ---------------*/ .ui.menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1rem 0em; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #FFFFFF; font-weight: normal; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; min-height: 2.85714286em; } @@ -55,8 +52,6 @@ margin: 0em; } .ui.menu:not(.vertical) > .menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -65,12 +60,8 @@ ---------------*/ .ui.menu:not(.vertical) .item { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .ui.menu .item { position: relative; @@ -78,9 +69,7 @@ line-height: 1; text-decoration: none; -webkit-tap-highlight-color: transparent; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -90,10 +79,7 @@ text-transform: none; color: rgba(0, 0, 0, 0.87); font-weight: normal; - -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; - transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; } .ui.menu > .item:first-child { border-radius: 0.28571429rem 0px 0px 0.28571429rem; @@ -159,16 +145,9 @@ .ui.menu > .grid, .ui.menu > .container { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: inherit; - -ms-flex-align: inherit; - align-items: inherit; - -webkit-box-orient: inherit; - -webkit-box-direction: inherit; - -ms-flex-direction: inherit; - flex-direction: inherit; + align-items: inherit; + flex-direction: inherit; } /*-------------- @@ -224,12 +203,8 @@ border-radius: 0em 0em 0.28571429rem 0.28571429rem; background: #FFFFFF; margin: 0em 0px 0px; - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); + flex-direction: column !important; } /* Menu Items */ @@ -242,9 +217,7 @@ color: rgba(0, 0, 0, 0.87) !important; text-transform: none !important; font-weight: normal !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-transition: none !important; + box-shadow: none !important; transition: none !important; } .ui.menu .ui.dropdown .menu > .item:hover { @@ -298,8 +271,7 @@ left: 100%; min-width: 0; margin: 0em 0em 0em 0em; - -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); + box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem; } .ui.vertical.menu .dropdown.item.upward .menu { @@ -313,8 +285,7 @@ border-bottom-right-radius: 0em; } .ui.vertical.menu .dropdown.active.item { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Evenly Divided */ @@ -444,8 +415,7 @@ background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); font-weight: normal; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.menu .active.item > i.icon { opacity: 1; @@ -486,8 +456,6 @@ Floated Menu / Item /* Left Floated */ .ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) :not(.dropdown) > .left.menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin-right: auto !important; } @@ -495,8 +463,6 @@ Floated Menu / Item /* Right Floated */ .ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin-left: auto !important; } @@ -514,13 +480,9 @@ Floated Menu / Item .ui.vertical.menu { display: block; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); } /*--- Item ---*/ @@ -595,8 +557,7 @@ Floated Menu / Item .ui.vertical.menu .active.item { background: rgba(0, 0, 0, 0.05); border-radius: 0em; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.vertical.menu > .active.item:first-child { border-radius: 0.28571429rem 0.28571429rem 0em 0em; @@ -622,8 +583,7 @@ Floated Menu / Item .ui.tabular.menu { border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; border: none; background: none transparent; border-bottom: 1px solid #D4D4D5; @@ -658,8 +618,7 @@ Floated Menu / Item border-color: #D4D4D5; font-weight: bold; margin-bottom: -1px; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-radius: 0.28571429rem 0.28571429rem 0px 0px !important; } @@ -682,8 +641,7 @@ Floated Menu / Item .ui.bottom.tabular.menu { background: none transparent; border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; border-bottom: none; border-top: 1px solid #D4D4D5; } @@ -706,8 +664,7 @@ Floated Menu / Item .ui.vertical.tabular.menu { background: none transparent; border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; border-bottom: none; border-right: 1px solid #D4D4D5; } @@ -730,8 +687,7 @@ Floated Menu / Item .ui.vertical.right.tabular.menu { background: none transparent; border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; border-bottom: none; border-right: none; border-left: 1px solid #D4D4D5; @@ -766,8 +722,6 @@ Floated Menu / Item .ui.pagination.menu { margin: 0em; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } @@ -794,8 +748,7 @@ Floated Menu / Item padding-top: 0.92857143em; background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /*-------------- @@ -808,21 +761,17 @@ Floated Menu / Item margin-right: -0.35714286em; border-radius: 0em; border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Item */ .ui.secondary.menu .item { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-shadow: none; - box-shadow: none; + align-self: center; + box-shadow: none; border: none; padding: 0.78571429em 0.92857143em; margin: 0em 0.35714286em; background: none; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; border-radius: 0.28571429rem; } @@ -854,8 +803,7 @@ Floated Menu / Item /* Active */ .ui.secondary.menu .active.item { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); border-radius: 0.28571429rem; @@ -863,8 +811,7 @@ Floated Menu / Item /* Active Hover */ .ui.secondary.menu .active.item:hover { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } @@ -894,8 +841,7 @@ Floated Menu / Item margin-right: 0em; } .ui.secondary.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Sub Menu */ @@ -943,12 +889,10 @@ Floated Menu / Item border-bottom-color: transparent; border-bottom-style: solid; border-radius: 0em; - -ms-flex-item-align: end; - align-self: flex-end; + align-self: flex-end; margin: 0em 0em -2px; padding: 0.85714286em 1.14285714em; border-bottom-width: 2px; - -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } @@ -957,8 +901,7 @@ Floated Menu / Item color: rgba(0, 0, 0, 0.85) !important; } .ui.secondary.pointing.menu .text.item { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .ui.secondary.pointing.menu .item:after { display: none; @@ -983,8 +926,7 @@ Floated Menu / Item /* Active */ .ui.secondary.pointing.menu .active.item { background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-color: #1B1C1D; font-weight: bold; color: rgba(0, 0, 0, 0.95); @@ -1056,22 +998,18 @@ Floated Menu / Item .ui.text.menu { background: none transparent; border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: none; margin: 1em -0.5em; } .ui.text.menu .item { border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; - -ms-flex-item-align: center; - align-self: center; + box-shadow: none; + align-self: center; margin: 0em 0em; padding: 0.35714286em 0.5em; font-weight: normal; color: rgba(0, 0, 0, 0.6); - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } @@ -1147,8 +1085,7 @@ Floated Menu / Item .ui.text.menu .active.item { background-color: transparent; border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; font-weight: normal; color: rgba(0, 0, 0, 0.95); } @@ -1161,12 +1098,10 @@ Floated Menu / Item /* Disable Bariations */ .ui.text.pointing.menu .active.item:after { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.text.attached.menu { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Inverted */ @@ -1244,10 +1179,7 @@ Floated Menu / Item /* Item */ .ui.labeled.icon.menu .item { min-width: 6em; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } /* Icon */ @@ -1275,10 +1207,7 @@ Floated Menu / Item @media only screen and (max-width: 767px) { .ui.stackable.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .ui.stackable.menu .item { width: 100% !important; @@ -1303,10 +1232,7 @@ Floated Menu / Item } .ui.stackable.menu .right.menu, .ui.stackable.menu .left.menu { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } } @@ -1385,8 +1311,7 @@ Floated Menu / Item .ui.inverted.menu { border: 0px solid transparent; background: #1B1C1D; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Menu Item */ @@ -1418,8 +1343,7 @@ Floated Menu / Item .ui.inverted.menu .header.item { margin: 0em; background: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Disabled */ @@ -1464,8 +1388,7 @@ Floated Menu / Item .ui.inverted.pointing.menu .active.item:after { background: #3D3E3F !important; margin: 0em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; border: none !important; } @@ -1681,8 +1604,6 @@ Floated Menu / Item --------------------*/ .ui.compact.menu { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; margin: 0em; vertical-align: middle; @@ -1724,9 +1645,7 @@ Floated Menu / Item margin-left: 0em !important; margin-right: 0em !important; text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .ui.attached.item.menu { margin: 0em -1px !important; @@ -1842,8 +1761,7 @@ Floated Menu / Item content: ''; top: 100%; left: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); background: none; margin: 0.5px 0em 0em; width: 0.57142857em; @@ -1852,7 +1770,6 @@ Floated Menu / Item border-bottom: 1px solid #D4D4D5; border-right: 1px solid #D4D4D5; z-index: 2; - -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } .ui.vertical.pointing.menu .item:after { @@ -1861,8 +1778,7 @@ Floated Menu / Item right: 0%; bottom: auto; left: auto; - -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); - transform: translateX(50%) translateY(-50%) rotate(45deg); + transform: translateX(50%) translateY(-50%) rotate(45deg); margin: 0em -0.5px 0em 0em; border: none; border-top: 1px solid #D4D4D5; @@ -1916,8 +1832,7 @@ Floated Menu / Item margin: 0em -1px; width: calc(100% - (-1px * 2)); max-width: calc(100% - (-1px * 2)); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.attached + .ui.attached.menu:not(.top) { border-top: none; @@ -1941,8 +1856,7 @@ Floated Menu / Item margin-top: 0em; top: 0px; margin-bottom: 1rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; border-radius: 0em 0em 0.28571429rem 0.28571429rem; } .ui[class*="bottom attached"].menu:last-child { @@ -2049,4 +1963,3 @@ Floated Menu / Item /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_message.scss b/sass/semantic/_message.scss index 5fed5c67..7c3bd41d 100755 --- a/sass/semantic/_message.scss +++ b/sass/semantic/_message.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Message + * # Semantic UI 2.5.0 - Message * http://github.com/semantic-org/semantic-ui/ * * @@ -21,13 +21,9 @@ padding: 1em 1.5em; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.message:first-child { margin-top: 0em; @@ -113,7 +109,6 @@ top: 0.78575em; right: 0.5em; opacity: 0.7; - -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .ui.message > .close.icon:hover { @@ -151,8 +146,6 @@ display: block; } .ui.icon.visible.visible.visible.visible.message { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -178,8 +171,6 @@ display: inline-block; } .ui.compact.icon.message { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; } @@ -190,8 +181,7 @@ .ui.attached.message { margin-bottom: -1px; border-radius: 0.28571429rem 0.28571429rem 0em 0em; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; margin-left: -1px; margin-right: -1px; } @@ -202,8 +192,7 @@ .ui.bottom.attached.message { margin-top: -1px; border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); } .ui.bottom.attached.message:not(:last-child) { margin-bottom: 1em; @@ -217,19 +206,13 @@ ---------------*/ .ui.icon.message { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .ui.icon.message > .icon:not(.close) { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + flex: 0 0 auto; width: auto; line-height: 1; vertical-align: middle; @@ -238,9 +221,7 @@ } .ui.icon.message > .content { display: block; - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; vertical-align: middle; } .ui.icon.message .icon:not(.close) + .content { @@ -255,8 +236,7 @@ ---------------*/ .ui.floating.message { - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } /*-------------- @@ -280,8 +260,7 @@ } .ui.positive.message, .ui.attached.positive.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.positive.message .header { color: #1A531B; @@ -294,8 +273,7 @@ } .ui.negative.message, .ui.attached.negative.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.negative.message .header { color: #912D2B; @@ -308,8 +286,7 @@ } .ui.info.message, .ui.attached.info.message { - -webkit-box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.info.message .header { color: #0E566C; @@ -322,8 +299,7 @@ } .ui.warning.message, .ui.attached.warning.message { - -webkit-box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.warning.message .header { color: #794B02; @@ -336,8 +312,7 @@ } .ui.error.message, .ui.attached.error.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.error.message .header { color: #912D2B; @@ -350,8 +325,7 @@ } .ui.success.message, .ui.attached.success.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.success.message .header { color: #1A531B; @@ -366,8 +340,7 @@ .ui.red.message { background-color: #FFE8E6; color: #DB2828; - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.red.message .header { color: #c82121; @@ -375,8 +348,7 @@ .ui.orange.message { background-color: #FFEDDE; color: #F2711C; - -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.orange.message .header { color: #e7640d; @@ -384,8 +356,7 @@ .ui.yellow.message { background-color: #FFF8DB; color: #B58105; - -webkit-box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.yellow.message .header { color: #9c6f04; @@ -393,8 +364,7 @@ .ui.olive.message { background-color: #FBFDEF; color: #8ABC1E; - -webkit-box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.olive.message .header { color: #7aa61a; @@ -402,8 +372,7 @@ .ui.green.message { background-color: #E5F9E7; color: #1EBC30; - -webkit-box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.green.message .header { color: #1aa62a; @@ -411,8 +380,7 @@ .ui.teal.message { background-color: #E1F7F7; color: #10A3A3; - -webkit-box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.teal.message .header { color: #0e8c8c; @@ -420,8 +388,7 @@ .ui.blue.message { background-color: #DFF0FF; color: #2185D0; - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.blue.message .header { color: #1e77ba; @@ -429,8 +396,7 @@ .ui.violet.message { background-color: #EAE7FF; color: #6435C9; - -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.violet.message .header { color: #5a30b5; @@ -438,8 +404,7 @@ .ui.purple.message { background-color: #F6E7FF; color: #A333C8; - -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.purple.message .header { color: #922eb4; @@ -447,8 +412,7 @@ .ui.pink.message { background-color: #FFE3FB; color: #E03997; - -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.pink.message .header { color: #dd238b; @@ -456,8 +420,7 @@ .ui.brown.message { background-color: #F1E2D3; color: #A5673F; - -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .ui.brown.message .header { color: #935b38; @@ -502,4 +465,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_modal.scss b/sass/semantic/_modal.scss index 4a6c3605..b5a19fcd 100755 --- a/sass/semantic/_modal.scss +++ b/sass/semantic/_modal.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Modal + * # Semantic UI 2.5.0 - Modal * http://github.com/semantic-org/semantic-ui/ * * @@ -20,13 +20,9 @@ text-align: left; background: #FFFFFF; border: none; - -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); + transform-origin: 50% 25%; + flex: 0 0 auto; border-radius: 0.28571429rem; -webkit-user-select: text; -moz-user-select: text; @@ -81,8 +77,7 @@ background: #FFFFFF; margin: 0em; padding: 1.25rem 1.5rem; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(34, 36, 38, 0.15); } @@ -105,53 +100,37 @@ background: #FFFFFF; } .ui.modal > .image.content { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; } /* Image */ .ui.modal > .content > .image { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + flex: 0 1 auto; width: ''; - -ms-flex-item-align: top; - align-self: top; + align-self: top; } .ui.modal > [class*="top aligned"] { - -ms-flex-item-align: top; - align-self: top; + align-self: top; } .ui.modal > [class*="middle aligned"] { - -ms-flex-item-align: middle; - align-self: middle; + align-self: middle; } .ui.modal > [class*="stretched"] { - -ms-flex-item-align: stretch; - align-self: stretch; + align-self: stretch; } /* Description */ .ui.modal > .content > .description { display: block; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; min-width: 0px; - -ms-flex-item-align: top; - align-self: top; + align-self: top; } .ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description { - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + flex: 0 1 auto; min-width: ''; width: auto; padding-left: 2em; @@ -244,10 +223,7 @@ } /*rtl:ignore*/ .ui.modal .image.content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .ui.modal .content > .image { display: block; @@ -266,8 +242,7 @@ width: 100% !important; margin: 0em !important; padding: 1rem 0rem !important; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } /* Let Buttons Stack */ @@ -285,8 +260,7 @@ ---------------*/ .ui.inverted.dimmer > .ui.modal { - -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); + box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); } @@ -298,8 +272,7 @@ background-color: transparent; border: none; border-radius: 0em; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; color: #FFFFFF; } .ui.basic.modal > .header, @@ -396,9 +369,7 @@ overflow: hidden; } .scrolling.dimmable > .dimmer { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .scrolling.dimmable.dimmed > .dimmer { overflow: auto; @@ -612,4 +583,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_nag.scss b/sass/semantic/_nag.scss index 9babf46c..d6002c32 100755 --- a/sass/semantic/_nag.scss +++ b/sass/semantic/_nag.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Nag + * # Semantic UI 2.5.0 - Nag * http://github.com/semantic-org/semantic-ui/ * * @@ -25,13 +25,11 @@ margin: 0em; padding: 0.75em 1em; background: #555555; - -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); font-size: 1rem; text-align: center; color: rgba(0, 0, 0, 0.87); border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-transition: 0.2s background ease; transition: 0.2s background ease; } a.ui.nag { @@ -51,7 +49,6 @@ a.ui.nag { font-size: 1em; margin: -0.5em 0em 0em; color: #FFFFFF; - -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } @@ -145,4 +142,3 @@ a.ui.nag { /******************************* User Overrides *******************************/ - diff --git a/sass/semantic/_placeholder.scss b/sass/semantic/_placeholder.scss index 34f15f1b..51c903fd 100644 --- a/sass/semantic/_placeholder.scss +++ b/sass/semantic/_placeholder.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Loader + * # Semantic UI 2.5.0 - Loader * http://github.com/semantic-org/semantic-ui/ * * @@ -20,8 +20,6 @@ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #FFFFFF; - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.08)), color-stop(15%, rgba(0, 0, 0, 0.15)), color-stop(30%, rgba(0, 0, 0, 0.08))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%); background-size: 1200px 100%; max-width: 30rem; @@ -189,8 +187,6 @@ /* Inverted Content Loader */ .ui.inverted.placeholder { - background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.08)), color-stop(15%, rgba(255, 255, 255, 0.14)), color-stop(30%, rgba(255, 255, 255, 0.08))); - background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%); } .ui.inverted.placeholder, @@ -236,4 +232,4 @@ .ui.fluid.placeholder { max-width: none; -} +} \ No newline at end of file diff --git a/sass/semantic/_popup.scss b/sass/semantic/_popup.scss index 955d869f..72d50a43 100755 --- a/sass/semantic/_popup.scss +++ b/sass/semantic/_popup.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Popup + * # Semantic UI 2.5.0 - Popup * http://github.com/semantic-org/semantic-ui/ * * @@ -33,8 +33,7 @@ font-style: normal; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .ui.popup > .header { padding: 0em; @@ -52,11 +51,9 @@ width: 0.71428571em; height: 0.71428571em; background: #FFFFFF; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - box-shadow: 1px 1px 0px 0px #bababc; + box-shadow: 1px 1px 0px 0px #bababc; } @@ -84,11 +81,9 @@ width: 0.71428571em; height: 0.71428571em; background: #FFFFFF; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - box-shadow: 1px 1px 0px 0px #bababc; + box-shadow: 1px 1px 0px 0px #bababc; } /* Popup */ @@ -109,8 +104,7 @@ font-style: normal; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); z-index: 1; } @@ -126,8 +120,7 @@ } [data-tooltip]:not([data-position]):after { left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + transform: translateX(-50%); bottom: 100%; margin-bottom: 0.5em; } @@ -140,18 +133,13 @@ } [data-tooltip]:before { opacity: 0; - -webkit-transform: rotate(45deg) scale(0) !important; - transform: rotate(45deg) scale(0) !important; - -webkit-transform-origin: center top; - transform-origin: center top; - -webkit-transition: all 0.1s ease; + transform: rotate(45deg) scale(0) !important; + transform-origin: center top; transition: all 0.1s ease; } [data-tooltip]:after { opacity: 1; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-transition: all 0.1s ease; + transform-origin: center bottom; transition: all 0.1s ease; } [data-tooltip]:hover:before, @@ -160,8 +148,7 @@ pointer-events: auto; } [data-tooltip]:hover:before { - -webkit-transform: rotate(45deg) scale(1) !important; - transform: rotate(45deg) scale(1) !important; + transform: rotate(45deg) scale(1) !important; opacity: 1; } @@ -169,37 +156,31 @@ [data-tooltip]:after, [data-tooltip][data-position="top center"]:after, [data-tooltip][data-position="bottom center"]:after { - -webkit-transform: translateX(-50%) scale(0) !important; - transform: translateX(-50%) scale(0) !important; + transform: translateX(-50%) scale(0) !important; } [data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after { - -webkit-transform: translateX(-50%) scale(1) !important; - transform: translateX(-50%) scale(1) !important; + transform: translateX(-50%) scale(1) !important; } [data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after { - -webkit-transform: translateY(-50%) scale(0) !important; - transform: translateY(-50%) scale(0) !important; + transform: translateY(-50%) scale(0) !important; } [data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after { - -webkit-transform: translateY(-50%) scale(1) !important; - transform: translateY(-50%) scale(1) !important; + transform: translateY(-50%) scale(1) !important; } [data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after, [data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after { - -webkit-transform: scale(0) !important; - transform: scale(0) !important; + transform: scale(0) !important; } [data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after, [data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after { - -webkit-transform: scale(1) !important; - transform: scale(1) !important; + transform: scale(1) !important; } /*-------------- @@ -209,8 +190,7 @@ /* Arrow */ [data-tooltip][data-inverted]:before { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } /* Arrow Position */ @@ -223,8 +203,7 @@ background: #1B1C1D; color: #FFFFFF; border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } [data-tooltip][data-inverted]:after .header { background-color: none; @@ -242,8 +221,7 @@ right: auto; left: 50%; bottom: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + transform: translateX(-50%); margin-bottom: 0.5em; } [data-position="top center"][data-tooltip]:before { @@ -296,8 +274,7 @@ right: auto; left: 50%; top: 100%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + transform: translateX(-50%); margin-top: 0.5em; } [data-position="bottom center"][data-tooltip]:before { @@ -344,8 +321,7 @@ right: 100%; top: 50%; margin-right: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); } [data-position="left center"][data-tooltip]:before { right: 100%; @@ -359,8 +335,7 @@ left: 100%; top: 50%; margin-left: 0.5em; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + transform: translateY(-50%); } [data-position="right center"][data-tooltip]:before { left: 100%; @@ -372,18 +347,15 @@ /* Arrow */ [data-position~="bottom"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + box-shadow: -1px -1px 0px 0px #bababc; } [data-position="left center"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; + box-shadow: 1px -1px 0px 0px #bababc; } [data-position="right center"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; + box-shadow: -1px 1px 0px 0px #bababc; } [data-position~="top"][data-tooltip]:before { background: #FFFFFF; @@ -392,45 +364,36 @@ /* Inverted Arrow Color */ [data-inverted][data-position~="bottom"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + box-shadow: -1px -1px 0px 0px #bababc; } [data-inverted][data-position="left center"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; + box-shadow: 1px -1px 0px 0px #bababc; } [data-inverted][data-position="right center"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; + box-shadow: -1px 1px 0px 0px #bababc; } [data-inverted][data-position~="top"][data-tooltip]:before { background: #1B1C1D; } [data-position~="bottom"][data-tooltip]:before { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; + transform-origin: center bottom; } [data-position~="bottom"][data-tooltip]:after { - -webkit-transform-origin: center top; - transform-origin: center top; + transform-origin: center top; } [data-position="left center"][data-tooltip]:before { - -webkit-transform-origin: top center; - transform-origin: top center; + transform-origin: top center; } [data-position="left center"][data-tooltip]:after { - -webkit-transform-origin: right center; - transform-origin: right center; + transform-origin: right center; } [data-position="right center"][data-tooltip]:before { - -webkit-transform-origin: right center; - transform-origin: right center; + transform-origin: right center; } [data-position="right center"][data-tooltip]:after { - -webkit-transform-origin: left center; - transform-origin: left center; + transform-origin: left center; } /*-------------- @@ -446,28 +409,23 @@ margin: 0em 0em 0.71428571em; } .ui.top.left.popup { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; + transform-origin: left bottom; } .ui.top.center.popup { - -webkit-transform-origin: center bottom; - transform-origin: center bottom; + transform-origin: center bottom; } .ui.top.right.popup { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; + transform-origin: right bottom; } /* Extending from Vertical Center */ .ui.left.center.popup { margin: 0em 0.71428571em 0em 0em; - -webkit-transform-origin: right 50%; - transform-origin: right 50%; + transform-origin: right 50%; } .ui.right.center.popup { margin: 0em 0em 0em 0.71428571em; - -webkit-transform-origin: left 50%; - transform-origin: left 50%; + transform-origin: left 50%; } /* Extending from Bottom */ @@ -475,16 +433,13 @@ margin: 0.71428571em 0em 0em; } .ui.bottom.left.popup { - -webkit-transform-origin: left top; - transform-origin: left top; + transform-origin: left top; } .ui.bottom.center.popup { - -webkit-transform-origin: center top; - transform-origin: center top; + transform-origin: center top; } .ui.bottom.right.popup { - -webkit-transform-origin: right top; - transform-origin: right top; + transform-origin: right top; } /*-------------- @@ -500,8 +455,7 @@ left: 50%; right: auto; bottom: auto; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + box-shadow: -1px -1px 0px 0px #bababc; } .ui.bottom.left.popup { margin-left: 0em; @@ -513,8 +467,7 @@ right: auto; bottom: auto; margin-left: 0em; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + box-shadow: -1px -1px 0px 0px #bababc; } .ui.bottom.right.popup { margin-right: 0em; @@ -526,8 +479,7 @@ bottom: auto; left: auto; margin-left: 0em; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + box-shadow: -1px -1px 0px 0px #bababc; } /*--- Above ---*/ @@ -571,8 +523,7 @@ bottom: auto; left: auto; margin-top: -0.30714286em; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; + box-shadow: 1px -1px 0px 0px #bababc; } /*--- Right Center ---*/ @@ -584,8 +535,7 @@ bottom: auto; right: auto; margin-top: -0.30714286em; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; + box-shadow: -1px 1px 0px 0px #bababc; } /* Arrow Color By Location */ @@ -639,8 +589,7 @@ display: block; } .ui.visible.popup { - -webkit-transform: translateZ(0px); - transform: translateZ(0px); + transform: translateZ(0px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @@ -695,8 +644,7 @@ background: #1B1C1D; color: #FFFFFF; border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.inverted.popup .header { background-color: none; @@ -704,8 +652,7 @@ } .ui.inverted.popup:before { background-color: #1B1C1D; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } /*-------------- @@ -749,4 +696,3 @@ /******************************* User Overrides *******************************/ - diff --git a/sass/semantic/_progress.scss b/sass/semantic/_progress.scss index 6e3421cc..43110406 100755 --- a/sass/semantic/_progress.scss +++ b/sass/semantic/_progress.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Progress Bar + * # Semantic UI 2.5.0 - Progress Bar * http://github.com/semantic-org/semantic-ui/ * * @@ -19,8 +19,7 @@ max-width: 100%; border: none; margin: 1em 0em 2.5em; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; background: rgba(0, 0, 0, 0.1); padding: 0em; border-radius: 0.28571429rem; @@ -47,7 +46,6 @@ min-width: 2em; background: #888888; border-radius: 0.28571429rem; - -webkit-transition: width 0.1s ease, background-color 0.1s ease; transition: width 0.1s ease, background-color 0.1s ease; } @@ -82,7 +80,6 @@ text-shadow: none; margin-top: 0.2em; text-align: center; - -webkit-transition: color 0.4s ease; transition: color 0.4s ease; } @@ -514,4 +511,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_rail.scss b/sass/semantic/_rail.scss index a2bb044d..7b061a16 100755 --- a/sass/semantic/_rail.scss +++ b/sass/semantic/_rail.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Rail + * # Semantic UI 2.5.0 - Rail * http://github.com/semantic-org/semantic-ui/ * * @@ -149,4 +149,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_rating.scss b/sass/semantic/_rating.scss index d216c73a..8fcfb247 100755 --- a/sass/semantic/_rating.scss +++ b/sass/semantic/_rating.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Rating + * # Semantic UI 2.5.0 - Rating * http://github.com/semantic-org/semantic-ui/ * * @@ -14,8 +14,6 @@ *******************************/ .ui.rating { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; vertical-align: baseline; @@ -31,13 +29,10 @@ text-align: center; font-weight: normal; font-style: normal; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; + flex: 1 0 auto; cursor: pointer; width: 1.25em; height: auto; - -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; } @@ -260,4 +255,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_reset.scss b/sass/semantic/_reset.scss index 451ce77f..91dee8c0 100755 --- a/sass/semantic/_reset.scss +++ b/sass/semantic/_reset.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Reset + * # Semantic UI 2.5.0 - Reset * http://github.com/semantic-org/semantic-ui/ * * @@ -18,12 +18,10 @@ *, *:before, *:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; + box-sizing: inherit; } html { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } /* iPad Input Shadows */ @@ -109,8 +107,7 @@ figure { * 2. Show the overflow in Edge and IE. */ hr { - -webkit-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; /* 1 */ height: 0; @@ -346,8 +343,7 @@ fieldset { * `fieldset` elements in all browsers. */ legend { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; /* 1 */ color: inherit; @@ -390,8 +386,7 @@ textarea { */ [type="checkbox"], [type="radio"] { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; /* 1 */ padding: 0; @@ -482,4 +477,3 @@ template { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_reveal.scss b/sass/semantic/_reveal.scss index ab209a13..c90ff768 100755 --- a/sass/semantic/_reveal.scss +++ b/sass/semantic/_reveal.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Reveal + * # Semantic UI 2.5.0 - Reveal * http://github.com/semantic-org/semantic-ui/ * * @@ -23,7 +23,6 @@ top: 0em !important; left: 0em !important; z-index: 3 !important; - -webkit-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; } .ui.reveal > .hidden.content { @@ -58,10 +57,7 @@ white-space: normal; float: left; margin: 0em; - -webkit-transition: -webkit-transform 0.5s ease 0.1s; - transition: -webkit-transform 0.5s ease 0.1s; transition: transform 0.5s ease 0.1s; - transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s; } .ui.slide.reveal > .visible.content { position: relative !important; @@ -70,64 +66,51 @@ position: absolute !important; left: 0% !important; width: 100% !important; - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; + transform: translateX(100%) !important; } .ui.slide.active.reveal > .visible.content, .ui.slide.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; + transform: translateX(-100%) !important; } .ui.slide.active.reveal > .hidden.content, .ui.slide.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; + transform: translateX(0%) !important; } .ui.slide.right.reveal > .visible.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; + transform: translateX(0%) !important; } .ui.slide.right.reveal > .hidden.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; + transform: translateX(-100%) !important; } .ui.slide.right.active.reveal > .visible.content, .ui.slide.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; + transform: translateX(100%) !important; } .ui.slide.right.active.reveal > .hidden.content, .ui.slide.right.reveal:hover > .hidden.content { - -webkit-transform: translateX(0%) !important; - transform: translateX(0%) !important; + transform: translateX(0%) !important; } .ui.slide.up.reveal > .hidden.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; + transform: translateY(100%) !important; } .ui.slide.up.active.reveal > .visible.content, .ui.slide.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; + transform: translateY(-100%) !important; } .ui.slide.up.active.reveal > .hidden.content, .ui.slide.up.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - transform: translateY(0%) !important; + transform: translateY(0%) !important; } .ui.slide.down.reveal > .hidden.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; + transform: translateY(-100%) !important; } .ui.slide.down.active.reveal > .visible.content, .ui.slide.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; + transform: translateY(100%) !important; } .ui.slide.down.active.reveal > .hidden.content, .ui.slide.down.reveal:hover > .hidden.content { - -webkit-transform: translateY(0%) !important; - transform: translateY(0%) !important; + transform: translateY(0%) !important; } /*-------------- @@ -156,10 +139,7 @@ float: left; white-space: normal; margin: 0em; - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; } .ui.move.reveal > .visible.content { position: relative !important; @@ -171,23 +151,19 @@ } .ui.move.active.reveal > .visible.content, .ui.move.reveal:hover > .visible.content { - -webkit-transform: translateX(-100%) !important; - transform: translateX(-100%) !important; + transform: translateX(-100%) !important; } .ui.move.right.active.reveal > .visible.content, .ui.move.right.reveal:hover > .visible.content { - -webkit-transform: translateX(100%) !important; - transform: translateX(100%) !important; + transform: translateX(100%) !important; } .ui.move.up.active.reveal > .visible.content, .ui.move.up.reveal:hover > .visible.content { - -webkit-transform: translateY(-100%) !important; - transform: translateY(-100%) !important; + transform: translateY(-100%) !important; } .ui.move.down.active.reveal > .visible.content, .ui.move.down.reveal:hover > .visible.content { - -webkit-transform: translateY(100%) !important; - transform: translateY(100%) !important; + transform: translateY(100%) !important; } /*-------------- @@ -195,31 +171,25 @@ ---------------*/ .ui.rotate.reveal > .visible.content { - -webkit-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transition-duration: 0.5s; + transform: rotate(0deg); } .ui.rotate.reveal > .visible.content, .ui.rotate.right.reveal > .visible.content { - -webkit-transform-origin: bottom right; - transform-origin: bottom right; + transform-origin: bottom right; } .ui.rotate.active.reveal > .visible.content, .ui.rotate.reveal:hover > .visible.content, .ui.rotate.right.active.reveal > .visible.content, .ui.rotate.right.reveal:hover > .visible.content { - -webkit-transform: rotate(110deg); - transform: rotate(110deg); + transform: rotate(110deg); } .ui.rotate.left.reveal > .visible.content { - -webkit-transform-origin: bottom left; - transform-origin: bottom left; + transform-origin: bottom left; } .ui.rotate.left.active.reveal > .visible.content, .ui.rotate.left.reveal:hover > .visible.content { - -webkit-transform: rotate(-110deg); - transform: rotate(-110deg); + transform: rotate(-110deg); } @@ -235,8 +205,7 @@ left: 0 !important; right: auto !important; bottom: auto !important; - -webkit-transform: none !important; - transform: none !important; + transform: none !important; } .ui.disabled.reveal:hover > .hidden.hidden.content { display: none !important; @@ -270,8 +239,7 @@ ---------------*/ .ui.instant.reveal > .content { - -webkit-transition-delay: 0s !important; - transition-delay: 0s !important; + transition-delay: 0s !important; } /*-------------- @@ -292,4 +260,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_search.scss b/sass/semantic/_search.scss index 2185fd8f..7b12c984 100755 --- a/sass/semantic/_search.scss +++ b/sass/semantic/_search.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Search + * # Semantic UI 2.5.0 - Search * http://github.com/semantic-org/semantic-ui/ * * @@ -30,12 +30,8 @@ background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; - -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; + box-shadow: 0em 0em 0em 0em transparent inset; transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; - transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; } .ui.search .prompt { border-radius: 500rem; @@ -58,8 +54,7 @@ position: absolute; top: 100%; left: 0%; - -webkit-transform-origin: center top; - transform-origin: center top; + transform-origin: center top; white-space: normal; text-align: left; text-transform: none; @@ -67,8 +62,7 @@ margin-top: 0.5em; width: 18em; border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); border: 1px solid #D4D4D5; z-index: 998; } @@ -213,8 +207,7 @@ border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; } /*-------------- @@ -244,8 +237,7 @@ position: relative; border-left-color: rgba(34, 36, 38, 0.1); background: #F3F4F5; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.search > .results .result.active .title { color: rgba(0, 0, 0, 0.85); @@ -289,7 +281,6 @@ color: ''; top: 0em; right: 0em; - -webkit-transition: color 0.1s ease, opacity 0.1s ease; transition: color 0.1s ease, opacity 0.1s ease; } .ui.search.selection > .icon.input > .active.remove.icon { @@ -321,9 +312,7 @@ .ui.category.search > .results .category { display: table-row; background: #F3F4F5; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: background 0.1s ease, border-color 0.1s ease; + box-shadow: none; transition: background 0.1s ease, border-color 0.1s ease; } @@ -364,7 +353,6 @@ } .ui.category.search > .results .category .result { border-bottom: 1px solid rgba(34, 36, 38, 0.1); - -webkit-transition: background 0.1s ease, border-color 0.1s ease; transition: background 0.1s ease, border-color 0.1s ease; padding: 0.85714286em 1.14285714em; } @@ -442,4 +430,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_segment.scss b/sass/semantic/_segment.scss index ce332606..28a82806 100755 --- a/sass/semantic/_segment.scss +++ b/sass/semantic/_segment.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Segment + * # Semantic UI 2.5.0 - Segment * http://github.com/semantic-org/semantic-ui/ * * @@ -16,8 +16,7 @@ .ui.segment { position: relative; background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); margin: 1rem 0em; padding: 1em 1em; border-radius: 0.28571429rem; @@ -37,8 +36,7 @@ padding-right: 0em; background: none transparent; border-radius: 0px; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: none; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } @@ -90,8 +88,7 @@ .ui.basic.table.segment { background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); } .ui[class*="very basic"].table.segment { padding: 1em 1em; @@ -108,19 +105,10 @@ --------------------*/ .ui.placeholder.segment { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + flex-direction: column; + justify-content: center; + align-items: stretch; max-width: initial; -webkit-animation: none; animation: none; @@ -129,8 +117,7 @@ min-height: 18rem; background: #F9FAFB; border-color: rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset; - box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset; + box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset; } .ui.placeholder.segment .button, .ui.placeholder.segment textarea { @@ -153,8 +140,7 @@ margin-right: auto; } .ui.placeholder.segment > .inline { - -ms-flex-item-align: center; - align-self: center; + align-self: center; } .ui.placeholder.segment > .inline > .button { display: inline-block; @@ -172,8 +158,7 @@ .ui.piled.segments, .ui.piled.segment { margin: 3em 0em; - -webkit-box-shadow: ''; - box-shadow: ''; + box-shadow: ''; z-index: auto; } .ui.piled.segment:first-child { @@ -195,20 +180,17 @@ position: absolute; width: 100%; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: ''; - box-shadow: ''; + box-shadow: ''; } .ui.piled.segments:before, .ui.piled.segment:before { - -webkit-transform: rotate(-1.2deg); - transform: rotate(-1.2deg); + transform: rotate(-1.2deg); top: 0; z-index: -2; } .ui.piled.segments:after, .ui.piled.segment:after { - -webkit-transform: rotate(1.2deg); - transform: rotate(1.2deg); + transform: rotate(1.2deg); top: 0; z-index: -1; } @@ -299,16 +281,12 @@ /* Compact Group */ .ui.compact.segments { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; } .ui.compact.segments .segment, .ui.segments .compact.segment { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; + flex: 0 1 auto; } /*------------------- @@ -329,8 +307,7 @@ .ui.raised.segments, .ui.raised.segment { - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } @@ -341,15 +318,11 @@ /* Group */ .ui.segments { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; position: relative; margin: 1rem 0em; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; } .ui.segments:first-child { @@ -366,8 +339,7 @@ border-radius: 0px; margin: 0em; width: auto; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: none; border-top: 1px solid rgba(34, 36, 38, 0.15); } @@ -386,8 +358,7 @@ bottom: 0px; margin-top: 0em; margin-bottom: 0em; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; border-radius: 0em 0em 0.28571429rem 0.28571429rem; } @@ -410,19 +381,13 @@ /* Horizontal Group */ .ui.horizontal.segments { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; background-color: transparent; border-radius: 0px; padding: 0em; background-color: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); margin: 1rem 0em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); @@ -434,15 +399,13 @@ background-color: transparent; border-radius: 0px; border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-top: 1px solid rgba(34, 36, 38, 0.15); } /* Horizontal Segment */ .ui.horizontal.segments > .segment { - -webkit-box-flex: 1; - flex: 1 1 auto; + flex: 1 1 auto; -ms-flex: 1 1 0px; /* Solves #2550 MS Flex */ @@ -451,8 +414,7 @@ background-color: transparent; border-radius: 0px; border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-left: 1px solid rgba(34, 36, 38, 0.15); } @@ -489,7 +451,6 @@ pointer-events: none; text-shadow: none !important; color: transparent !important; - -webkit-transition: all 0s linear; transition: all 0s linear; } .ui.loading.segment:before { @@ -519,29 +480,24 @@ border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; visibility: visible; z-index: 101; } @-webkit-keyframes segment-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes segment-spin { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + transform: rotate(360deg); } } @@ -557,8 +513,7 @@ .ui.basic.segment { background: none transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: none; border-radius: 0px; } @@ -731,8 +686,7 @@ .ui.inverted.segment { border: none; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.inverted.segment, .ui.primary.inverted.segment { @@ -764,8 +718,6 @@ color: rgba(0, 0, 0, 0.6); } .ui.secondary.inverted.segment { - background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); color: rgba(255, 255, 255, 0.8); } @@ -776,8 +728,6 @@ color: rgba(0, 0, 0, 0.6); } .ui.tertiary.inverted.segment { - background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); color: rgba(255, 255, 255, 0.8); } @@ -795,8 +745,7 @@ margin: 0em -1px; width: calc(100% - (-1px * 2)); max-width: calc(100% - (-1px * 2)); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: 1px solid #D4D4D5; } .ui.attached:not(.message) + .ui.attached.segment:not(.top) { @@ -821,8 +770,7 @@ margin-top: 0em; top: 0px; margin-bottom: 1rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; border-radius: 0em 0em 0.28571429rem 0.28571429rem; } .ui.segment[class*="bottom attached"]:last-child { @@ -876,4 +824,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_shape.scss b/sass/semantic/_shape.scss index 9219454a..4cb068d3 100755 --- a/sass/semantic/_shape.scss +++ b/sass/semantic/_shape.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Shape + * # Semantic UI 2.5.0 - Shape * http://github.com/semantic-org/semantic-ui/ * * @@ -17,16 +17,11 @@ position: relative; vertical-align: top; display: inline-block; - -webkit-perspective: 2000px; - perspective: 2000px; - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; + perspective: 2000px; transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } .ui.shape .sides { - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; + transform-style: preserve-3d; } .ui.shape .side { opacity: 1; @@ -54,8 +49,7 @@ padding: 2em; background-color: #E6E6E6; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } .ui.cube.shape .side > .content { width: 100%; @@ -127,13 +121,9 @@ position: absolute; } .ui.shape.animating .sides { - -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; - transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; - transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } .ui.shape.animating .side { - -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } @@ -155,4 +145,3 @@ /******************************* User Overrides *******************************/ - diff --git a/sass/semantic/_sidebar.scss b/sass/semantic/_sidebar.scss index 00d46978..cd862712 100755 --- a/sass/semantic/_sidebar.scss +++ b/sass/semantic/_sidebar.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Sidebar + * # Semantic UI 2.5.0 - Sidebar * http://github.com/semantic-org/semantic-ui/ * * @@ -21,11 +21,9 @@ left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; - -webkit-transition: none; transition: none; will-change: transform; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); visibility: hidden; -webkit-overflow-scrolling: touch; height: 100% !important; @@ -49,14 +47,12 @@ .ui.left.sidebar { right: auto; left: 0px; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .ui.right.sidebar { right: 0px !important; left: auto !important; - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0%, 0); } .ui.top.sidebar, .ui.bottom.sidebar { @@ -66,14 +62,12 @@ .ui.top.sidebar { top: 0px !important; bottom: auto !important; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } .ui.bottom.sidebar { top: auto !important; bottom: 0px !important; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } /*-------------- @@ -93,8 +87,7 @@ body.pushable { /* Page Context */ .pushable:not(body) { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .pushable:not(body) > .ui.sidebar, .pushable:not(body) > .fixed, @@ -110,10 +103,7 @@ body.pushable { position: fixed; -webkit-backface-visibility: hidden; backface-visibility: hidden; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; will-change: transform; z-index: 101; } @@ -128,10 +118,7 @@ body.pushable { backface-visibility: hidden; overflow: hidden; min-height: 100%; - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 2; } body.pushable > .pusher { @@ -155,7 +142,6 @@ body.pushable > .pusher { background-color: rgba(0, 0, 0, 0.4); overflow: hidden; opacity: 0; - -webkit-transition: opacity 500ms; transition: opacity 500ms; will-change: opacity; z-index: 1000; @@ -199,42 +185,35 @@ body.pushable > .pusher { .ui.visible.sidebar { visibility: visible; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } /* Shadow Direction */ .ui.left.visible.sidebar, .ui.right.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); + box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); } .ui.top.visible.sidebar, .ui.bottom.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); + box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); } /* Visible On Load */ .ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(260px, 0, 0); - transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); } .ui.visible.right.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-260px, 0, 0); - transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); } .ui.visible.top.sidebar ~ .fixed, .ui.visible.top.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 36px, 0); - transform: translate3d(0, 36px, 0); + transform: translate3d(0, 36px, 0); } .ui.visible.bottom.sidebar ~ .fixed, .ui.visible.bottom.sidebar ~ .pusher { - -webkit-transform: translate3d(0, -36px, 0); - transform: translate3d(0, -36px, 0); + transform: translate3d(0, -36px, 0); } /* opposite sides visible forces content overlay */ @@ -242,8 +221,7 @@ body.pushable > .pusher { .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } /*-------------- @@ -287,45 +265,37 @@ body.pushable > .pusher { /* Left Visible */ .ui.visible.thin.left.sidebar ~ .fixed, .ui.visible.thin.left.sidebar ~ .pusher { - -webkit-transform: translate3d(150px, 0, 0); - transform: translate3d(150px, 0, 0); + transform: translate3d(150px, 0, 0); } .ui.visible[class*="very thin"].left.sidebar ~ .fixed, .ui.visible[class*="very thin"].left.sidebar ~ .pusher { - -webkit-transform: translate3d(60px, 0, 0); - transform: translate3d(60px, 0, 0); + transform: translate3d(60px, 0, 0); } .ui.visible.wide.left.sidebar ~ .fixed, .ui.visible.wide.left.sidebar ~ .pusher { - -webkit-transform: translate3d(350px, 0, 0); - transform: translate3d(350px, 0, 0); + transform: translate3d(350px, 0, 0); } .ui.visible[class*="very wide"].left.sidebar ~ .fixed, .ui.visible[class*="very wide"].left.sidebar ~ .pusher { - -webkit-transform: translate3d(475px, 0, 0); - transform: translate3d(475px, 0, 0); + transform: translate3d(475px, 0, 0); } /* Right Visible */ .ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-150px, 0, 0); - transform: translate3d(-150px, 0, 0); + transform: translate3d(-150px, 0, 0); } .ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-60px, 0, 0); - transform: translate3d(-60px, 0, 0); + transform: translate3d(-60px, 0, 0); } .ui.visible.wide.right.sidebar ~ .fixed, .ui.visible.wide.right.sidebar ~ .pusher { - -webkit-transform: translate3d(-350px, 0, 0); - transform: translate3d(-350px, 0, 0); + transform: translate3d(-350px, 0, 0); } .ui.visible[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher { - -webkit-transform: translate3d(-475px, 0, 0); - transform: translate3d(-475px, 0, 0); + transform: translate3d(-475px, 0, 0); } @@ -346,54 +316,42 @@ body.pushable > .pusher { /* Initial */ .ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0%, 0); - transform: translate3d(-100%, 0%, 0); + transform: translate3d(-100%, 0%, 0); } .ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0%, 0); } .ui.top.overlay.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); + transform: translate3d(0%, -100%, 0); } .ui.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); + transform: translate3d(0%, 100%, 0); } /* Animation */ .animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } /* End - Sidebar */ .ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); } .ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); } .ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); } .ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); } /* End - Pusher */ .ui.visible.overlay.sidebar ~ .fixed, .ui.visible.overlay.sidebar ~ .pusher { - -webkit-transform: none !important; - transform: none !important; + transform: none !important; } /*-------------- @@ -403,35 +361,27 @@ body.pushable > .pusher { /* Initial */ .ui.push.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 102; } /* Sidebar - Initial */ .ui.left.push.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .ui.right.push.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } .ui.top.push.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); + transform: translate3d(0%, -100%, 0); } .ui.bottom.push.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); + transform: translate3d(0%, 100%, 0); } /* End */ .ui.visible.push.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); } /*-------------- @@ -441,19 +391,14 @@ body.pushable > .pusher { /* Initial */ .ui.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); z-index: 1; } /* End */ .ui.visible.uncover.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; + transform: translate3d(0, 0, 0); transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } /*-------------- @@ -468,34 +413,26 @@ body.pushable > .pusher { /* Sidebar - Initial */ .ui.left.slide.along.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); } .ui.right.slide.along.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); + transform: translate3d(50%, 0, 0); } .ui.top.slide.along.sidebar { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); } .ui.bottom.slide.along.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); + transform: translate3d(0%, 50%, 0); } /* Animation */ .ui.animating.slide.along.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } /* End */ .ui.visible.slide.along.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); } /*-------------- @@ -510,34 +447,26 @@ body.pushable > .pusher { /* Sidebar - Initial */ .ui.left.slide.out.sidebar { - -webkit-transform: translate3d(50%, 0, 0); - transform: translate3d(50%, 0, 0); + transform: translate3d(50%, 0, 0); } .ui.right.slide.out.sidebar { - -webkit-transform: translate3d(-50%, 0, 0); - transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); } .ui.top.slide.out.sidebar { - -webkit-transform: translate3d(0%, 50%, 0); - transform: translate3d(0%, 50%, 0); + transform: translate3d(0%, 50%, 0); } .ui.bottom.slide.out.sidebar { - -webkit-transform: translate3d(0%, -50%, 0); - transform: translate3d(0%, -50%, 0); + transform: translate3d(0%, -50%, 0); } /* Animation */ .ui.animating.slide.out.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } /* End */ .ui.visible.slide.out.sidebar { - -webkit-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); } /*-------------- @@ -547,55 +476,41 @@ body.pushable > .pusher { /* Initial */ .ui.scale.down.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 102; } /* Sidebar - Initial */ .ui.left.scale.down.sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .ui.right.scale.down.sidebar { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } .ui.top.scale.down.sidebar { - -webkit-transform: translate3d(0%, -100%, 0); - transform: translate3d(0%, -100%, 0); + transform: translate3d(0%, -100%, 0); } .ui.bottom.scale.down.sidebar { - -webkit-transform: translate3d(0%, 100%, 0); - transform: translate3d(0%, 100%, 0); + transform: translate3d(0%, 100%, 0); } /* Pusher - Initial */ .ui.scale.down.left.sidebar ~ .pusher { - -webkit-transform-origin: 75% 50%; - transform-origin: 75% 50%; + transform-origin: 75% 50%; } .ui.scale.down.right.sidebar ~ .pusher { - -webkit-transform-origin: 25% 50%; - transform-origin: 25% 50%; + transform-origin: 25% 50%; } .ui.scale.down.top.sidebar ~ .pusher { - -webkit-transform-origin: 50% 75%; - transform-origin: 50% 75%; + transform-origin: 50% 75%; } .ui.scale.down.bottom.sidebar ~ .pusher { - -webkit-transform-origin: 50% 25%; - transform-origin: 50% 25%; + transform-origin: 50% 25%; } /* Animation */ .ui.animating.scale.down > .visible.ui.sidebar { - -webkit-transition: -webkit-transform 500ms ease; - transition: -webkit-transform 500ms ease; transition: transform 500ms ease; - transition: transform 500ms ease, -webkit-transform 500ms ease; } .ui.visible.scale.down.sidebar ~ .pusher, .ui.animating.scale.down.sidebar ~ .pusher { @@ -607,12 +522,10 @@ body.pushable > .pusher { /* End */ .ui.visible.scale.down.sidebar { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .ui.visible.scale.down.sidebar ~ .pusher { - -webkit-transform: scale(0.75); - transform: scale(0.75); + transform: scale(0.75); } @@ -625,4 +538,3 @@ body.pushable > .pusher { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_site.scss b/sass/semantic/_site.scss index 8821e20e..ad0921ac 100755 --- a/sass/semantic/_site.scss +++ b/sass/semantic/_site.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Site + * # Semantic UI 2.5.0 - Site * http://github.com/semantic-org/semantic-ui/ * * @@ -191,6 +191,10 @@ input::-moz-selection { background-color: rgba(100, 100, 100, 0.4); color: rgba(0, 0, 0, 0.87); } +textarea::-moz-selection, input::-moz-selection { + background-color: rgba(100, 100, 100, 0.4); + color: rgba(0, 0, 0, 0.87); +} textarea::selection, input::selection { background-color: rgba(100, 100, 100, 0.4); @@ -245,4 +249,3 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_statistic.scss b/sass/semantic/_statistic.scss index 04ddb9f3..91466b8b 100755 --- a/sass/semantic/_statistic.scss +++ b/sass/semantic/_statistic.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Statistic + * # Semantic UI 2.5.0 - Statistic * http://github.com/semantic-org/semantic-ui/ * * @@ -16,13 +16,8 @@ /* Standalone */ .ui.statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; margin: 1em 0em; max-width: auto; } @@ -44,32 +39,18 @@ /* Grouped */ .ui.statistics { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + align-items: flex-start; + flex-wrap: wrap; } .ui.statistics > .statistic { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex: 0 1 auto; + flex-direction: column; margin: 0em 1.5em 1em; max-width: auto; } .ui.statistics { - display: -webkit-box; - display: -ms-flexbox; display: flex; margin: 1em -1.5em -1em; } @@ -263,30 +244,17 @@ ---------------*/ .ui.horizontal.statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + flex-direction: row; + align-items: center; } .ui.horizontal.statistics { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; margin: 0em; max-width: none; } .ui.horizontal.statistics .statistic { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + flex-direction: row; + align-items: center; max-width: none; margin: 1em 0em; } @@ -563,4 +531,3 @@ /******************************* User Variable Overrides *******************************/ - diff --git a/sass/semantic/_step.scss b/sass/semantic/_step.scss index 8d352264..8d46231d 100755 --- a/sass/semantic/_step.scss +++ b/sass/semantic/_step.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Step + * # Semantic UI 2.5.0 - Step * http://github.com/semantic-org/semantic-ui/ * * @@ -14,20 +14,12 @@ *******************************/ .ui.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + flex-direction: row; + align-items: stretch; margin: 1em 0em; background: ''; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; line-height: 1.14285714em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); @@ -50,38 +42,22 @@ .ui.steps .step { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex: 1 0 auto; + flex-wrap: wrap; + flex-direction: row; vertical-align: middle; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + align-items: center; + justify-content: center; margin: 0em 0em; padding: 1.14285714em 2em; background: #FFFFFF; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-radius: 0em; border: none; border-right: 1px solid rgba(34, 36, 38, 0.15); - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } /* Arrow */ @@ -99,12 +75,8 @@ border-style: solid; border-color: rgba(34, 36, 38, 0.15); border-width: 0px 1px 1px 0px; - -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; - transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; - -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); - transform: translateY(-50%) translateX(50%) rotate(-45deg); + transform: translateY(-50%) translateX(50%) rotate(-45deg); } /* First Step */ @@ -165,16 +137,11 @@ .ui.steps .step > .icon, .ui.steps .step > .icon ~ .content { display: block; - -webkit-box-flex: 0; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -ms-flex-item-align: middle; - align-self: middle; + flex: 0 1 auto; + align-self: middle; } .ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - flex-grow: 1 0 auto; + flex-grow: 1 0 auto; } /* Horizontal Icon */ @@ -206,8 +173,7 @@ position: static; text-align: center; content: counters(ordered, "."); - -ms-flex-item-align: middle; - align-self: middle; + align-self: middle; margin-right: 1rem; font-size: 2.5em; counter-increment: ordered; @@ -216,8 +182,7 @@ } .ui.ordered.steps .step > * { display: block; - -ms-flex-item-align: middle; - align-self: middle; + align-self: middle; } /*-------------- @@ -225,19 +190,12 @@ ---------------*/ .ui.vertical.steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; overflow: visible; } .ui.vertical.steps .step { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; border-radius: 0em; padding: 1.14285714em 2em; border-right: none; @@ -285,21 +243,13 @@ /* Mobile (Default) */ @media only screen and (max-width: 767px) { .ui.steps:not(.unstackable) { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .ui.steps:not(.unstackable) .step { width: 100% !important; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; border-radius: 0em; padding: 1.14285714em 2em; } @@ -427,22 +377,14 @@ /* Tablet Or Below */ @media only screen and (max-width: 991px) { .ui[class*="tablet stackable"].steps { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; overflow: visible; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } /* Steps */ .ui[class*="tablet stackable"].steps .step { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; border-radius: 0em; padding: 1.14285714em 2em; } @@ -478,8 +420,6 @@ /* Fluid */ .ui.fluid.steps { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } @@ -537,8 +477,7 @@ .ui.six.steps > .step, .ui.seven.steps > .step, .ui.eight.steps > .step { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; } .ui.one.steps > .step { width: 100%; @@ -609,7 +548,7 @@ @font-face { font-family: 'Step'; - src: url(data:application/x-font-ttf;charset=utf-8;;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); + src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); } .ui.steps .step.completed > .icon:before, .ui.ordered.steps .step.completed:before { @@ -623,4 +562,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_sticky.scss b/sass/semantic/_sticky.scss index 51de5062..c99bd63b 100755 --- a/sass/semantic/_sticky.scss +++ b/sass/semantic/_sticky.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Sticky + * # Semantic UI 2.5.0 - Sticky * http://github.com/semantic-org/semantic-ui/ * * @@ -15,7 +15,6 @@ .ui.sticky { position: static; - -webkit-transition: none; transition: none; z-index: 800; } @@ -75,4 +74,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_tab.scss b/sass/semantic/_tab.scss index 4dd04730..88cdeadf 100755 --- a/sass/semantic/_tab.scss +++ b/sass/semantic/_tab.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Tab + * # Semantic UI 2.5.0 - Tab * http://github.com/semantic-org/semantic-ui/ * * @@ -75,8 +75,7 @@ border-color: #767676 transparent transparent; border-style: solid; border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0px 0px 0px 1px transparent; } @@ -89,4 +88,3 @@ /******************************* User Overrides *******************************/ - diff --git a/sass/semantic/_table.scss b/sass/semantic/_table.scss index 90334729..d19031fc 100755 --- a/sass/semantic/_table.scss +++ b/sass/semantic/_table.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Table + * # Semantic UI 2.5.0 - Table * http://github.com/semantic-org/semantic-ui/ * * @@ -20,8 +20,7 @@ background: #FFFFFF; margin: 1em 0em; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-radius: 0.28571429rem; text-align: left; color: rgba(0, 0, 0, 0.87); @@ -44,14 +43,12 @@ /* Table Content */ .ui.table th, .ui.table td { - -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } /* Headers */ .ui.table thead { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.table thead th { cursor: auto; @@ -81,8 +78,7 @@ /* Footer */ .ui.table tfoot { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.table tfoot th { cursor: auto; @@ -171,16 +167,14 @@ .ui.table:not(.unstackable) tr { padding-top: 1em; padding-bottom: 1em; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; + box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; } .ui.table:not(.unstackable) tr > th, .ui.table:not(.unstackable) tr > td { background: none; border: none !important; padding: 0.25em 0.75em !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .ui.table:not(.unstackable) th:first-child, .ui.table:not(.unstackable) td:first-child { @@ -189,8 +183,7 @@ /* Definition Table */ .ui.definition.table:not(.unstackable) thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } } @@ -248,26 +241,22 @@ background: transparent; font-weight: normal; color: rgba(0, 0, 0, 0.4); - -webkit-box-shadow: -1px -1px 0px 1px #FFFFFF; - box-shadow: -1px -1px 0px 1px #FFFFFF; + 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; - -webkit-box-shadow: 1px 1px 0px 1px #FFFFFF; - box-shadow: 1px 1px 0px 1px #FFFFFF; + box-shadow: 1px 1px 0px 1px #FFFFFF; } /* Remove Border */ .ui.celled.definition.table thead:not(.full-width) th:first-child { - -webkit-box-shadow: 0px -1px 0px 1px #FFFFFF; - box-shadow: 0px -1px 0px 1px #FFFFFF; + box-shadow: 0px -1px 0px 1px #FFFFFF; } .ui.celled.definition.table tfoot:not(.full-width) th:first-child { - -webkit-box-shadow: 0px 1px 0px 1px #FFFFFF; - box-shadow: 0px 1px 0px 1px #FFFFFF; + box-shadow: 0px 1px 0px 1px #FFFFFF; } /* Highlight Defining Column */ @@ -277,8 +266,7 @@ font-weight: bold; color: rgba(0, 0, 0, 0.95); text-transform: ''; - -webkit-box-shadow: ''; - box-shadow: ''; + box-shadow: ''; text-align: ''; font-size: 1em; padding-left: ''; @@ -308,8 +296,7 @@ .ui.table tr.positive, .ui.table td.positive { - -webkit-box-shadow: 0px 0px 0px #A3C293 inset; - box-shadow: 0px 0px 0px #A3C293 inset; + box-shadow: 0px 0px 0px #A3C293 inset; } .ui.table tr.positive, .ui.table td.positive { @@ -323,8 +310,7 @@ .ui.table tr.negative, .ui.table td.negative { - -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset; - box-shadow: 0px 0px 0px #E0B4B4 inset; + box-shadow: 0px 0px 0px #E0B4B4 inset; } .ui.table tr.negative, .ui.table td.negative { @@ -338,8 +324,7 @@ .ui.table tr.error, .ui.table td.error { - -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset; - box-shadow: 0px 0px 0px #E0B4B4 inset; + box-shadow: 0px 0px 0px #E0B4B4 inset; } .ui.table tr.error, .ui.table td.error { @@ -353,8 +338,7 @@ .ui.table tr.warning, .ui.table td.warning { - -webkit-box-shadow: 0px 0px 0px #C9BA9B inset; - box-shadow: 0px 0px 0px #C9BA9B inset; + box-shadow: 0px 0px 0px #C9BA9B inset; } .ui.table tr.warning, .ui.table td.warning { @@ -368,8 +352,7 @@ .ui.table tr.active, .ui.table td.active { - -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; - box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; + box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset; } .ui.table tr.active, .ui.table td.active { @@ -420,22 +403,19 @@ .ui[class*="tablet stackable"].table tr { padding-top: 1em; padding-bottom: 1em; - -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; - box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; + box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; } .ui[class*="tablet stackable"].table tr > th, .ui[class*="tablet stackable"].table tr > td { background: none; border: none !important; padding: 0.25em 0.75em; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } /* Definition Table */ .ui.definition[class*="tablet stackable"].table thead th:first-child { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } } @@ -566,8 +546,7 @@ margin: 0em -1px; width: calc(100% - (-1px * 2)); max-width: calc(100% - (-1px * 2)); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border: 1px solid #D4D4D5; } .ui.attached + .ui.attached.table:not(.top) { @@ -592,8 +571,7 @@ margin-top: 0em; top: 0px; margin-bottom: 1em; - -webkit-box-shadow: none, none; - box-shadow: none, none; + box-shadow: none, none; border-radius: 0em 0em 0.28571429rem 0.28571429rem; } .ui[class*="bottom attached"].table:last-child { @@ -945,14 +923,10 @@ /* Inverted */ .ui.inverted.sortable.table thead th.sorted { - background: rgba(255, 255, 255, 0.15) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); color: #ffffff; } .ui.inverted.sortable.table thead th:hover { - background: rgba(255, 255, 255, 0.08) -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); - background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); color: #ffffff; } @@ -1013,13 +987,11 @@ .ui.basic.table { background: transparent; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.basic.table thead, .ui.basic.table tfoot { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .ui.basic.table th { background: transparent; @@ -1135,4 +1107,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_transition.scss b/sass/semantic/_transition.scss index 5253bd30..368dd9a2 100755 --- a/sass/semantic/_transition.scss +++ b/sass/semantic/_transition.scss @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.4.2 - Transition + * # Semantic UI 2.5.0 - Transition * http://github.com/semantic-org/semantic-ui/ * * @@ -112,49 +112,41 @@ /* In */ @-webkit-keyframes browseIn { 0% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); z-index: -1; } 10% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; } 80% { - -webkit-transform: scale(1.05) translateZ(0px); - transform: scale(1.05) translateZ(0px); + transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; } 100% { - -webkit-transform: scale(1) translateZ(0px); - transform: scale(1) translateZ(0px); + transform: scale(1) translateZ(0px); z-index: 999; } } @keyframes browseIn { 0% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); z-index: -1; } 10% { - -webkit-transform: scale(0.8) translateZ(0px); - transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; } 80% { - -webkit-transform: scale(1.05) translateZ(0px); - transform: scale(1.05) translateZ(0px); + transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; } 100% { - -webkit-transform: scale(1) translateZ(0px); - transform: scale(1) translateZ(0px); + transform: scale(1) translateZ(0px); z-index: 999; } } @@ -163,84 +155,72 @@ @-webkit-keyframes browseOutLeft { 0% { z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: -1; - -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: -1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @keyframes browseOutLeft { 0% { z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: -1; - -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: -1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @-webkit-keyframes browseOutRight { 0% { z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: 1; - -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: 1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @keyframes browseOutRight { 0% { z-index: 999; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); - transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: 1; - -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); - transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: 1; - -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); - transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @@ -250,8 +230,7 @@ ---------------*/ .drop.transition { - -webkit-transform-origin: top center; - transform-origin: top center; + transform-origin: top center; -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); @@ -270,49 +249,41 @@ @-webkit-keyframes dropIn { 0% { opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @keyframes dropIn { 0% { opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @-webkit-keyframes dropOut { 0% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 100% { opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } } @keyframes dropOut { 0% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 100% { opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } } @@ -381,97 +352,81 @@ @-webkit-keyframes fadeInUp { 0% { opacity: 0; - -webkit-transform: translateY(10%); - transform: translateY(10%); + transform: translateY(10%); } 100% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } } @keyframes fadeInUp { 0% { opacity: 0; - -webkit-transform: translateY(10%); - transform: translateY(10%); + transform: translateY(10%); } 100% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; - -webkit-transform: translateY(-10%); - transform: translateY(-10%); + transform: translateY(-10%); } 100% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } } @keyframes fadeInDown { 0% { opacity: 0; - -webkit-transform: translateY(-10%); - transform: translateY(-10%); + transform: translateY(-10%); } 100% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; - -webkit-transform: translateX(10%); - transform: translateX(10%); + transform: translateX(10%); } 100% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } } @keyframes fadeInLeft { 0% { opacity: 0; - -webkit-transform: translateX(10%); - transform: translateX(10%); + transform: translateX(10%); } 100% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; - -webkit-transform: translateX(-10%); - transform: translateX(-10%); + transform: translateX(-10%); } 100% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } } @keyframes fadeInRight { 0% { opacity: 0; - -webkit-transform: translateX(-10%); - transform: translateX(-10%); + transform: translateX(-10%); } 100% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } } @@ -495,97 +450,81 @@ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } 100% { opacity: 0; - -webkit-transform: translateY(5%); - transform: translateY(5%); + transform: translateY(5%); } } @keyframes fadeOutUp { 0% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } 100% { opacity: 0; - -webkit-transform: translateY(5%); - transform: translateY(5%); + transform: translateY(5%); } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } 100% { opacity: 0; - -webkit-transform: translateY(-5%); - transform: translateY(-5%); + transform: translateY(-5%); } } @keyframes fadeOutDown { 0% { opacity: 1; - -webkit-transform: translateY(0%); - transform: translateY(0%); + transform: translateY(0%); } 100% { opacity: 0; - -webkit-transform: translateY(-5%); - transform: translateY(-5%); + transform: translateY(-5%); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } 100% { opacity: 0; - -webkit-transform: translateX(5%); - transform: translateX(5%); + transform: translateX(5%); } } @keyframes fadeOutLeft { 0% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } 100% { opacity: 0; - -webkit-transform: translateX(5%); - transform: translateX(5%); + transform: translateX(5%); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } 100% { opacity: 0; - -webkit-transform: translateX(-5%); - transform: translateX(-5%); + transform: translateX(-5%); } } @keyframes fadeOutRight { 0% { opacity: 1; - -webkit-transform: translateX(0%); - transform: translateX(0%); + transform: translateX(0%); } 100% { opacity: 0; - -webkit-transform: translateX(-5%); - transform: translateX(-5%); + transform: translateX(-5%); } } @@ -618,49 +557,41 @@ /* In */ @-webkit-keyframes horizontalFlipIn { 0% { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); opacity: 0; } 100% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); opacity: 1; } } @keyframes horizontalFlipIn { 0% { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); opacity: 0; } 100% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes verticalFlipIn { 0% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); opacity: 0; } 100% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); opacity: 1; } } @keyframes verticalFlipIn { 0% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); opacity: 0; } 100% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); opacity: 1; } } @@ -668,49 +599,41 @@ /* Out */ @-webkit-keyframes horizontalFlipOut { 0% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); opacity: 0; } } @keyframes horizontalFlipOut { 0% { - -webkit-transform: perspective(2000px) rotateY(0deg); - transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); opacity: 0; } } @-webkit-keyframes verticalFlipOut { 0% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); opacity: 1; } 100% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); opacity: 0; } } @keyframes verticalFlipOut { 0% { - -webkit-transform: perspective(2000px) rotateX(0deg); - transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); opacity: 1; } 100% { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); opacity: 0; } } @@ -730,25 +653,21 @@ @-webkit-keyframes scaleIn { 0% { opacity: 0; - -webkit-transform: scale(0.8); - transform: scale(0.8); + transform: scale(0.8); } 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @keyframes scaleIn { 0% { opacity: 0; - -webkit-transform: scale(0.8); - transform: scale(0.8); + transform: scale(0.8); } 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @@ -756,25 +675,21 @@ @-webkit-keyframes scaleOut { 0% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 100% { opacity: 0; - -webkit-transform: scale(0.9); - transform: scale(0.9); + transform: scale(0.9); } } @keyframes scaleOut { 0% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 100% { opacity: 0; - -webkit-transform: scale(0.9); - transform: scale(0.9); + transform: scale(0.9); } } @@ -787,8 +702,7 @@ .transition.fly { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .transition.fly.in { -webkit-animation-name: flyIn; @@ -837,403 +751,325 @@ @-webkit-keyframes flyIn { 0% { opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } @keyframes flyIn { 0% { opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } @-webkit-keyframes flyInUp { 0% { opacity: 0; - -webkit-transform: translate3d(0, 1500px, 0); - transform: translate3d(0, 1500px, 0); + transform: translate3d(0, 1500px, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } @keyframes flyInUp { 0% { opacity: 0; - -webkit-transform: translate3d(0, 1500px, 0); - transform: translate3d(0, 1500px, 0); + transform: translate3d(0, 1500px, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } @-webkit-keyframes flyInDown { 0% { opacity: 0; - -webkit-transform: translate3d(0, -1500px, 0); - transform: translate3d(0, -1500px, 0); + transform: translate3d(0, -1500px, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } 100% { - -webkit-transform: none; - transform: none; + transform: none; } } @keyframes flyInDown { 0% { opacity: 0; - -webkit-transform: translate3d(0, -1500px, 0); - transform: translate3d(0, -1500px, 0); + transform: translate3d(0, -1500px, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } 100% { - -webkit-transform: none; - transform: none; + transform: none; } } @-webkit-keyframes flyInLeft { 0% { opacity: 0; - -webkit-transform: translate3d(1500px, 0, 0); - transform: translate3d(1500px, 0, 0); + transform: translate3d(1500px, 0, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } 100% { - -webkit-transform: none; - transform: none; + transform: none; } } @keyframes flyInLeft { 0% { opacity: 0; - -webkit-transform: translate3d(1500px, 0, 0); - transform: translate3d(1500px, 0, 0); + transform: translate3d(1500px, 0, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } 100% { - -webkit-transform: none; - transform: none; + transform: none; } } @-webkit-keyframes flyInRight { 0% { opacity: 0; - -webkit-transform: translate3d(-1500px, 0, 0); - transform: translate3d(-1500px, 0, 0); + transform: translate3d(-1500px, 0, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } 100% { - -webkit-transform: none; - transform: none; + transform: none; } } @keyframes flyInRight { 0% { opacity: 0; - -webkit-transform: translate3d(-1500px, 0, 0); - transform: translate3d(-1500px, 0, 0); + transform: translate3d(-1500px, 0, 0); } 60% { opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } 100% { - -webkit-transform: none; - transform: none; + transform: none; } } /* Out */ @-webkit-keyframes flyOut { 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } @keyframes flyOut { 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes flyOutUp { 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } @keyframes flyOutUp { 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes flyOutDown { 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } @keyframes flyOutDown { 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes flyOutRight { 20% { opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } @keyframes flyOutRight { 20% { opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes flyOutLeft { 20% { opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } @keyframes flyOutLeft { 20% { opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } @@ -1245,100 +1081,84 @@ .transition[class*="slide down"].in { -webkit-animation-name: slideInY; animation-name: slideInY; - -webkit-transform-origin: top center; - transform-origin: top center; + transform-origin: top center; } .transition[class*="slide up"].in { -webkit-animation-name: slideInY; animation-name: slideInY; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; + transform-origin: bottom center; } .transition[class*="slide left"].in { -webkit-animation-name: slideInX; animation-name: slideInX; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: center right; } .transition[class*="slide right"].in { -webkit-animation-name: slideInX; animation-name: slideInX; - -webkit-transform-origin: center left; - transform-origin: center left; + transform-origin: center left; } .transition.slide.out, .transition[class*="slide down"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; - -webkit-transform-origin: top center; - transform-origin: top center; + transform-origin: top center; } .transition[class*="slide up"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; + transform-origin: bottom center; } .transition[class*="slide left"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: center right; } .transition[class*="slide right"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; - -webkit-transform-origin: center left; - transform-origin: center left; + transform-origin: center left; } /* In */ @-webkit-keyframes slideInY { 0% { opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); + transform: scaleY(0); } 100% { opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); + transform: scaleY(1); } } @keyframes slideInY { 0% { opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); + transform: scaleY(0); } 100% { opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); + transform: scaleY(1); } } @-webkit-keyframes slideInX { 0% { opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); } 100% { opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); + transform: scaleX(1); } } @keyframes slideInX { 0% { opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); } 100% { opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); + transform: scaleX(1); } } @@ -1346,49 +1166,41 @@ @-webkit-keyframes slideOutY { 0% { opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); + transform: scaleY(1); } 100% { opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); + transform: scaleY(0); } } @keyframes slideOutY { 0% { opacity: 1; - -webkit-transform: scaleY(1); - transform: scaleY(1); + transform: scaleY(1); } 100% { opacity: 0; - -webkit-transform: scaleY(0); - transform: scaleY(0); + transform: scaleY(0); } } @-webkit-keyframes slideOutX { 0% { opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); + transform: scaleX(1); } 100% { opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); } } @keyframes slideOutX { 0% { opacity: 1; - -webkit-transform: scaleX(1); - transform: scaleX(1); + transform: scaleX(1); } 100% { opacity: 0; - -webkit-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); } } @@ -1403,245 +1215,197 @@ .transition[class*="swing down"].in { -webkit-animation-name: swingInX; animation-name: swingInX; - -webkit-transform-origin: top center; - transform-origin: top center; + transform-origin: top center; } .transition[class*="swing up"].in { -webkit-animation-name: swingInX; animation-name: swingInX; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; + transform-origin: bottom center; } .transition[class*="swing left"].in { -webkit-animation-name: swingInY; animation-name: swingInY; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: center right; } .transition[class*="swing right"].in { -webkit-animation-name: swingInY; animation-name: swingInY; - -webkit-transform-origin: center left; - transform-origin: center left; + transform-origin: center left; } .transition.swing.out, .transition[class*="swing down"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; - -webkit-transform-origin: top center; - transform-origin: top center; + transform-origin: top center; } .transition[class*="swing up"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; + transform-origin: bottom center; } .transition[class*="swing left"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; - -webkit-transform-origin: center right; - transform-origin: center right; + transform-origin: center right; } .transition[class*="swing right"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; - -webkit-transform-origin: center left; - transform-origin: center left; + transform-origin: center left; } /* In */ @-webkit-keyframes swingInX { 0% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); opacity: 0; } 40% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 60% { - -webkit-transform: perspective(1000px) rotateX(15deg); - transform: perspective(1000px) rotateX(15deg); + transform: perspective(1000px) rotateX(15deg); } 80% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); } 100% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); } } @keyframes swingInX { 0% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); opacity: 0; } 40% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 60% { - -webkit-transform: perspective(1000px) rotateX(15deg); - transform: perspective(1000px) rotateX(15deg); + transform: perspective(1000px) rotateX(15deg); } 80% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); } 100% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); } } @-webkit-keyframes swingInY { 0% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); opacity: 0; } 40% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); opacity: 1; } 60% { - -webkit-transform: perspective(1000px) rotateY(-17.5deg); - transform: perspective(1000px) rotateY(-17.5deg); + transform: perspective(1000px) rotateY(-17.5deg); } 80% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); } 100% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); } } @keyframes swingInY { 0% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); opacity: 0; } 40% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); opacity: 1; } 60% { - -webkit-transform: perspective(1000px) rotateY(-17.5deg); - transform: perspective(1000px) rotateY(-17.5deg); + transform: perspective(1000px) rotateY(-17.5deg); } 80% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); } 100% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); } } /* Out */ @-webkit-keyframes swingOutX { 0% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); } 40% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); } 60% { - -webkit-transform: perspective(1000px) rotateX(17.5deg); - transform: perspective(1000px) rotateX(17.5deg); + transform: perspective(1000px) rotateX(17.5deg); } 80% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 100% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @keyframes swingOutX { 0% { - -webkit-transform: perspective(1000px) rotateX(0deg); - transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); } 40% { - -webkit-transform: perspective(1000px) rotateX(-7.5deg); - transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); } 60% { - -webkit-transform: perspective(1000px) rotateX(17.5deg); - transform: perspective(1000px) rotateX(17.5deg); + transform: perspective(1000px) rotateX(17.5deg); } 80% { - -webkit-transform: perspective(1000px) rotateX(-30deg); - transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 100% { - -webkit-transform: perspective(1000px) rotateX(90deg); - transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @-webkit-keyframes swingOutY { 0% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); } 40% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); } 60% { - -webkit-transform: perspective(1000px) rotateY(-10deg); - transform: perspective(1000px) rotateY(-10deg); + transform: perspective(1000px) rotateY(-10deg); } 80% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); opacity: 1; } 100% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); opacity: 0; } } @keyframes swingOutY { 0% { - -webkit-transform: perspective(1000px) rotateY(0deg); - transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); } 40% { - -webkit-transform: perspective(1000px) rotateY(7.5deg); - transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); } 60% { - -webkit-transform: perspective(1000px) rotateY(-10deg); - transform: perspective(1000px) rotateY(-10deg); + transform: perspective(1000px) rotateY(-10deg); } 80% { - -webkit-transform: perspective(1000px) rotateY(30deg); - transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); opacity: 1; } 100% { - -webkit-transform: perspective(1000px) rotateY(-90deg); - transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); opacity: 0; } } @@ -1661,49 +1425,41 @@ @-webkit-keyframes zoomIn { 0% { opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @keyframes zoomIn { 0% { opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } 100% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 100% { opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } } @keyframes zoomOut { 0% { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 100% { opacity: 1; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } } @@ -1792,45 +1548,39 @@ @-webkit-keyframes shake { 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); + transform: translateX(-10px); } 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); + transform: translateX(10px); } } @keyframes shake { 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); + transform: translateX(-10px); } 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); + transform: translateX(10px); } } @@ -1841,16 +1591,13 @@ 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); + transform: translateY(-30px); } 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); + transform: translateY(-15px); } } @keyframes bounce { @@ -1859,109 +1606,90 @@ 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); + transform: translateY(-30px); } 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); + transform: translateY(-15px); } } /* Tada */ @-webkit-keyframes tada { 0% { - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); } 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); + transform: scale(1) rotate(0); } } @keyframes tada { 0% { - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); } 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); + transform: scale(1) rotate(0); } } /* Pulse */ @-webkit-keyframes pulse { 0% { - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } 50% { - -webkit-transform: scale(0.9); - transform: scale(0.9); + transform: scale(0.9); opacity: 0.7; } 100% { - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } 50% { - -webkit-transform: scale(0.9); - transform: scale(0.9); + transform: scale(0.9); opacity: 0.7; } 100% { - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } } @@ -1969,62 +1697,48 @@ /* Jiggle */ @-webkit-keyframes jiggle { 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } @keyframes jiggle { 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } @@ -2056,4 +1770,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/sass/semantic/_video.scss b/sass/semantic/_video.scss index 79254cb8..dce1f1c1 100755 --- a/sass/semantic/_video.scss +++ b/sass/semantic/_video.scss @@ -122,4 +122,3 @@ /******************************* Site Overrides *******************************/ - diff --git a/static/assets/semantic/js/accordion.min.js b/static/assets/semantic/js/accordion.min.js index 1dd73b80..0251de45 100644 --- a/static/assets/semantic/js/accordion.min.js +++ b/static/assets/semantic/js/accordion.min.js @@ -1 +1 @@ -!function(F,A,e,q){"use strict";A=void 0!==A&&A.Math==Math?A:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),F.fn.accordion=function(a){var v,s=F(this),b=(new Date).getTime(),y=[],C=a,O="string"==typeof C,x=[].slice.call(arguments,1);A.requestAnimationFrame||A.mozRequestAnimationFrame||A.webkitRequestAnimationFrame||A.msRequestAnimationFrame;return s.each(function(){var e,c,u=F.isPlainObject(a)?F.extend(!0,{},F.fn.accordion.settings,a):F.extend({},F.fn.accordion.settings),d=u.className,n=u.namespace,g=u.selector,l=u.error,t="."+n,i="module-"+n,o=s.selector||"",f=F(this),m=f.find(g.title),p=f.find(g.content),r=this,h=f.data(i);c={initialize:function(){c.debug("Initializing",f),c.bind.events(),u.observeChanges&&c.observeChanges(),c.instantiate()},instantiate:function(){h=c,f.data(i,c)},destroy:function(){c.debug("Destroying previous instance",f),f.off(t).removeData(i)},refresh:function(){m=f.find(g.title),p=f.find(g.content)},observeChanges:function(){"MutationObserver"in A&&((e=new MutationObserver(function(e){c.debug("DOM tree modified, updating selector cache"),c.refresh()})).observe(r,{childList:!0,subtree:!0}),c.debug("Setting up mutation observer",e))},bind:{events:function(){c.debug("Binding delegated events"),f.on(u.on+t,g.trigger,c.event.click)}},event:{click:function(){c.toggle.call(this)}},toggle:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating),o=t.hasClass(d.active),a=o&&!i,s=!o&&i;c.debug("Toggling visibility of content",n),a||s?u.collapsible?c.close.call(n):c.debug("Cannot close accordion content collapsing is disabled"):c.open.call(n)},open:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating);t.hasClass(d.active)||i?c.debug("Accordion already open, skipping",t):(c.debug("Opening accordion content",n),u.onOpening.call(t),u.onChanging.call(t),u.exclusive&&c.closeOthers.call(n),n.addClass(d.active),t.stop(!0,!0).addClass(d.animating),u.animateChildren&&(F.fn.transition!==q&&f.transition("is supported")?t.children().transition({animation:"fade in",queue:!1,useFailSafe:!0,debug:u.debug,verbose:u.verbose,duration:u.duration}):t.children().stop(!0,!0).animate({opacity:1},u.duration,c.resetOpacity)),t.slideDown(u.duration,u.easing,function(){t.removeClass(d.animating).addClass(d.active),c.reset.display.call(this),u.onOpen.call(this),u.onChange.call(this)}))},close:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating),o=t.hasClass(d.active);!o&&!(!o&&i)||o&&i||(c.debug("Closing accordion content",t),u.onClosing.call(t),u.onChanging.call(t),n.removeClass(d.active),t.stop(!0,!0).addClass(d.animating),u.animateChildren&&(F.fn.transition!==q&&f.transition("is supported")?t.children().transition({animation:"fade out",queue:!1,useFailSafe:!0,debug:u.debug,verbose:u.verbose,duration:u.duration}):t.children().stop(!0,!0).animate({opacity:0},u.duration,c.resetOpacity)),t.slideUp(u.duration,u.easing,function(){t.removeClass(d.animating).removeClass(d.active),c.reset.display.call(this),u.onClose.call(this),u.onChange.call(this)}))},closeOthers:function(e){var n,t,i,o=e!==q?m.eq(e):F(this).closest(g.title),a=o.parents(g.content).prev(g.title),s=o.closest(g.accordion),l=g.title+"."+d.active+":visible",r=g.content+"."+d.active+":visible";i=u.closeNested?(n=s.find(l).not(a)).next(p):(n=s.find(l).not(a),t=s.find(r).find(l).not(a),(n=n.not(t)).next(p)),0 adjusting invoked element"),d=d.closest(o.checkbox),r.refresh())}},setup:function(){r.set.initialLoad(),r.is.indeterminate()?(r.debug("Initial value is indeterminate"),r.indeterminate()):r.is.checked()?(r.debug("Initial value is checked"),r.check()):(r.debug("Initial value is unchecked"),r.uncheck()),r.remove.initialLoad()},refresh:function(){s=d.children(o.label),u=d.children(o.input),b=u[0]},hide:{input:function(){r.verbose("Modifying z-index to be unselectable"),u.addClass(n.hidden)}},show:{input:function(){r.verbose("Modifying z-index to be selectable"),u.removeClass(n.hidden)}},observeChanges:function(){"MutationObserver"in S&&((e=new MutationObserver(function(e){r.debug("DOM tree modified, updating selector cache"),r.refresh()})).observe(p,{childList:!0,subtree:!0}),r.debug("Setting up mutation observer",e))},attachEvents:function(e,n){var t=D(e);n=D.isFunction(r[n])?r[n]:r.toggle,0").insertAfter(u),r.debug("Creating label",s))}},has:{label:function(){return 0 adjusting invoked element"),l=l.closest(o.checkbox),p.refresh())}},setup:function(){p.set.initialLoad(),p.is.indeterminate()?(p.debug("Initial value is indeterminate"),p.indeterminate()):p.is.checked()?(p.debug("Initial value is checked"),p.check()):(p.debug("Initial value is unchecked"),p.uncheck()),p.remove.initialLoad()},refresh:function(){d=l.children(o.label),s=l.children(o.input),u=s[0]},hide:{input:function(){p.verbose("Modifying z-index to be unselectable"),s.addClass(n.hidden)}},show:{input:function(){p.verbose("Modifying z-index to be selectable"),s.removeClass(n.hidden)}},observeChanges:function(){"MutationObserver"in S&&((e=new MutationObserver(function(e){p.debug("DOM tree modified, updating selector cache"),p.refresh()})).observe(f,{childList:!0,subtree:!0}),p.debug("Setting up mutation observer",e))},attachEvents:function(e,n){var t=D(e);n=D.isFunction(p[n])?p[n]:p.toggle,0").insertAfter(s),p.debug("Creating label",d))}},has:{label:function(){return 0 .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(){return x("
").attr("class","ui dimmer")}}}}(jQuery,window,document); \ No newline at end of file +!function(x,e,F,T){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),x.fn.dimmer=function(p){var b,v=x(this),h=(new Date).getTime(),y=[],C=p,w="string"==typeof C,S=[].slice.call(arguments,1);return v.each(function(){var a,i,r=x.isPlainObject(p)?x.extend(!0,{},x.fn.dimmer.settings,p):x.extend({},x.fn.dimmer.settings),n=r.selector,e=r.namespace,t=r.className,s=r.error,o="."+e,m="module-"+e,d=v.selector||"",c="ontouchstart"in F.documentElement?"touchstart":"click",l=x(this),u=this,f=l.data(m),g={preinitialize:function(){a=g.is.dimmer()?(i=l.parent(),l):(i=l,g.has.dimmer()?r.dimmerName?i.find(n.dimmer).filter("."+r.dimmerName):i.find(n.dimmer):g.create())},initialize:function(){g.debug("Initializing dimmer",r),g.bind.events(),g.set.dimmable(),g.instantiate()},instantiate:function(){g.verbose("Storing instance of module",g),f=g,l.data(m,f)},destroy:function(){g.verbose("Destroying previous module",a),g.unbind.events(),g.remove.variation(),i.off(o)},bind:{events:function(){"hover"==r.on?i.on("mouseenter"+o,g.show).on("mouseleave"+o,g.hide):"click"==r.on&&i.on(c+o,g.toggle),g.is.page()&&(g.debug("Setting as a page dimmer",i),g.set.pageDimmer()),g.is.closable()&&(g.verbose("Adding dimmer close event",a),i.on(c+o,n.dimmer,g.event.click))}},unbind:{events:function(){l.removeData(m),i.off(o)}},event:{click:function(e){g.verbose("Determining if event occurred on dimmer",e),0!==a.find(e.target).length&&!x(e.target).is(n.content)||(g.hide(),e.stopImmediatePropagation())}},addContent:function(e){var i=x(e);g.debug("Add content to dimmer",i),i.parent()[0]!==a[0]&&i.detach().appendTo(a)},create:function(){var e=x(r.template.dimmer());return r.dimmerName&&(g.debug("Creating named dimmer",r.dimmerName),e.addClass(r.dimmerName)),e.appendTo(i),e},show:function(e){e=x.isFunction(e)?e:function(){},g.debug("Showing dimmer",a,r),g.set.variation(),g.is.dimmed()&&!g.is.animating()||!g.is.enabled()?g.debug("Dimmer is already shown or disabled"):(g.animate.show(e),r.onShow.call(u),r.onChange.call(u))},hide:function(e){e=x.isFunction(e)?e:function(){},g.is.dimmed()||g.is.animating()?(g.debug("Hiding dimmer",a),g.animate.hide(e),r.onHide.call(u),r.onChange.call(u)):g.debug("Dimmer is not visible")},toggle:function(){g.verbose("Toggling dimmer visibility",a),g.is.dimmed()?g.hide():g.show()},animate:{show:function(e){e=x.isFunction(e)?e:function(){},r.useCSS&&x.fn.transition!==T&&a.transition("is supported")?(r.useFlex?(g.debug("Using flex dimmer"),g.remove.legacy()):(g.debug("Using legacy non-flex dimmer"),g.set.legacy()),"auto"!==r.opacity&&g.set.opacity(),a.transition({displayType:r.useFlex?"flex":"block",animation:r.transition+" in",queue:!1,duration:g.get.duration(),useFailSafe:!0,onStart:function(){g.set.dimmed()},onComplete:function(){g.set.active(),e()}})):(g.verbose("Showing dimmer animation with javascript"),g.set.dimmed(),"auto"==r.opacity&&(r.opacity=.8),a.stop().css({opacity:0,width:"100%",height:"100%"}).fadeTo(g.get.duration(),r.opacity,function(){a.removeAttr("style"),g.set.active(),e()}))},hide:function(e){e=x.isFunction(e)?e:function(){},r.useCSS&&x.fn.transition!==T&&a.transition("is supported")?(g.verbose("Hiding dimmer with css"),a.transition({displayType:r.useFlex?"flex":"block",animation:r.transition+" out",queue:!1,duration:g.get.duration(),useFailSafe:!0,onStart:function(){g.remove.dimmed()},onComplete:function(){g.remove.variation(),g.remove.active(),e()}})):(g.verbose("Hiding dimmer with javascript"),g.remove.dimmed(),a.stop().fadeOut(g.get.duration(),function(){g.remove.active(),a.removeAttr("style"),e()}))}},get:{dimmer:function(){return a},duration:function(){return"object"==typeof r.duration?g.is.active()?r.duration.hide:r.duration.show:r.duration}},has:{dimmer:function(){return r.dimmerName?0 .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(){return x("
").attr("class","ui dimmer")}}}}(jQuery,window,document); \ No newline at end of file diff --git a/static/assets/semantic/js/dropdown.min.js b/static/assets/semantic/js/dropdown.min.js index 2bd7a058..628cdce0 100644 --- a/static/assets/semantic/js/dropdown.min.js +++ b/static/assets/semantic/js/dropdown.min.js @@ -1 +1 @@ -!function(X,Y,G,J){"use strict";Y=void 0!==Y&&Y.Math==Math?Y:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),X.fn.dropdown=function(z){var P,H=X(this),j=X(G),N=H.selector||"",U="ontouchstart"in G.documentElement,K=(new Date).getTime(),W=[],B=z,$="string"==typeof B,Q=[].slice.call(arguments,1);return H.each(function(n){var e,t,i,a,o,s,r,m,h=X.isPlainObject(z)?X.extend(!0,{},X.fn.dropdown.settings,z):X.extend({},X.fn.dropdown.settings),g=h.className,c=h.message,l=h.fields,p=h.keys,b=h.metadata,u=h.namespace,d=h.regExp,w=h.selector,v=h.error,f=h.templates,x="."+u,C="module-"+u,S=X(this),y=X(h.context),A=S.find(w.text),T=S.find(w.search),k=S.find(w.sizer),L=S.find(w.input),I=S.find(w.icon),D=0").html(a).attr("data-"+b.value,t).attr("data-"+b.text,t).addClass(g.addition).addClass(g.item),h.hideAdditions&&i.addClass(g.hidden),n=n===J?i:n.add(i),m.verbose("Creating user choices for value",t,i))}),n)},userLabels:function(e){var t=m.get.userValues();t&&(m.debug("Adding user labels",t),X.each(t,function(e,t){m.verbose("Adding custom user value"),m.add.label(t,t)}))},menu:function(){q=X("
").addClass(g.menu).appendTo(S)},sizer:function(){k=X("").addClass(g.sizer).insertAfter(T)}},search:function(e){e=e!==J?e:m.get.query(),m.verbose("Searching for query",e),m.has.minCharacters(e)?m.filter(e):m.hide()},select:{firstUnfiltered:function(){m.verbose("Selecting first non-filtered element"),m.remove.selectedItem(),R.not(w.unselectable).not(w.addition+w.hidden).eq(0).addClass(g.selected)},nextAvailable:function(e){var t=(e=e.eq(0)).nextAll(w.item).not(w.unselectable).eq(0),n=e.prevAll(w.item).not(w.unselectable).eq(0);0").addClass(g.search).prop("autocomplete","off").insertBefore(A)),m.is.multiple()&&m.is.searchSelection()&&!m.has.sizer()&&m.create.sizer(),h.allowTab&&m.set.tabbable()},select:function(){var e=m.get.selectValues();m.debug("Dropdown initialized on a select",e),S.is("select")&&(L=S),0").attr("class",L.attr("class")).addClass(g.selection).addClass(g.dropdown).html(f.dropdown(e)).insertBefore(L),L.hasClass(g.multiple)&&!1===L.prop("multiple")&&(m.error(v.missingMultiple),L.prop("multiple",!0)),L.is("[multiple]")&&m.set.multiple(),L.prop("disabled")&&(m.debug("Disabling dropdown"),S.addClass(g.disabled)),L.removeAttr("class").detach().prependTo(S)),m.refresh()},menu:function(e){q.html(f.menu(e,l)),R=q.find(w.item)},reference:function(){m.debug("Dropdown behavior was called on select, replacing with closest dropdown"),S=S.parent(w.dropdown),F=S.data(C),M=S.get(0),m.refresh(),m.setup.returnedObject()},returnedObject:function(){var e=H.slice(0,n),t=H.slice(n+1);H=e.add(S).add(t)}},refresh:function(){m.refreshSelectors(),m.refreshData()},refreshItems:function(){R=q.find(w.item)},refreshSelectors:function(){m.verbose("Refreshing selector cache"),A=S.find(w.text),T=S.find(w.search),L=S.find(w.input),I=S.find(w.icon),D=0 modified, recreating menu");var n=!1;X.each(e,function(e,t){if(X(t.target).is("select")||X(t.addedNodes).is("select"))return n=!0}),n&&(m.disconnect.selectObserver(),m.refresh(),m.setup.select(),m.set.selected(),m.observe.select())}},menu:{mutation:function(e){var t=e[0],n=t.addedNodes?X(t.addedNodes[0]):X(!1),i=t.removedNodes?X(t.removedNodes[0]):X(!1),a=n.add(i),o=a.is(w.addition)||0t.name?1:-1}),m.debug("Retrieved and sorted values from select",a)):m.debug("Retrieved values from select",a),a},activeItem:function(){return R.filter("."+g.active)},selectedItem:function(){var e=R.not(w.unselectable).filter("."+g.selected);return 0=h.maxSelections?(m.debug("Maximum selection count reached"),h.useLabels&&(R.addClass(g.filtered),m.add.message(c.maxSelections)),!0):(m.verbose("No longer at maximum selection count"),m.remove.message(),m.remove.filteredItem(),m.is.searchSelection()&&m.filterItems(),!1))}},restore:{defaults:function(){m.clear(),m.restore.defaultText(),m.restore.defaultValue()},defaultText:function(){var e=m.get.defaultText();e===m.get.placeholderText?(m.debug("Restoring default placeholder text",e),m.set.placeholderText(e)):(m.debug("Restoring default text",e),m.set.text(e))},placeholderText:function(){m.set.placeholderText()},defaultValue:function(){var e=m.get.defaultValue();e!==J&&(m.debug("Restoring default value",e),""!==e?(m.set.value(e),m.set.selected()):(m.remove.activeItem(),m.remove.selectedItem()))},labels:function(){h.allowAdditions&&(h.useLabels||(m.error(v.labels),h.useLabels=!0),m.debug("Restoring selected values"),m.create.userLabels()),m.check.maxSelections()},selected:function(){m.restore.values(),m.is.multiple()?(m.debug("Restoring previously selected values and labels"),m.restore.labels()):m.debug("Restoring previously selected values")},values:function(){m.set.initialLoad(),h.apiSettings&&h.saveRemoteData&&m.get.remoteValues()?m.restore.remoteValues():m.set.selected(),m.remove.initialLoad()},remoteValues:function(){var e=m.get.remoteValues();m.debug("Recreating selected from session data",e),e&&(m.is.single()?X.each(e,function(e,t){m.set.text(t)}):X.each(e,function(e,t){m.add.label(e,t)}))}},read:{remoteData:function(e){var t;if(Y.Storage!==J)return(t=sessionStorage.getItem(e))!==J&&t;m.error(v.noStorage)}},save:{defaults:function(){m.save.defaultText(),m.save.placeholderText(),m.save.defaultValue()},defaultValue:function(){var e=m.get.value();m.verbose("Saving default value as",e),S.data(b.defaultValue,e)},defaultText:function(){var e=m.get.text();m.verbose("Saving default text as",e),S.data(b.defaultText,e)},placeholderText:function(){var e;!1!==h.placeholder&&A.hasClass(g.placeholder)&&(e=m.get.text(),m.verbose("Saving placeholder text as",e),S.data(b.placeholderText,e))},remoteData:function(e,t){Y.Storage!==J?(m.verbose("Saving remote data to session storage",t,e),sessionStorage.setItem(t,e)):m.error(v.noStorage)}},clear:function(){m.is.multiple()&&h.useLabels?m.remove.labels():(m.remove.activeItem(),m.remove.selectedItem()),m.set.placeholderText(),m.clearValue()},clearValue:function(){m.set.value("")},scrollPage:function(e,t){var n,i,a=t||m.get.selectedItem(),o=a.closest(w.menu),s=o.outerHeight(),r=o.scrollTop(),l=R.eq(0).outerHeight(),c=Math.floor(s/l),u=(o.prop("scrollHeight"),"up"==e?r-l*c:r+l*c),d=R.not(w.unselectable);i="up"==e?d.index(a)-c:d.index(a)+c,0<(n=("up"==e?0<=i:i").addClass(g.label).attr("data-"+b.value,o).html(f.label(o,t)),i=h.onLabelCreate.call(i,o,t),m.has.label(e)?m.debug("User selection already exists, skipping",o):(h.label.variation&&i.addClass(h.label.variation),!0===n?(m.debug("Animating in label",i),i.addClass(g.hidden).insertBefore(a).transition(h.label.transition,h.label.duration)):(m.debug("Adding selection label",i),i.insertBefore(a)))},message:function(e){var t=q.children(w.message),n=h.templates.message(m.add.variables(e));0").html(n).addClass(g.message).appendTo(q)},optionValue:function(e){var t=m.escape.value(e);0").prop("value",t).addClass(g.addition).html(e).appendTo(L),m.verbose("Adding user addition as an