diff --git a/build/minified/collections/message.min.css b/build/minified/collections/message.min.css index 416d711c9..dc38dcf13 100644 --- a/build/minified/collections/message.min.css +++ b/build/minified/collections/message.min.css @@ -1 +1 @@ -.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message :first-child{margin-top:0}.ui.message :last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2px} \ No newline at end of file +.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message :first-child{margin-top:0}.ui.message :last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em} \ No newline at end of file diff --git a/build/minified/elements/icons.min.css b/build/minified/elements/icons.min.css index 026792f0a..b7f2dbe35 100644 --- a/build/minified/elements/icons.min.css +++ b/build/minified/elements/icons.min.css @@ -1 +1 @@ -@font-face{font-family:Icons;src:url(../fonts/icons.eot);src:url(../fonts/icons.eot?#iefix) format('embedded-opentype'),url(../fonts/icons.woff) format('woff'),url(../fonts/icons.ttf) format('truetype'),url(../fonts/icons.svg#icons) format('svg');font-weight:400;font-style:normal}i.icon{font-family:Icons;display:inline-block;width:1em;height:1em;margin:0 .25em 0 0;font-style:normal;line-height:1;font-weight:400;text-decoration:inherit;text-align:center;vertical-align:baseline;opacity:.75;speak:none;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}i.icon.circle.attention:before{content:'\2757'}i.icon.circle.cancel:before{content:'\2716'}i.icon.circle.help:before{content:'\e704'}i.icon.circle.info:before{content:'\e705'}i.icon.circle.plus:before{content:'\2795'}i.icon.chart:before{content:'📈'}i.icon.chart.bar:before{content:'📊'}i.icon.chart.pie:before{content:'\e7a2'}i.icon.resize.full:before{content:'\e744'}i.icon.resize.horizontal:before{content:'\2b0d'}i.icon.resize.small:before{content:'\e746'}i.icon.resize.vertical:before{content:'\2b0c'}i.icon.down:before{content:'\2193'}i.icon.down.triangle:before{content:'\25be'}i.icon.down.arrow:before{content:'\e75c'}i.icon.left:before{content:'\2190'}i.icon.left.triangle:before{content:'\25c2'}i.icon.left.arrow:before{content:'\e75d'}i.icon.right:before{content:'\2192'}i.icon.right.triangle:before{content:'\25b8'}i.icon.right.arrow:before{content:'\e75e'}i.icon.up:before{content:'\2191'}i.icon.up.triangle:before{content:'\25b4'}i.icon.up.arrow:before{content:'\e75f'}i.icon.folder:before{content:'\e810'}i.icon.open.folder:before{content:'📂'}i.icon.globe:before{content:'𝌍'}i.icon.desk.globe:before{content:'🌐'}i.icon.star:before{content:'\e801'}i.icon.star.empty:before{content:'\e800'}i.icon.star.half:before{content:'\e701'}i.icon.lock:before{content:'🔒'}i.icon.lock.open:before{content:'🔓'}i.icon.layout.grid:before{content:'\e80c'}i.icon.layout.block:before{content:'\e708'}i.icon.layout.list:before{content:'\e80b'}i.icon.asterisk:before{content:'\2731'}i.icon.at:before{content:'\40'}i.icon.attach:before{content:'📎'}i.icon.attention:before{content:'\26a0'}i.icon.award:before{content:'🏉'}i.icon.barcode:before{content:'\e792'}i.icon.basket:before{content:'\e73d'}i.icon.basket:before{content:'\e813'}i.icon.block:before{content:'🚫'}i.icon.book:before{content:'📖'}i.icon.bookmark:before{content:'🔖'}i.icon.calendar:before{content:'📅'}i.icon.cancel:before{content:'\e80d'}i.icon.cancel:before{content:'\2715'}i.icon.rewind:before{content:'\27f2'}i.icon.chat:before{content:'\e720'}i.icon.check:before{content:'\2611'}i.icon.clock:before{content:'🕔'}i.icon.cloud:before{content:'\2601'}i.icon.code:before{content:'\e714'}i.icon.setting:before{content:'\26ef'}i.icon.settings:before{content:'\2699'}i.icon.comment:before{content:'\e802'}i.icon.clockwise:before{content:'\27f3'}i.icon.direction:before{content:'\27a2'}i.icon.doc:before{content:'📄'}i.icon.docs:before{content:'\e736'}i.icon.dollar:before{content:'💵'}i.icon.easel:before{content:'\e7b5'}i.icon.edit:before{content:'\270d'}i.icon.eject:before{content:'\2ecf'}i.icon.export:before{content:'\e715'}i.icon.eye:before{content:'\e80f'}i.icon.hidden.eye:before{content:'\e70b'}i.icon.facebook:before{content:'\f301'}i.icon.fast-forward:before{content:'\e804'}i.icon.fire:before{content:'🔥'}i.icon.flag:before{content:'\2691'}i.icon.flash:before{content:'\26a1'}i.icon.lab:before{content:'\68'}i.icon.flight:before{content:'\2708'}i.icon.forward:before{content:'\27a6'}i.icon.gift:before{content:'🎁'}i.icon.github:before{content:'\f308'}i.icon.globe:before{content:'\e817'}i.icon.headphones:before{content:'🎧'}i.icon.heart-empty:before{content:'\2661'}i.icon.heart:before{content:'\2665'}i.icon.question:before{content:'\2753'}i.icon.home-alt:before{content:'\e80e'}i.icon.home:before{content:'\2302'}i.icon.i-letter:before{content:'\2139'}i.icon.lamp:before{content:'💡'}i.icon.link:before{content:'🔗'}i.icon.list:before{content:'\e782'}i.icon.location:before{content:'\e724'}i.icon.mail:before{content:'\2709'}i.icon.mic:before{content:'🎤'}i.icon.minus:before{content:'\2d'}i.icon.money:before{content:'💰'}i.icon.off:before{content:'\e78e'}i.icon.pause:before{content:'\e808'}i.icon.pictures:before{content:'\e812'}i.icon.picture:before{content:'🌄'}i.icon.pin:before{content:'📌'}i.icon.play:before{content:'\e809'}i.icon.plus:before{content:'\2b'}i.icon.print:before{content:'\e716'}i.icon.rss:before{content:'\e73a'}i.icon.search:before{content:'🔍'}i.icon.shuffle:before{content:'\e803'}i.icon.stop:before{content:'\e807'}i.icon.tag:before{content:'\e80a'}i.icon.tags:before{content:'\e70d'}i.icon.terminal:before{content:'\e7ac'}i.icon.thumbs-down:before{content:'👎'}i.icon.thumbs-up:before{content:'👍'}i.icon.tint:before{content:'\e794'}i.icon.to-end:before{content:'\e762'}i.icon.to-end-alt:before{content:'\e806'}i.icon.to-start:before{content:'\e763'}i.icon.to-start-alt:before{content:'\e805'}i.icon.top-list:before{content:'🏆'}i.icon.trash:before{content:'\e729'}i.icon.twitter-bird:before{content:'\f303'}i.icon.upload-cloud:before{content:'\e711'}i.icon.user-add:before{content:'\e700'}i.icon.user:before{content:'👤'}i.icon.users-alt:before{content:'\e814'}i.icon.users:before{content:'👥'}i.icon.vcard:before{content:'\e722'}i.icon.zoom-in:before{content:'\e750'}i.icon.zoom-out:before{content:'\e751'}i.icon.cloud,i.icon.code,i.icon.terminal,i.icon.twitter-bird,i.icon.dollar{margin-left:0;padding-right:.2em}i.icon.left,i.icon.left-open,i.icon.left-dir{width:1em;margin:0 .5em 0 0}i.icon.up,i.icon.up-open,i.icon.up-dir,i.icon.down,i.icon.down-open,i.icon.down-dir,i.icon.right,i.icon.right-open,i.icon.right-dir{width:1em;margin:0 0 0 .1em}i.icon.clock{margin-top:-.05em}i.icon.close:before{content:'\e80d'}i.icon.help:before{content:'\e704'}i.icon.info:before{content:'\e705'}i.icon.error:before{content:'\e80d'}i.icon.disabled{opacity:.3}i.strong.icon{opacity:1}i.inverted.icon{background-color:#222;color:#FFF}i.blue.icon{color:#6ECFF5!important}i.black.icon{color:#5C6166!important}i.green.icon{color:#A1CF64!important}i.red.icon{color:#EF4D6D!important}i.purple.icon{color:#564F8A!important}i.teal.icon{color:#00B5AD!important}i.inverted.black.icon{background-color:#5C6166!important;color:#FFF!important}i.inverted.blue.icon{background-color:#6ECFF5!important;color:#FFF!important}i.inverted.green.icon{background-color:#A1CF64!important;color:#FFF!important}i.inverted.red.icon{background-color:#EF4D6D!important;color:#FFF!important}i.inverted.purple.icon{background-color:#564F8A!important;color:#FFF!important}i.inverted.teal.icon{background-color:#00B5AD!important;color:#FFF!important} \ No newline at end of file +@font-face{font-family:Icons;src:url(../fonts/icons.eot);src:url(../fonts/icons.eot?#iefix) format('embedded-opentype'),url(../fonts/icons.woff) format('woff'),url(../fonts/icons.ttf) format('truetype'),url(../fonts/icons.svg#icons) format('svg');font-weight:400;font-style:normal}i.icon{display:inline-block;opacity:.75;margin:0 .25em 0 0;width:1em;height:1em;font-family:Icons;font-style:normal;line-height:1;font-weight:400;text-decoration:inherit;text-align:center;speak:none;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}i.icon.circle.attention:before{content:'\2757'}i.icon.circle.help:before{content:'\e704'}i.icon.circle.info:before{content:'\e705'}i.icon.add:before{content:'\2795'}i.icon.chart:before{content:'📈'}i.icon.chart.bar:before{content:'📊'}i.icon.chart.pie:before{content:'\e7a2'}i.icon.resize.full:before{content:'\e744'}i.icon.resize.horizontal:before{content:'\2b0d'}i.icon.resize.small:before{content:'\e746'}i.icon.resize.vertical:before{content:'\2b0c'}i.icon.down:before{content:'\2193'}i.icon.down.triangle:before{content:'\25be'}i.icon.down.arrow:before{content:'\e75c'}i.icon.left:before{content:'\2190'}i.icon.left.triangle:before{content:'\25c2'}i.icon.left.arrow:before{content:'\e75d'}i.icon.right:before{content:'\2192'}i.icon.right.triangle:before{content:'\25b8'}i.icon.right.arrow:before{content:'\e75e'}i.icon.up:before{content:'\2191'}i.icon.up.triangle:before{content:'\25b4'}i.icon.up.arrow:before{content:'\e75f'}i.icon.folder:before{content:'\e810'}i.icon.open.folder:before{content:'📂'}i.icon.globe:before{content:'𝌍'}i.icon.desk.globe:before{content:'🌐'}i.icon.star:before{content:'\e801'}i.icon.star.empty:before{content:'\e800'}i.icon.star.half:before{content:'\e701'}i.icon.lock:before{content:'🔒'}i.icon.unlock:before{content:'🔓'}i.icon.layout.grid:before{content:'\e80c'}i.icon.layout.block:before{content:'\e708'}i.icon.layout.list:before{content:'\e80b'}i.icon.heart.empty:before{content:'\2661'}i.icon.heart:before{content:'\2665'}i.icon.asterisk:before{content:'\2731'}i.icon.attachment:before{content:'📎'}i.icon.attention:before{content:'\26a0'}i.icon.trophy:before{content:'🏉'}i.icon.barcode:before{content:'\e792'}i.icon.cart:before{content:'\e813'}i.icon.block:before{content:'🚫'}i.icon.book:before{content:'📖'}i.icon.bookmark:before{content:'🔖'}i.icon.calendar:before{content:'📅'}i.icon.cancel:before{content:'\2716'}i.icon.close:before{content:'\e80d'}i.icon.color:before{content:'\e794'}i.icon.chat:before{content:'\e720'}i.icon.check:before{content:'\2611'}i.icon.time:before{content:'🕔'}i.icon.cloud:before{content:'\2601'}i.icon.code:before{content:'\e714'}i.icon.email:before{content:'\40'}i.icon.setting:before{content:'\26ef'}i.icon.settings:before{content:'\2699'}i.icon.comment:before{content:'\e802'}i.icon.clockwise.counter:before{content:'\27f2'}i.icon.clockwise:before{content:'\27f3'}i.icon.direction:before{content:'\27a2'}i.icon.doc:before{content:'📄'}i.icon.docs:before{content:'\e736'}i.icon.dollar:before{content:'💵'}i.icon.paint:before{content:'\e7b5'}i.icon.edit:before{content:'\270d'}i.icon.eject:before{content:'\2ecf'}i.icon.export:before{content:'\e715'}i.icon.hide:before{content:'\e80f'}i.icon.unhide:before{content:'\e70b'}i.icon.facebook:before{content:'\f301'}i.icon.fast-forward:before{content:'\e804'}i.icon.fire:before{content:'🔥'}i.icon.flag:before{content:'\2691'}i.icon.lightning:before{content:'\26a1'}i.icon.lab:before{content:'\68'}i.icon.flight:before{content:'\2708'}i.icon.forward:before{content:'\27a6'}i.icon.gift:before{content:'🎁'}i.icon.github:before{content:'\f308'}i.icon.globe:before{content:'\e817'}i.icon.headphones:before{content:'🎧'}i.icon.question:before{content:'\2753'}i.icon.home:before{content:'\2302'}i.icon.i:before{content:'\2139'}i.icon.idea:before{content:'💡'}i.icon.link.open:before{content:'🔗'}i.icon.content:before{content:'\e782'}i.icon.location:before{content:'\e724'}i.icon.mail:before{content:'\2709'}i.icon.mic:before{content:'🎤'}i.icon.minus:before{content:'\2d'}i.icon.money:before{content:'💰'}i.icon.off:before{content:'\e78e'}i.icon.pause:before{content:'\e808'}i.icon.photos:before{content:'\e812'}i.icon.photo:before{content:'🌄'}i.icon.pin:before{content:'📌'}i.icon.play:before{content:'\e809'}i.icon.plus:before{content:'\2b'}i.icon.print:before{content:'\e716'}i.icon.rss:before{content:'\e73a'}i.icon.search:before{content:'🔍'}i.icon.shuffle:before{content:'\e803'}i.icon.square:before{content:'\e807'}i.icon.tag:before{content:'\e80a'}i.icon.tags:before{content:'\e70d'}i.icon.terminal:before{content:'\e7ac'}i.icon.thumbs.down:before{content:'👎'}i.icon.thumbs.up:before{content:'👍'}i.icon.to-end:before{content:'\e806'}i.icon.to-start:before{content:'\e805'}i.icon.top.list:before{content:'🏆'}i.icon.trash:before{content:'\e729'}i.icon.twitter:before{content:'\f303'}i.icon.upload:before{content:'\e711'}i.icon.user.add:before{content:'\e700'}i.icon.user:before{content:'👤'}i.icon.community:before{content:'\e814'}i.icon.users:before{content:'👥'}i.icon.id:before{content:'\e722'}i.icon.zoom.in:before{content:'\e750'}i.icon.zoom.out:before{content:'\e751'}i.icon.cloud,i.icon.code,i.icon.terminal,i.icon.twitter-bird,i.icon.dollar{margin-left:0;padding-right:.2em}i.icon.left,i.icon.left-open,i.icon.left-dir{width:1em;margin:0 .5em 0 0}i.icon.up,i.icon.up-open,i.icon.up-dir,i.icon.down,i.icon.down-open,i.icon.down-dir,i.icon.right,i.icon.right-open,i.icon.right-dir{width:1em;margin:0 0 0 .1em}i.icon.time{margin-top:-.05em}i.icon.help:before{content:'\e704'}i.icon.info:before{content:'\e705'}i.icon.error:before{content:'\e80d'}i.icon.dislike:before{content:'\2661'}i.icon.like:before{content:'\2665'}i.icon.eye:before{content:'\e80f'}i.icon.eye.hidden:before{content:'\e70b'}i.icon.date:before{content:'📅'}i.icon.disabled{opacity:.3}i.emphasized.icon{opacity:1;padding:.5em;box-shadow:0 0 0 1px rgba(0,0,0,.1)}i.inverted.icon{background-color:#222;color:#FFF;padding:.5em}i.blue.icon{color:#6ECFF5!important}i.black.icon{color:#5C6166!important}i.green.icon{color:#A1CF64!important}i.red.icon{color:#EF4D6D!important}i.purple.icon{color:#564F8A!important}i.teal.icon{color:#00B5AD!important}i.inverted.black.icon{background-color:#5C6166!important;color:#FFF!important}i.inverted.blue.icon{background-color:#6ECFF5!important;color:#FFF!important}i.inverted.green.icon{background-color:#A1CF64!important;color:#FFF!important}i.inverted.red.icon{background-color:#EF4D6D!important;color:#FFF!important}i.inverted.purple.icon{background-color:#564F8A!important;color:#FFF!important}i.inverted.teal.icon{background-color:#00B5AD!important;color:#FFF!important}i.small.icon{font-size:.875em;vertical-align:top}i.icon{font-size:1em;vertical-align:baseline}i.large.icon{font-size:1.5em;vertical-align:middle}i.huge.icon{font-size:2em;vertical-align:middle}i.massive.icon{font-size:4em;vertical-align:middle} \ No newline at end of file diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index fbc81238c..942b66c6a 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -5e96d167df16b96a5a743404cb9f9046d13c8074 \ No newline at end of file +18baf2216d41d73d40c246a400fabcba27d2cdc0 \ No newline at end of file diff --git a/build/uncompressed/collections/message.css b/build/uncompressed/collections/message.css index 4fa24817f..94f4b2a68 100644 --- a/build/uncompressed/collections/message.css +++ b/build/uncompressed/collections/message.css @@ -214,5 +214,5 @@ font-size: 1.5em; } .ui.massive.message { - font-size: 2px; + font-size: 2em; } diff --git a/build/uncompressed/elements/icons.css b/build/uncompressed/elements/icons.css index f1e3ab1c4..fbeddcd0d 100644 --- a/build/uncompressed/elements/icons.css +++ b/build/uncompressed/elements/icons.css @@ -20,18 +20,17 @@ font-style: normal; } i.icon { - font-family: 'Icons'; display: inline-block; + opacity: 0.75; + margin: 0em 0.25em 0em 0em; width: 1em; height: 1em; - margin: 0em 0.25em 0em 0em; + font-family: 'Icons'; font-style: normal; line-height: 1; font-weight: normal; text-decoration: inherit; text-align: center; - vertical-align: baseline; - opacity: 0.75; speak: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; @@ -42,10 +41,6 @@ i.icon.circle.attention:before { content: '\2757'; } /* '❗' */ -i.icon.circle.cancel:before { - content: '\2716'; -} -/* '✖' */ i.icon.circle.help:before { content: '\e704'; } @@ -54,7 +49,7 @@ i.icon.circle.info:before { content: '\e705'; } /* '' */ -i.icon.circle.plus:before { +i.icon.add:before { content: '\2795'; } /* '➕' */ @@ -166,7 +161,7 @@ i.icon.lock:before { content: '🔒'; } /* '\1f512' */ -i.icon.lock.open:before { +i.icon.unlock:before { content: '🔓'; } /* '\1f513' */ @@ -182,15 +177,19 @@ i.icon.layout.list:before { content: '\e80b'; } /* '' */ +i.icon.heart.empty:before { + content: '\2661'; +} +/* '♡' */ +i.icon.heart:before { + content: '\2665'; +} +/* '♥' */ i.icon.asterisk:before { content: '\2731'; } /* '✱' */ -i.icon.at:before { - content: '\40'; -} -/* '@' */ -i.icon.attach:before { +i.icon.attachment:before { content: '📎'; } /* '\1f4ce' */ @@ -198,7 +197,7 @@ i.icon.attention:before { content: '\26a0'; } /* '⚠' */ -i.icon.award:before { +i.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */ @@ -206,11 +205,7 @@ i.icon.barcode:before { content: '\e792'; } /* '' */ -i.icon.basket:before { - content: '\e73d'; -} -/* '' */ -i.icon.basket:before { +i.icon.cart:before { content: '\e813'; } /* '' */ @@ -231,17 +226,17 @@ i.icon.calendar:before { } /* '\1f4c5' */ i.icon.cancel:before { + content: '\2716'; +} +/* '✖' */ +i.icon.close:before { content: '\e80d'; } /* '' */ -i.icon.cancel:before { - content: '\2715'; -} -/* '✕' */ -i.icon.rewind:before { - content: '\27f2'; +i.icon.color:before { + content: '\e794'; } -/* '⟲' */ +/* '' */ i.icon.chat:before { content: '\e720'; } @@ -250,7 +245,7 @@ i.icon.check:before { content: '\2611'; } /* '☑' */ -i.icon.clock:before { +i.icon.time:before { content: '🕔'; } /* '\1f554' */ @@ -262,6 +257,10 @@ i.icon.code:before { content: '\e714'; } /* '' */ +i.icon.email:before { + content: '\40'; +} +/* '@' */ i.icon.setting:before { content: '\26ef'; } @@ -274,6 +273,10 @@ i.icon.comment:before { content: '\e802'; } /* '' */ +i.icon.clockwise.counter:before { + content: '\27f2'; +} +/* '⟲' */ i.icon.clockwise:before { content: '\27f3'; } @@ -294,7 +297,7 @@ i.icon.dollar:before { content: '💵'; } /* '\1f4b5' */ -i.icon.easel:before { +i.icon.paint:before { content: '\e7b5'; } /* '' */ @@ -310,11 +313,11 @@ i.icon.export:before { content: '\e715'; } /* '' */ -i.icon.eye:before { +i.icon.hide:before { content: '\e80f'; } /* '' */ -i.icon.hidden.eye:before { +i.icon.unhide:before { content: '\e70b'; } /* '' */ @@ -334,7 +337,7 @@ i.icon.flag:before { content: '\2691'; } /* '⚑' */ -i.icon.flash:before { +i.icon.lightning:before { content: '\26a1'; } /* '⚡' */ @@ -366,39 +369,27 @@ i.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */ -i.icon.heart-empty:before { - content: '\2661'; -} -/* '♡' */ -i.icon.heart:before { - content: '\2665'; -} -/* '♥' */ i.icon.question:before { content: '\2753'; } /* '❓' */ -i.icon.home-alt:before { - content: '\e80e'; -} -/* '' */ i.icon.home:before { content: '\2302'; } /* '⌂' */ -i.icon.i-letter:before { +i.icon.i:before { content: '\2139'; } /* 'ℹ' */ -i.icon.lamp:before { +i.icon.idea:before { content: '💡'; } /* '\1f4a1' */ -i.icon.link:before { +i.icon.link.open:before { content: '🔗'; } /* '\1f517' */ -i.icon.list:before { +i.icon.content:before { content: '\e782'; } /* '' */ @@ -430,11 +421,11 @@ i.icon.pause:before { content: '\e808'; } /* '' */ -i.icon.pictures:before { +i.icon.photos:before { content: '\e812'; } /* '' */ -i.icon.picture:before { +i.icon.photo:before { content: '🌄'; } /* '\1f304' */ @@ -466,7 +457,7 @@ i.icon.shuffle:before { content: '\e803'; } /* '' */ -i.icon.stop:before { +i.icon.square:before { content: '\e807'; } /* '' */ @@ -482,35 +473,23 @@ i.icon.terminal:before { content: '\e7ac'; } /* '' */ -i.icon.thumbs-down:before { +i.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */ -i.icon.thumbs-up:before { +i.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */ -i.icon.tint:before { - content: '\e794'; -} -/* '' */ i.icon.to-end:before { - content: '\e762'; -} -/* '' */ -i.icon.to-end-alt:before { content: '\e806'; } /* '' */ i.icon.to-start:before { - content: '\e763'; -} -/* '' */ -i.icon.to-start-alt:before { content: '\e805'; } /* '' */ -i.icon.top-list:before { +i.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */ @@ -518,15 +497,15 @@ i.icon.trash:before { content: '\e729'; } /* '' */ -i.icon.twitter-bird:before { +i.icon.twitter:before { content: '\f303'; } /* '' */ -i.icon.upload-cloud:before { +i.icon.upload:before { content: '\e711'; } /* '' */ -i.icon.user-add:before { +i.icon.user.add:before { content: '\e700'; } /* '' */ @@ -534,7 +513,7 @@ i.icon.user:before { content: '👤'; } /* '\1f464' */ -i.icon.users-alt:before { +i.icon.community:before { content: '\e814'; } /* '' */ @@ -542,15 +521,15 @@ i.icon.users:before { content: '👥'; } /* '\1f465' */ -i.icon.vcard:before { +i.icon.id:before { content: '\e722'; } /* '' */ -i.icon.zoom-in:before { +i.icon.zoom.in:before { content: '\e750'; } /* '' */ -i.icon.zoom-out:before { +i.icon.zoom.out:before { content: '\e751'; } /* '' */ @@ -583,17 +562,13 @@ i.icon.right-dir { width: 1em; margin: 0em 0em 0em 0.1em; } -i.icon.clock { +i.icon.time { margin-top: -0.05em; } /*-------------- Aliases ---------------*/ /* aliases for convenience */ -i.icon.close:before { - content: '\e80d'; -} -/* '' */ i.icon.help:before { content: '\e704'; } @@ -606,6 +581,26 @@ i.icon.error:before { content: '\e80d'; } /* '' */ +i.icon.dislike:before { + content: '\2661'; +} +/* '♡' */ +i.icon.like:before { + content: '\2665'; +} +/* '♥' */ +i.icon.eye:before { + content: '\e80f'; +} +/* '' */ +i.icon.eye.hidden:before { + content: '\e70b'; +} +/* '' */ +i.icon.date:before { + content: '📅'; +} +/* '\1f4c5' */ /******************************* States *******************************/ @@ -615,8 +610,10 @@ i.icon.disabled { /******************************* Variations *******************************/ -i.strong.icon { +i.emphasized.icon { opacity: 1; + padding: 0.5em; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); } /*------------------- Inverted @@ -624,6 +621,7 @@ i.strong.icon { i.inverted.icon { background-color: #222222; color: #FFFFFF; + padding: 0.5em; } /*------------------- Colors @@ -673,3 +671,26 @@ i.inverted.teal.icon { background-color: #00B5AD !important; color: #FFFFFF !important; } +/*------------------- + Sizes +--------------------*/ +i.small.icon { + font-size: 0.875em; + vertical-align: top; +} +i.icon { + font-size: 1em; + vertical-align: baseline; +} +i.large.icon { + font-size: 1.5em; + vertical-align: middle; +} +i.huge.icon { + font-size: 2em; + vertical-align: middle; +} +i.massive.icon { + font-size: 4em; + vertical-align: middle; +} diff --git a/node/src/documents/collections/message.html b/node/src/documents/collections/message.html index ea9d428cd..5817ee99a 100755 --- a/node/src/documents/collections/message.html +++ b/node/src/documents/collections/message.html @@ -216,6 +216,23 @@ type : 'UI Collection' +
+

Sizes

+

A text block can have different sizes

+
+ This is a very small message. +
+
+ This is large +
+
+ This is huge +
+
+ This is massive +
+
+ diff --git a/node/src/documents/elements/icon.html b/node/src/documents/elements/icon.html index f92de20d8..7f2ad55c7 100755 --- a/node/src/documents/elements/icon.html +++ b/node/src/documents/elements/icon.html @@ -17,175 +17,246 @@ type : 'UI Element'
Standard States - Variations + Variations
- +

Standard

- -

Icon Set

-
- Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup whenn sitting alongside text. + +

Icon Set

+

Icon sets contain an arbitrary set of icons that represent concepts a website might reference

+
+ Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text. +
+ +
+

Content

+
+
Attachment
+
Barcode
+
Bookmark
+
Cart
+
Chart
+
Bar chart
+
Pie chart
+
Date
+
Doc
+
Docs
+
Email
+
Folder
+
Open folder
+
Home
+
Mail
+
Photo
+
Photos
+
Search
+
Setting
+
Settings
+
Tag
+
Tags
+
Time
+
Top list
+
Trash
+
Community
+
User
+
Users
+
Chat
+
+
+
+

Special Content

+
+
Trophy
+
Cloud
+
Flight
+
Gift
+
Dollar
+
Lab
+
RSS
+
+

User Actions

-
home
-
asterisk
-
at
-
attach
-
attention circle
-
attention
-
award
-
barcode
-
basket
-
block
-
book
-
bookmark
-
calendar
-
cancel
-
cancel circle
-
cancel
-
rewind
-
bar chart
-
pie chart
-
chart
-
chat
-
check
-
clock
-
cloud
+
Add User
+
Block
+
Hide
+
Unhide
+
Lock
+
Unlock
+
Flag
+
Cancel
+
Close
+
Delete
+
Check
+
Edit
+
Open Link
+
Export
+
Forward
+
Upload
+
Like
+
Dislike
+
Pin
+
Star
+
Empty Star
+
Half Star
+
Print
+
Comment
+
+

View

-
setting
-
settings
-
comment
-
clockwise
-
direction
-
doc
-
docs
-
dollar
-
down triangle
-
down arrow
-
down arrow
-
easel
-
edit
-
eject
-
export
-
eye
-
hidden eye
-
facebook
-
fast-fw
-
fire
-
flag
-
flash
-
flight
-
folder
+
Content
+
Grid Layout
+
Block Layout
+
List Layout
> +
Resize Full
+
Resize Horizontal
+
Resize Small
+
Resize Vertical
+
Zoom in
+
Zoom out
+

Media Actions

-
open folder
-
forward
-
gift
-
github
-
globe
-
globe-alt
-
desk globe
-
headphones
-
empty heart
-
heart
-
help circle
-
help
-
home-alt
-
home
-
info circle
-
info
-
lab
-
lamp
-
left triangle
-
left open
-
left
-
link
-
list
-
location
-
open lock
-
lock
-
mail
-
mic
-
minus
-
money
-
off
+
Eject
+
Fast-forward
+
Pause
+
Play
+
To-start
+
To-end
+
Forward
+
Shuffle
+
Clockwise
+
Counter clockwise
+

Objects

-
pause
-
picture
-
pictures
-
pin
-
play-alt
-
plus circle
-
plus
-
print
-
resize full
-
resize horizontal
-
resize small
-
resize vertical
-
right
-
right triangle
-
right arrow
-
rss
-
search
-
shuffle-alt
-
star
-
empty star
-
half star
-
stop-alt
-
tag-alt
-
tags
-
terminal
-
grid layout
-
block layout
-
list layout
-
thumbs-down
-
thumbs-up
-
tint
-
to-end-alt
+
Book
+
Calendar
+
Color
+
Desk globe
+
Fire
+
Globe
+
Headphones
+
Id
+
Idea
+
Lightning
+
Money
+
Paint
+ +
+

Indications

-
to-start-alt
-
to-start-alt
-
top-list
-
trash
-
twitter-bird
-
up
-
up triangle
-
up arrow
-
upload-cloud
-
user-add
-
user
-
users-alt
-
users
-
vcard
-
zoom-in
-
zoom-out
+
Cancel circle
+
Asterisk
+
Attention circle
+
Attention
+
Empty heart
+
Heart
+
Thumbs down
+
Thumbs up
+
Terminal
+
Direction
+ +
Location
+
Help
+
Info
+
Mic
+
Off
+ +
Add
-

States

+
+

Symbols

+
+
Left open
+
Left triangle
+
Left
+
Right
+
Right triangle
+
Right arrow
+
Up
+
Up triangle
+
Up arrow
+
Down arrow
+
Down triangle
+
Down arrow
+
Square
+
Minus
+
Plus
+
+
+
+

Social

+
+
Facebook
+
Twitter
+
Github
+
+
+ +

States

+

Disabled

-

A icon can show that it is disabled

+

An icon can show that it is disabled

- +

Variations

+
+

Size

+

An icon can vary in size

+ + + + + + +
+
+

Emphasized

+

An icon can be formatted to show emphasis

+ +
+ +
+

Colors

+

An icon can be formatted with different colors

+ + + + + + +
+
+

Inverted

+

an icon can have its colors inverted for contrast

+ + + + + + +
+ +
\ No newline at end of file diff --git a/node/src/files/components/semantic/collections/message.css b/node/src/files/components/semantic/collections/message.css index 4fa24817f..94f4b2a68 100644 --- a/node/src/files/components/semantic/collections/message.css +++ b/node/src/files/components/semantic/collections/message.css @@ -214,5 +214,5 @@ font-size: 1.5em; } .ui.massive.message { - font-size: 2px; + font-size: 2em; } diff --git a/node/src/files/components/semantic/elements/icons.css b/node/src/files/components/semantic/elements/icons.css index f1e3ab1c4..fbeddcd0d 100644 --- a/node/src/files/components/semantic/elements/icons.css +++ b/node/src/files/components/semantic/elements/icons.css @@ -20,18 +20,17 @@ font-style: normal; } i.icon { - font-family: 'Icons'; display: inline-block; + opacity: 0.75; + margin: 0em 0.25em 0em 0em; width: 1em; height: 1em; - margin: 0em 0.25em 0em 0em; + font-family: 'Icons'; font-style: normal; line-height: 1; font-weight: normal; text-decoration: inherit; text-align: center; - vertical-align: baseline; - opacity: 0.75; speak: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; @@ -42,10 +41,6 @@ i.icon.circle.attention:before { content: '\2757'; } /* '❗' */ -i.icon.circle.cancel:before { - content: '\2716'; -} -/* '✖' */ i.icon.circle.help:before { content: '\e704'; } @@ -54,7 +49,7 @@ i.icon.circle.info:before { content: '\e705'; } /* '' */ -i.icon.circle.plus:before { +i.icon.add:before { content: '\2795'; } /* '➕' */ @@ -166,7 +161,7 @@ i.icon.lock:before { content: '🔒'; } /* '\1f512' */ -i.icon.lock.open:before { +i.icon.unlock:before { content: '🔓'; } /* '\1f513' */ @@ -182,15 +177,19 @@ i.icon.layout.list:before { content: '\e80b'; } /* '' */ +i.icon.heart.empty:before { + content: '\2661'; +} +/* '♡' */ +i.icon.heart:before { + content: '\2665'; +} +/* '♥' */ i.icon.asterisk:before { content: '\2731'; } /* '✱' */ -i.icon.at:before { - content: '\40'; -} -/* '@' */ -i.icon.attach:before { +i.icon.attachment:before { content: '📎'; } /* '\1f4ce' */ @@ -198,7 +197,7 @@ i.icon.attention:before { content: '\26a0'; } /* '⚠' */ -i.icon.award:before { +i.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */ @@ -206,11 +205,7 @@ i.icon.barcode:before { content: '\e792'; } /* '' */ -i.icon.basket:before { - content: '\e73d'; -} -/* '' */ -i.icon.basket:before { +i.icon.cart:before { content: '\e813'; } /* '' */ @@ -231,17 +226,17 @@ i.icon.calendar:before { } /* '\1f4c5' */ i.icon.cancel:before { + content: '\2716'; +} +/* '✖' */ +i.icon.close:before { content: '\e80d'; } /* '' */ -i.icon.cancel:before { - content: '\2715'; -} -/* '✕' */ -i.icon.rewind:before { - content: '\27f2'; +i.icon.color:before { + content: '\e794'; } -/* '⟲' */ +/* '' */ i.icon.chat:before { content: '\e720'; } @@ -250,7 +245,7 @@ i.icon.check:before { content: '\2611'; } /* '☑' */ -i.icon.clock:before { +i.icon.time:before { content: '🕔'; } /* '\1f554' */ @@ -262,6 +257,10 @@ i.icon.code:before { content: '\e714'; } /* '' */ +i.icon.email:before { + content: '\40'; +} +/* '@' */ i.icon.setting:before { content: '\26ef'; } @@ -274,6 +273,10 @@ i.icon.comment:before { content: '\e802'; } /* '' */ +i.icon.clockwise.counter:before { + content: '\27f2'; +} +/* '⟲' */ i.icon.clockwise:before { content: '\27f3'; } @@ -294,7 +297,7 @@ i.icon.dollar:before { content: '💵'; } /* '\1f4b5' */ -i.icon.easel:before { +i.icon.paint:before { content: '\e7b5'; } /* '' */ @@ -310,11 +313,11 @@ i.icon.export:before { content: '\e715'; } /* '' */ -i.icon.eye:before { +i.icon.hide:before { content: '\e80f'; } /* '' */ -i.icon.hidden.eye:before { +i.icon.unhide:before { content: '\e70b'; } /* '' */ @@ -334,7 +337,7 @@ i.icon.flag:before { content: '\2691'; } /* '⚑' */ -i.icon.flash:before { +i.icon.lightning:before { content: '\26a1'; } /* '⚡' */ @@ -366,39 +369,27 @@ i.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */ -i.icon.heart-empty:before { - content: '\2661'; -} -/* '♡' */ -i.icon.heart:before { - content: '\2665'; -} -/* '♥' */ i.icon.question:before { content: '\2753'; } /* '❓' */ -i.icon.home-alt:before { - content: '\e80e'; -} -/* '' */ i.icon.home:before { content: '\2302'; } /* '⌂' */ -i.icon.i-letter:before { +i.icon.i:before { content: '\2139'; } /* 'ℹ' */ -i.icon.lamp:before { +i.icon.idea:before { content: '💡'; } /* '\1f4a1' */ -i.icon.link:before { +i.icon.link.open:before { content: '🔗'; } /* '\1f517' */ -i.icon.list:before { +i.icon.content:before { content: '\e782'; } /* '' */ @@ -430,11 +421,11 @@ i.icon.pause:before { content: '\e808'; } /* '' */ -i.icon.pictures:before { +i.icon.photos:before { content: '\e812'; } /* '' */ -i.icon.picture:before { +i.icon.photo:before { content: '🌄'; } /* '\1f304' */ @@ -466,7 +457,7 @@ i.icon.shuffle:before { content: '\e803'; } /* '' */ -i.icon.stop:before { +i.icon.square:before { content: '\e807'; } /* '' */ @@ -482,35 +473,23 @@ i.icon.terminal:before { content: '\e7ac'; } /* '' */ -i.icon.thumbs-down:before { +i.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */ -i.icon.thumbs-up:before { +i.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */ -i.icon.tint:before { - content: '\e794'; -} -/* '' */ i.icon.to-end:before { - content: '\e762'; -} -/* '' */ -i.icon.to-end-alt:before { content: '\e806'; } /* '' */ i.icon.to-start:before { - content: '\e763'; -} -/* '' */ -i.icon.to-start-alt:before { content: '\e805'; } /* '' */ -i.icon.top-list:before { +i.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */ @@ -518,15 +497,15 @@ i.icon.trash:before { content: '\e729'; } /* '' */ -i.icon.twitter-bird:before { +i.icon.twitter:before { content: '\f303'; } /* '' */ -i.icon.upload-cloud:before { +i.icon.upload:before { content: '\e711'; } /* '' */ -i.icon.user-add:before { +i.icon.user.add:before { content: '\e700'; } /* '' */ @@ -534,7 +513,7 @@ i.icon.user:before { content: '👤'; } /* '\1f464' */ -i.icon.users-alt:before { +i.icon.community:before { content: '\e814'; } /* '' */ @@ -542,15 +521,15 @@ i.icon.users:before { content: '👥'; } /* '\1f465' */ -i.icon.vcard:before { +i.icon.id:before { content: '\e722'; } /* '' */ -i.icon.zoom-in:before { +i.icon.zoom.in:before { content: '\e750'; } /* '' */ -i.icon.zoom-out:before { +i.icon.zoom.out:before { content: '\e751'; } /* '' */ @@ -583,17 +562,13 @@ i.icon.right-dir { width: 1em; margin: 0em 0em 0em 0.1em; } -i.icon.clock { +i.icon.time { margin-top: -0.05em; } /*-------------- Aliases ---------------*/ /* aliases for convenience */ -i.icon.close:before { - content: '\e80d'; -} -/* '' */ i.icon.help:before { content: '\e704'; } @@ -606,6 +581,26 @@ i.icon.error:before { content: '\e80d'; } /* '' */ +i.icon.dislike:before { + content: '\2661'; +} +/* '♡' */ +i.icon.like:before { + content: '\2665'; +} +/* '♥' */ +i.icon.eye:before { + content: '\e80f'; +} +/* '' */ +i.icon.eye.hidden:before { + content: '\e70b'; +} +/* '' */ +i.icon.date:before { + content: '📅'; +} +/* '\1f4c5' */ /******************************* States *******************************/ @@ -615,8 +610,10 @@ i.icon.disabled { /******************************* Variations *******************************/ -i.strong.icon { +i.emphasized.icon { opacity: 1; + padding: 0.5em; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); } /*------------------- Inverted @@ -624,6 +621,7 @@ i.strong.icon { i.inverted.icon { background-color: #222222; color: #FFFFFF; + padding: 0.5em; } /*------------------- Colors @@ -673,3 +671,26 @@ i.inverted.teal.icon { background-color: #00B5AD !important; color: #FFFFFF !important; } +/*------------------- + Sizes +--------------------*/ +i.small.icon { + font-size: 0.875em; + vertical-align: top; +} +i.icon { + font-size: 1em; + vertical-align: baseline; +} +i.large.icon { + font-size: 1.5em; + vertical-align: middle; +} +i.huge.icon { + font-size: 2em; + vertical-align: middle; +} +i.massive.icon { + font-size: 4em; + vertical-align: middle; +} diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css index b5ea52d79..88c1adbd4 100755 --- a/node/src/files/stylesheets/semantic.css +++ b/node/src/files/stylesheets/semantic.css @@ -433,6 +433,20 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */ position: relative; } +#example .icon.example { + border-top: none; +} +#example .icon.example h3, +#example .icon.example h4 { + margin: 0.5em 0em 2em; +} +#example .icon.example i.code { + top: 30px; +} + +#example .icon.example .grid { + text-align: left; +} #example .icon.example .grid .column { opacity: 0.8; margin-bottom: 4%; @@ -489,15 +503,9 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */ color: #009FDA; } #example .another.icon.example { - margin-top: -15px; border-top: 1px solid rgba(0, 0, 0, 0.1); - padding-top: 50px; -} -#example .another.icon.example i.code { - top: 15px; } - #example .another.example { border-top: none; } @@ -750,8 +758,8 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */ top: 0px; } #example .example { - margin: 16px 0px; - padding: 16px 0px; + margin: 1em 0em; + padding: 1em 0em; border-top: 1px solid rgba(0, 0, 0, 0.05); clear: both; position: relative; diff --git a/node/src/layouts/default.html.eco b/node/src/layouts/default.html.eco index c6b1826a9..f091c0895 100755 --- a/node/src/layouts/default.html.eco +++ b/node/src/layouts/default.html.eco @@ -108,9 +108,9 @@
@@ -125,9 +125,9 @@
diff --git a/src/collections/message.less b/src/collections/message.less index 043238cb5..2aeb3944b 100755 --- a/src/collections/message.less +++ b/src/collections/message.less @@ -270,5 +270,5 @@ font-size: 1.5em; } .ui.massive.message { - font-size: 2px; + font-size: 2em; } \ No newline at end of file diff --git a/src/elements/icons.less b/src/elements/icons.less index 8ffd442ce..4f86aabff 100755 --- a/src/elements/icons.less +++ b/src/elements/icons.less @@ -29,23 +29,21 @@ } i.icon { - font-family: 'Icons'; display: inline-block; + opacity: 0.75; + + margin: 0em 0.25em 0em 0em; width: 1em; height: 1em; - margin: 0em 0.25em 0em 0em; - + font-family: 'Icons'; font-style: normal; line-height: 1; font-weight: normal; text-decoration: inherit; text-align: center; - vertical-align: baseline; - - opacity: 0.75; speak: none; -webkit-font-smoothing: antialiased; @@ -58,10 +56,9 @@ i.icon { i.icon.circle.attention:before { content: '\2757'; } /* '❗' */ -i.icon.circle.cancel:before { content: '\2716'; } /* '✖' */ i.icon.circle.help:before { content: '\e704'; } /* '' */ i.icon.circle.info:before { content: '\e705'; } /* '' */ -i.icon.circle.plus:before { content: '\2795'; } /* '➕' */ +i.icon.add:before { content: '\2795'; } /* '➕' */ i.icon.chart:before { content: '📈'; } /* '\1f4c8' */ i.icon.chart.bar:before { content: '📊'; } /* '\1f4ca' */ @@ -99,52 +96,55 @@ i.icon.star.empty:before { content: '\e800'; } /* '' */ i.icon.star.half:before { content: '\e701'; } /* '' */ i.icon.lock:before { content: '🔒'; } /* '\1f512' */ -i.icon.lock.open:before { content: '🔓'; } /* '\1f513' */ +i.icon.unlock:before { content: '🔓'; } /* '\1f513' */ i.icon.layout.grid:before { content: '\e80c'; } /* '' */ i.icon.layout.block:before { content: '\e708'; } /* '' */ i.icon.layout.list:before { content: '\e80b'; } /* '' */ +i.icon.heart.empty:before { content: '\2661'; } /* '♡' */ +i.icon.heart:before { content: '\2665'; } /* '♥' */ + i.icon.asterisk:before { content: '\2731'; } /* '✱' */ -i.icon.at:before { content: '\40'; } /* '@' */ -i.icon.attach:before { content: '📎'; } /* '\1f4ce' */ +i.icon.attachment:before { content: '📎'; } /* '\1f4ce' */ i.icon.attention:before { content: '\26a0'; } /* '⚠' */ -i.icon.award:before { content: '🏉'; } /* '\1f3c9' */ +i.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */ i.icon.barcode:before { content: '\e792'; } /* '' */ -i.icon.basket:before { content: '\e73d'; } /* '' */ -i.icon.basket:before { content: '\e813'; } /* '' */ +i.icon.cart:before { content: '\e813'; } /* '' */ i.icon.block:before { content: '🚫'; } /* '\1f6ab' */ i.icon.book:before { content: '📖'; } /* '\1f4d6' */ i.icon.bookmark:before { content: '🔖'; } /* '\1f516' */ i.icon.calendar:before { content: '📅'; } /* '\1f4c5' */ -i.icon.cancel:before { content: '\e80d'; } /* '' */ -i.icon.cancel:before { content: '\2715'; } /* '✕' */ -i.icon.rewind:before { content: '\27f2'; } /* '⟲' */ +i.icon.cancel:before { content: '\2716'; } /* '✖' */ +i.icon.close:before { content: '\e80d'; } /* '' */ +i.icon.color:before { content: '\e794'; } /* '' */ i.icon.chat:before { content: '\e720'; } /* '' */ i.icon.check:before { content: '\2611'; } /* '☑' */ -i.icon.clock:before { content: '🕔'; } /* '\1f554' */ +i.icon.time:before { content: '🕔'; } /* '\1f554' */ i.icon.cloud:before { content: '\2601'; } /* '☁' */ i.icon.code:before { content: '\e714'; } /* '' */ +i.icon.email:before { content: '\40'; } /* '@' */ i.icon.setting:before { content: '\26ef'; } /* '⛯' */ i.icon.settings:before { content: '\2699'; } /* '⚙' */ i.icon.comment:before { content: '\e802'; } /* '' */ +i.icon.clockwise.counter:before { content: '\27f2'; } /* '⟲' */ i.icon.clockwise:before { content: '\27f3'; } /* '⟳' */ i.icon.direction:before { content: '\27a2'; } /* '➢' */ i.icon.doc:before { content: '📄'; } /* '\1f4c4' */ i.icon.docs:before { content: '\e736'; } /* '' */ i.icon.dollar:before { content: '💵'; } /* '\1f4b5' */ -i.icon.easel:before { content: '\e7b5'; } /* '' */ +i.icon.paint:before { content: '\e7b5'; } /* '' */ i.icon.edit:before { content: '\270d'; } /* '✍' */ i.icon.eject:before { content: '\2ecf'; } /* '⻏' */ i.icon.export:before { content: '\e715'; } /* '' */ -i.icon.eye:before { content: '\e80f'; } /* '' */ -i.icon.hidden.eye:before { content: '\e70b'; } /* '' */ +i.icon.hide:before { content: '\e80f'; } /* '' */ +i.icon.unhide:before { content: '\e70b'; } /* '' */ i.icon.facebook:before { content: '\f301'; } /* '' */ i.icon.fast-forward:before { content: '\e804'; } /* '' */ i.icon.fire:before { content: '🔥'; } /* '\1f525' */ i.icon.flag:before { content: '\2691'; } /* '⚑' */ -i.icon.flash:before { content: '\26a1'; } /* '⚡' */ +i.icon.lightning:before { content: '\26a1'; } /* '⚡' */ i.icon.lab:before { content: '\68'; } /* 'h' */ i.icon.flight:before { content: '\2708'; } /* '✈' */ i.icon.forward:before { content: '\27a6'; } /* '➦' */ @@ -152,15 +152,12 @@ i.icon.gift:before { content: '🎁'; } /* '\1f381' */ i.icon.github:before { content: '\f308'; } /* '' */ i.icon.globe:before { content: '\e817'; } /* '' */ i.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */ -i.icon.heart-empty:before { content: '\2661'; } /* '♡' */ -i.icon.heart:before { content: '\2665'; } /* '♥' */ i.icon.question:before { content: '\2753'; } /* '❓' */ -i.icon.home-alt:before { content: '\e80e'; } /* '' */ i.icon.home:before { content: '\2302'; } /* '⌂' */ -i.icon.i-letter:before { content: '\2139'; } /* 'ℹ' */ -i.icon.lamp:before { content: '💡'; } /* '\1f4a1' */ -i.icon.link:before { content: '🔗'; } /* '\1f517' */ -i.icon.list:before { content: '\e782'; } /* '' */ +i.icon.i:before { content: '\2139'; } /* 'ℹ' */ +i.icon.idea:before { content: '💡'; } /* '\1f4a1' */ +i.icon.link.open:before { content: '🔗'; } /* '\1f517' */ +i.icon.content:before { content: '\e782'; } /* '' */ i.icon.location:before { content: '\e724'; } /* '' */ i.icon.mail:before { content: '\2709'; } /* '✉' */ i.icon.mic:before { content: '🎤'; } /* '\1f3a4' */ @@ -168,8 +165,8 @@ i.icon.minus:before { content: '\2d'; } /* '-' */ i.icon.money:before { content: '💰'; } /* '\1f4b0' */ i.icon.off:before { content: '\e78e'; } /* '' */ i.icon.pause:before { content: '\e808'; } /* '' */ -i.icon.pictures:before { content: '\e812'; } /* '' */ -i.icon.picture:before { content: '🌄'; } /* '\1f304' */ +i.icon.photos:before { content: '\e812'; } /* '' */ +i.icon.photo:before { content: '🌄'; } /* '\1f304' */ i.icon.pin:before { content: '📌'; } /* '\1f4cc' */ i.icon.play:before { content: '\e809'; } /* '' */ i.icon.plus:before { content: '\2b'; } /* '+' */ @@ -177,28 +174,25 @@ i.icon.print:before { content: '\e716'; } /* '' */ i.icon.rss:before { content: '\e73a'; } /* '' */ i.icon.search:before { content: '🔍'; } /* '\1f50d' */ i.icon.shuffle:before { content: '\e803'; } /* '' */ -i.icon.stop:before { content: '\e807'; } /* '' */ +i.icon.square:before { content: '\e807'; } /* '' */ i.icon.tag:before { content: '\e80a'; } /* '' */ i.icon.tags:before { content: '\e70d'; } /* '' */ i.icon.terminal:before { content: '\e7ac'; } /* '' */ -i.icon.thumbs-down:before { content: '👎'; } /* '\1f44e' */ -i.icon.thumbs-up:before { content: '👍'; } /* '\1f44d' */ -i.icon.tint:before { content: '\e794'; } /* '' */ -i.icon.to-end:before { content: '\e762'; } /* '' */ -i.icon.to-end-alt:before { content: '\e806'; } /* '' */ -i.icon.to-start:before { content: '\e763'; } /* '' */ -i.icon.to-start-alt:before { content: '\e805'; } /* '' */ -i.icon.top-list:before { content: '🏆'; } /* '\1f3c6' */ +i.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */ +i.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */ +i.icon.to-end:before { content: '\e806'; } /* '' */ +i.icon.to-start:before { content: '\e805'; } /* '' */ +i.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */ i.icon.trash:before { content: '\e729'; } /* '' */ -i.icon.twitter-bird:before { content: '\f303'; } /* '' */ -i.icon.upload-cloud:before { content: '\e711'; } /* '' */ -i.icon.user-add:before { content: '\e700'; } /* '' */ +i.icon.twitter:before { content: '\f303'; } /* '' */ +i.icon.upload:before { content: '\e711'; } /* '' */ +i.icon.user.add:before { content: '\e700'; } /* '' */ i.icon.user:before { content: '👤'; } /* '\1f464' */ -i.icon.users-alt:before { content: '\e814'; } /* '' */ +i.icon.community:before { content: '\e814'; } /* '' */ i.icon.users:before { content: '👥'; } /* '\1f465' */ -i.icon.vcard:before { content: '\e722'; } /* '' */ -i.icon.zoom-in:before { content: '\e750'; } /* '' */ -i.icon.zoom-out:before { content: '\e751'; } /* '' */ +i.icon.id:before { content: '\e722'; } /* '' */ +i.icon.zoom.in:before { content: '\e750'; } /* '' */ +i.icon.zoom.out:before { content: '\e751'; } /* '' */ @@ -235,7 +229,7 @@ i.icon.right-dir { margin: 0em 0em 0em 0.1em; } -i.icon.clock { +i.icon.time { margin-top: -0.05em; } @@ -244,11 +238,17 @@ i.icon.clock { ---------------*/ /* aliases for convenience */ -i.icon.close:before { content: '\e80d'; } /* '' */ i.icon.help:before { content: '\e704'; } /* '' */ i.icon.info:before { content: '\e705'; } /* '' */ i.icon.error:before { content: '\e80d'; } /* '' */ +i.icon.dislike:before { content: '\2661'; } /* '♡' */ +i.icon.like:before { content: '\2665'; } /* '♥' */ + +i.icon.eye:before { content: '\e80f'; } /* '' */ +i.icon.eye.hidden:before { content: '\e70b'; } /* '' */ +i.icon.date:before { content: '📅'; } /* '\1f4c5' */ + /******************************* @@ -264,8 +264,10 @@ i.icon.disabled { Variations *******************************/ -i.strong.icon { +i.emphasized.icon { opacity: 1; + padding: 0.5em; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); } @@ -276,6 +278,7 @@ i.strong.icon { i.inverted.icon { background-color: #222222; color: #FFFFFF; + padding: 0.5em; } /*------------------- @@ -328,4 +331,30 @@ i.inverted.purple.icon { i.inverted.teal.icon { background-color: #00B5AD !important; color: #FFFFFF !important; -} \ No newline at end of file +} + + +/*------------------- + Sizes +--------------------*/ + +i.small.icon { + font-size: 0.875em; + vertical-align: top; +} +i.icon { + font-size: 1em; + vertical-align: baseline; +} +i.large.icon { + font-size: 1.5em; + vertical-align: middle; +} +i.huge.icon { + font-size: 2em; + vertical-align: middle; +} +i.massive.icon { + font-size: 4em; + vertical-align: middle; +}