@talentsoft-opensource/hylia/atoms/icon.less

The Hylia design systems. Contains all the building blocks style rules for Talentsoft.

/*
* Add name + id icon
 */

 @icon-megaphone: "\e9b6";
@icon-arrow-left: "\e9aa";
@icon-arrow-right: "\e9ab";
@icon-substract: "\e9ac";
@icon-google-drive: "\ea8f";
@icon-rss: "\ea9b";
@icon-site: "\e9a8";
@icon-tag: "\e9a9";
@icon-reorder: "\e9a7";
@icon-flash-off: "\e9a3";
@icon-flash-auto: "\e9a4";
@icon-flash-on: "\e9a5";
@icon-switch: "\e9a6";
@icon-action-add: "\e900";
@icon-alerte: "\e901";
@icon-alerte2: "\e902";
@icon-camera: "\e903";
@icon-file-broken: "\e904";
@icon-file-csv: "\e905";
@icon-file-empty: "\e906";
@icon-file-excel: "\e907";
@icon-file-pdf: "\e908";
@icon-file-person: "\e909";
@icon-file: "\e90a";
@icon-files: "\e90b";
@icon-filter: "\e90c";
@icon-folder-add: "\e90d";
@icon-folder-download: "\e90e";
@icon-folder-minus: "\e90f";
@icon-folder-open: "\e910";
@icon-folder-upload: "\e911";
@icon-folder: "\e912";
@icon-heart: "\e913";
@icon-heart2: "\e914";
@icon-hide: "\e915";
@icon-historic: "\e916";
@icon-home: "\e917";
@icon-info: "\e918";
@icon-info2: "\e919";
@icon-job: "\e91a";
@icon-like: "\e91b";
@icon-menu: "\e91c";
@icon-minus: "\e91d";
@icon-people: "\e91e";
@icon-play-inprogress: "\e91f";
@icon-plus: "\e920";
@icon-prev: "\e921";
@icon-print-preview: "\e922";
@icon-question: "\e923";
@icon-question2: "\e924";
@icon-reverse: "\e925";
@icon-time2: "\e926";
@icon-twitter2: "\e927";
@icon-viadeo2: "\e928";
@icon-waiting: "\e929";
@icon-warning2: "\e92a";
@icon-xing2: "\e92b";
@icon-abduct: "\e92c";
@icon-add: "\e92d";
@icon-affix: "\e92e";
@icon-airplane: "\e92f";
@icon-arrow-down: "\e930";
@icon-arrow-up: "\e931";
@icon-award: "\e932";
@icon-bell: "\e933";
@icon-blocked: "\e934";
@icon-book: "\e935";
@icon-bookmark: "\e936";
@icon-bookmark2: "\e937";
@icon-bottom: "\e938";
@icon-caddie: "\e939";
@icon-calendar-add: "\e93a";
@icon-calendar-checked: "\e93b";
@icon-calendar-delete: "\e93c";
@icon-calendar-empty: "\e93d";
@icon-calendar-minus: "\e93e";
@icon-calendar: "\e93f";
@icon-card-people: "\e940";
@icon-chart-graph: "\e941";
@icon-chart-histogram: "\e942";
@icon-chart-pie: "\e943";
@icon-chart-pie2: "\e944";
@icon-check: "\e945";
@icon-clipboard-add: "\e946";
@icon-clipboard-check: "\e947";
@icon-clipboard-delete: "\e948";
@icon-clipboard-empty: "\e949";
@icon-clipboard: "\e94a";
@icon-column: "\e94b";
@icon-degree: "\e94c";
@icon-delete: "\e94d";
@icon-discussion: "\e94e";
@icon-discussion2: "\e94f";
@icon-dpwnload: "\e950";
@icon-dropbox: "\e951";
@icon-edit: "\e952";
@icon-expand: "\e953";
@icon-font: "\e954";
@icon-indicator: "\e955";
@icon-item-list: "\e956";
@icon-jalon: "\e957";
@icon-key: "\e958";
@icon-left: "\e959";
@icon-link: "\e95a";
@icon-linkedin: "\e95b";
@icon-linkedin2: "\e95c";
@icon-list-details: "\e95d";
@icon-list-grid: "\e95e";
@icon-loader: "\e95f";
@icon-location: "\e960";
@icon-lock: "\e961";
@icon-logout: "\e962";
@icon-mail: "\e963";
@icon-mail2: "\e964";
@icon-man: "\e965";
@icon-map-sign: "\e966";
@icon-message: "\e967";
@icon-message2: "\e968";
@icon-mobile: "\e969";
@icon-more-vertical: "\e96a";
@icon-more: "\e96b";
@icon-move: "\e96c";
@icon-notification: "\e96d";
@icon-paragraph-centered: "\e96e";
@icon-paragraph-justify: "\e96f";
@icon-paragraph-left: "\e970";
@icon-paragraph-right: "\e971";
@icon-paramters: "\e972";
@icon-pause: "\e973";
@icon-phone: "\e974";
@icon-photo: "\e975";
@icon-picture: "\e976";
@icon-pin: "\e977";
@icon-play: "\e978";
@icon-print: "\e979";
@icon-profil: "\e97a";
@icon-quote-close: "\e97b";
@icon-quote-open: "\e97c";
@icon-reduce: "\e97d";
@icon-refresh: "\e97e";
@icon-repete: "\e97f";
@icon-right: "\e980";
@icon-save: "\e981";
@icon-search: "\e982";
@icon-section: "\e983";
@icon-send: "\e984";
@icon-send2: "\e985";
@icon-setting: "\e986";
@icon-share: "\e987";
@icon-show: "\e988";
@icon-skype: "\e989";
@icon-smiley-happy: "\e98a";
@icon-smiley-neutral: "\e98b";
@icon-smiley-sad: "\e98c";
@icon-spell-check: "\e98d";
@icon-star-empty: "\e98e";
@icon-star-half: "\e98f";
@icon-star: "\e990";
@icon-stop: "\e991";
@icon-table: "\e992";
@icon-target: "\e993";
@icon-time: "\e994";
@icon-top: "\e995";
@icon-translate: "\e996";
@icon-trash: "\e997";
@icon-tree: "\e998";
@icon-trophy: "\e999";
@icon-twitter: "\e99a";
@icon-undo: "\e99b";
@icon-unlock: "\e99c";
@icon-upload: "\e99d";
@icon-vary: "\e99e";
@icon-viadeo: "\e99f";
@icon-warning: "\e9a0";
@icon-woman: "\e9a1";
@icon-xing: "\e9a2";
@icon-icons-ts-alerte3: "\e9ad";
@icon-icons-ts-storage: "\e9b2";
@icon-icons-ts-clock: "\e9ae";
@icon-icons-ts-spinner: "\e9af";
@icon-icons-ts-arrow-right: "\e9b0";
@icon-icons-ts-filters: "\e9b1";
@icon-icons-ts-download-TSL: "\e9b3";
@icon-icons-ts-welcome: "\e9b4";
@icon-icons-ts-diplomas: "\e9b5";
@icon-icons-ts-attachment: "\e9cd";

.Hylia-a-icon {
  &--action {
    transition: filter .3s;
    filter: brightness(100%);
    cursor: pointer;
    
    &:hover {
      filter: brightness(80%);
    }
  }
}

/*
* Add name + id icon
*/
.icon-bar:before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: .4rem;
  background-color: currentColor;
  border-radius: 100rem;
  transform: translateY(-70%);
}

.icon-circle-dot:before {
  content: "";
  display: inline-block;
  width: 1ex;
  height: 1ex;
  border-radius: 50%;
  border: solid 0.1rem currentColor;
  padding: 1px;
  background-clip: content-box;
  background-color: currentColor;
}

.icon-megaphone {
  &:before {
    content: @icon-megaphone; 
  }
}
.icon-arrow-left {
  &:before {
    content: @icon-arrow-left; 
  }
}
.icon-arrow-right {
  &:before {
    content: @icon-arrow-right; 
  }
}
.icon-substract {
  &:before {
    content: @icon-substract; 
  }
}
.icon-google-drive {
  &:before {
    content: @icon-google-drive; 
  }
}
.icon-rss {
  &:before {
    content: @icon-rss; 
  }
}
.icon-site {
  &:before {
    content: @icon-site; 
  }
}
.icon-tag {
  &:before {
    content: @icon-tag; 
  }
}
.icon-reorder {
  &:before {
    content: @icon-reorder; 
  }
}
.icon-flash-off {
  &:before {
    content: @icon-flash-off; 
  }
}
.icon-flash-auto {
  &:before {
    content: @icon-flash-auto; 
  }
}
.icon-flash-on {
  &:before {
    content: @icon-flash-on; 
  }
}
.icon-switch {
  &:before {
    content: @icon-switch; 
  }
}
.icon-action-add {
  &:before {
    content: @icon-action-add; 
  }
}
.icon-alerte {
  &:before {
    content: @icon-alerte; 
  }
}
.icon-alerte2 {
  &:before {
    content: @icon-alerte2; 
  }
}
.icon-camera {
  &:before {
    content: @icon-camera; 
  }
}
.icon-file-broken {
  &:before {
    content: @icon-file-broken; 
  }
}
.icon-file-csv {
  &:before {
    content: @icon-file-csv; 
  }
}
.icon-file-empty {
  &:before {
    content: @icon-file-empty; 
  }
}
.icon-file-excel {
  &:before {
    content: @icon-file-excel; 
  }
}
.icon-file-pdf {
  &:before {
    content: @icon-file-pdf; 
  }
}
.icon-file-person {
  &:before {
    content: @icon-file-person; 
  }
}
.icon-file {
  &:before {
    content: @icon-file; 
  }
}
.icon-files {
  &:before {
    content: @icon-files; 
  }
}
.icon-filter {
  &:before {
    content: @icon-filter; 
  }
}
.icon-folder-add {
  &:before {
    content: @icon-folder-add; 
  }
}
.icon-folder-download {
  &:before {
    content: @icon-folder-download; 
  }
}
.icon-folder-minus {
  &:before {
    content: @icon-folder-minus; 
  }
}
.icon-folder-open {
  &:before {
    content: @icon-folder-open; 
  }
}
.icon-folder-upload {
  &:before {
    content: @icon-folder-upload; 
  }
}
.icon-folder {
  &:before {
    content: @icon-folder; 
  }
}
.icon-heart {
  &:before {
    content: @icon-heart; 
  }
}
.icon-heart2 {
  &:before {
    content: @icon-heart2; 
  }
}
.icon-hide {
  &:before {
    content: @icon-hide; 
  }
}
.icon-historic {
  &:before {
    content: @icon-historic; 
  }
}
.icon-home {
  &:before {
    content: @icon-home; 
  }
}
.icon-info {
  &:before {
    content: @icon-info; 
  }
}
.icon-info2 {
  &:before {
    content: @icon-info2; 
  }
}
.icon-job {
  &:before {
    content: @icon-job; 
  }
}
.icon-like {
  &:before {
    content: @icon-like; 
  }
}
.icon-menu {
  &:before {
    content: @icon-menu; 
  }
}
.icon-minus {
  &:before {
    content: @icon-minus; 
  }
}
.icon-people {
  &:before {
    content: @icon-people; 
  }
}
.icon-play-inprogress {
  &:before {
    content: @icon-play-inprogress; 
  }
}
.icon-plus {
  &:before {
    content: @icon-plus; 
  }
}
.icon-prev {
  &:before {
    content: @icon-prev; 
  }
}
.icon-print-preview {
  &:before {
    content: @icon-print-preview; 
  }
}
.icon-question {
  &:before {
    content: @icon-question; 
  }
}
.icon-question2 {
  &:before {
    content: @icon-question2; 
  }
}
.icon-reverse {
  &:before {
    content: @icon-reverse; 
  }
}
.icon-time2 {
  &:before {
    content: @icon-time2; 
  }
}
.icon-twitter2 {
  &:before {
    content: @icon-twitter2; 
  }
}
.icon-viadeo2 {
  &:before {
    content: @icon-viadeo2; 
  }
}
.icon-waiting {
  &:before {
    content: @icon-waiting; 
  }
}
.icon-warning2 {
  &:before {
    content: @icon-warning2; 
  }
}
.icon-xing2 {
  &:before {
    content: @icon-xing2; 
  }
}
.icon-abduct {
  &:before {
    content: @icon-abduct; 
  }
}
.icon-add {
  &:before {
    content: @icon-add; 
  }
}
.icon-affix {
  &:before {
    content: @icon-affix; 
  }
}
.icon-airplane {
  &:before {
    content: @icon-airplane; 
  }
}
.icon-arrow-down {
  &:before {
    content: @icon-arrow-down; 
  }
}
.icon-arrow-up {
  &:before {
    content: @icon-arrow-up; 
  }
}
.icon-award {
  &:before {
    content: @icon-award; 
  }
}
.icon-bell {
  &:before {
    content: @icon-bell; 
  }
}
.icon-blocked {
  &:before {
    content: @icon-blocked; 
  }
}
.icon-book {
  &:before {
    content: @icon-book; 
  }
}
.icon-bookmark {
  &:before {
    content: @icon-bookmark; 
  }
}
.icon-bookmark2 {
  &:before {
    content: @icon-bookmark2; 
  }
}
.icon-bottom {
  &:before {
    content: @icon-bottom; 
  }
}
.icon-caddie {
  &:before {
    content: @icon-caddie; 
  }
}
.icon-calendar-add {
  &:before {
    content: @icon-calendar-add; 
  }
}
.icon-calendar-checked {
  &:before {
    content: @icon-calendar-checked; 
  }
}
.icon-calendar-delete {
  &:before {
    content: @icon-calendar-delete; 
  }
}
.icon-calendar-empty {
  &:before {
    content: @icon-calendar-empty; 
  }
}
.icon-calendar-minus {
  &:before {
    content: @icon-calendar-minus; 
  }
}
.icon-calendar {
  &:before {
    content: @icon-calendar; 
  }
}
.icon-card-people {
  &:before {
    content: @icon-card-people; 
  }
}
.icon-chart-graph {
  &:before {
    content: @icon-chart-graph; 
  }
}
.icon-chart-histogram {
  &:before {
    content: @icon-chart-histogram; 
  }
}
.icon-chart-pie {
  &:before {
    content: @icon-chart-pie; 
  }
}
.icon-chart-pie2 {
  &:before {
    content: @icon-chart-pie2; 
  }
}
.icon-check {
  &:before {
    content: @icon-check; 
  }
}
.icon-clipboard-add {
  &:before {
    content: @icon-clipboard-add; 
  }
}
.icon-clipboard-check {
  &:before {
    content: @icon-clipboard-check; 
  }
}
.icon-clipboard-delete {
  &:before {
    content: @icon-clipboard-delete; 
  }
}
.icon-clipboard-empty {
  &:before {
    content: @icon-clipboard-empty; 
  }
}
.icon-clipboard {
  &:before {
    content: @icon-clipboard; 
  }
}
.icon-column {
  &:before {
    content: @icon-column; 
  }
}
.icon-degree {
  &:before {
    content: @icon-degree; 
  }
}
.icon-delete {
  &:before {
    content: @icon-delete; 
  }
}
.icon-discussion {
  &:before {
    content: @icon-discussion; 
  }
}
.icon-discussion2 {
  &:before {
    content: @icon-discussion2; 
  }
}
.icon-dpwnload {
  &:before {
    content: @icon-dpwnload; 
  }
}
.icon-dropbox {
  &:before {
    content: @icon-dropbox; 
  }
}
.icon-edit {
  &:before {
    content: @icon-edit; 
  }
}
.icon-expand {
  &:before {
    content: @icon-expand; 
  }
}
.icon-font {
  &:before {
    content: @icon-font; 
  }
}
.icon-indicator {
  &:before {
    content: @icon-indicator; 
  }
}
.icon-item-list {
  &:before {
    content: @icon-item-list; 
  }
}
.icon-jalon {
  &:before {
    content: @icon-jalon; 
  }
}
.icon-key {
  &:before {
    content: @icon-key; 
  }
}
.icon-left {
  &:before {
    content: @icon-left; 
  }
}
.icon-link {
  &:before {
    content: @icon-link; 
  }
}
.icon-linkedin {
  &:before {
    content: @icon-linkedin; 
  }
}
.icon-linkedin2 {
  &:before {
    content: @icon-linkedin2; 
  }
}
.icon-list-details {
  &:before {
    content: @icon-list-details; 
  }
}
.icon-list-grid {
  &:before {
    content: @icon-list-grid; 
  }
}
.icon-loader {
  &:before {
    content: @icon-loader; 
  }
}
.icon-location {
  &:before {
    content: @icon-location; 
  }
}
.icon-lock {
  &:before {
    content: @icon-lock; 
  }
}
.icon-logout {
  &:before {
    content: @icon-logout; 
  }
}
.icon-mail {
  &:before {
    content: @icon-mail; 
  }
}
.icon-mail2 {
  &:before {
    content: @icon-mail2; 
  }
}
.icon-man {
  &:before {
    content: @icon-man; 
  }
}
.icon-map-sign {
  &:before {
    content: @icon-map-sign; 
  }
}
.icon-message {
  &:before {
    content: @icon-message; 
  }
}
.icon-message2 {
  &:before {
    content: @icon-message2; 
  }
}
.icon-mobile {
  &:before {
    content: @icon-mobile; 
  }
}
.icon-more-vertical {
  &:before {
    content: @icon-more-vertical; 
  }
}
.icon-more {
  &:before {
    content: @icon-more; 
  }
}
.icon-move {
  &:before {
    content: @icon-move; 
  }
}
.icon-notification {
  &:before {
    content: @icon-notification; 
  }
}
.icon-paragraph-centered {
  &:before {
    content: @icon-paragraph-centered; 
  }
}
.icon-paragraph-justify {
  &:before {
    content: @icon-paragraph-justify; 
  }
}
.icon-paragraph-left {
  &:before {
    content: @icon-paragraph-left; 
  }
}
.icon-paragraph-right {
  &:before {
    content: @icon-paragraph-right; 
  }
}
.icon-paramters {
  &:before {
    content: @icon-paramters; 
  }
}
.icon-pause {
  &:before {
    content: @icon-pause; 
  }
}
.icon-phone {
  &:before {
    content: @icon-phone; 
  }
}
.icon-photo {
  &:before {
    content: @icon-photo; 
  }
}
.icon-picture {
  &:before {
    content: @icon-picture; 
  }
}
.icon-pin {
  &:before {
    content: @icon-pin; 
  }
}
.icon-play {
  &:before {
    content: @icon-play; 
  }
}
.icon-print {
  &:before {
    content: @icon-print; 
  }
}
.icon-profil {
  &:before {
    content: @icon-profil; 
  }
}
.icon-quote-close {
  &:before {
    content: @icon-quote-close; 
  }
}
.icon-quote-open {
  &:before {
    content: @icon-quote-open; 
  }
}
.icon-reduce {
  &:before {
    content: @icon-reduce; 
  }
}
.icon-refresh {
  &:before {
    content: @icon-refresh; 
  }
}
.icon-repete {
  &:before {
    content: @icon-repete; 
  }
}
.icon-right {
  &:before {
    content: @icon-right; 
  }
}
.icon-save {
  &:before {
    content: @icon-save; 
  }
}
.icon-search {
  &:before {
    content: @icon-search; 
  }
}
.icon-section {
  &:before {
    content: @icon-section; 
  }
}
.icon-send {
  &:before {
    content: @icon-send; 
  }
}
.icon-send2 {
  &:before {
    content: @icon-send2; 
  }
}
.icon-setting {
  &:before {
    content: @icon-setting; 
  }
}
.icon-share {
  &:before {
    content: @icon-share; 
  }
}
.icon-show {
  &:before {
    content: @icon-show; 
  }
}
.icon-skype {
  &:before {
    content: @icon-skype; 
  }
}
.icon-smiley-happy {
  &:before {
    content: @icon-smiley-happy; 
  }
}
.icon-smiley-neutral {
  &:before {
    content: @icon-smiley-neutral; 
  }
}
.icon-smiley-sad {
  &:before {
    content: @icon-smiley-sad; 
  }
}
.icon-spell-check {
  &:before {
    content: @icon-spell-check; 
  }
}
.icon-star-empty {
  &:before {
    content: @icon-star-empty; 
  }
}
.icon-star-half {
  &:before {
    content: @icon-star-half; 
  }
}
.icon-star {
  &:before {
    content: @icon-star; 
  }
}
.icon-stop {
  &:before {
    content: @icon-stop; 
  }
}
.icon-table {
  &:before {
    content: @icon-table; 
  }
}
.icon-target {
  &:before {
    content: @icon-target; 
  }
}
.icon-time {
  &:before {
    content: @icon-time; 
  }
}
.icon-top {
  &:before {
    content: @icon-top; 
  }
}
.icon-translate {
  &:before {
    content: @icon-translate; 
  }
}
.icon-trash {
  &:before {
    content: @icon-trash; 
  }
}
.icon-tree {
  &:before {
    content: @icon-tree; 
  }
}
.icon-trophy {
  &:before {
    content: @icon-trophy; 
  }
}
.icon-twitter {
  &:before {
    content: @icon-twitter; 
  }
}
.icon-undo {
  &:before {
    content: @icon-undo; 
  }
}
.icon-unlock {
  &:before {
    content: @icon-unlock; 
  }
}
.icon-upload {
  &:before {
    content: @icon-upload; 
  }
}
.icon-vary {
  &:before {
    content: @icon-vary; 
  }
}
.icon-viadeo {
  &:before {
    content: @icon-viadeo; 
  }
}
.icon-warning {
  &:before {
    content: @icon-warning; 
  }
}
.icon-woman {
  &:before {
    content: @icon-woman; 
  }
}
.icon-xing {
  &:before {
    content: @icon-xing; 
  }
}
.icon-icons-ts-alerte3 {
  &:before {
    content: @icon-icons-ts-alerte3; 
  }
}
.icon-icons-ts-storage {
  &:before {
    content: @icon-icons-ts-storage; 
  }
}
.icon-icons-ts-clock {
  &:before {
    content: @icon-icons-ts-clock; 
  }
}
.icon-icons-ts-spinner {
  &:before {
    content: @icon-icons-ts-spinner; 
  }
}
.icon-icons-ts-arrow-right {
  &:before {
    content: @icon-icons-ts-arrow-right; 
  }
}
.icon-icons-ts-filters {
  &:before {
    content: @icon-icons-ts-filters; 
  }
}
.icon-icons-ts-download-TSL {
  &:before {
    content: @icon-icons-ts-download-TSL; 
  }
}
.icon-icons-ts-welcome {
  &:before {
    content: @icon-icons-ts-welcome; 
  }
}
.icon-icons-ts-diplomas {
  &:before {
    content: @icon-icons-ts-diplomas; 
  }
}
.icon-icons-ts-attachment {
  &:before {
    content: @icon-icons-ts-attachment; 
  }
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "talentsoft-font-icons" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: inherit;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}