Create variables.less

Create variables.less

// Variables
// --------------------------

@fa-font-path:        "../fonts";
@fa-font-size-base:   14px;
//@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts"; // for referencing Bootstrap CDN font files directly
@fa-css-prefix:       fa;
@fa-version:          "4.3.0";
@fa-border-color:     #eee;
@fa-inverse:          #fff;
@fa-li-width:         (30em / 14);

@fa-var-adjust: "\f042";
@fa-var-adn: "\f170";
@fa-var-align-center: "\f037";
@fa-var-align-justify: "\f039";
@fa-var-align-left: "\f036";
@fa-var-align-right: "\f038";
@fa-var-ambulance: "\f0f9";
@fa-var-anchor: "\f13d";
@fa-var-android: "\f17b";
@fa-var-angellist: "\f209";
@fa-var-angle-double-down: "\f103";
@fa-var-angle-double-left: "\f100";
@fa-var-angle-double-right: "\f101";
@fa-var-angle-double-up: "\f102";
@fa-var-angle-down: "\f107";
@fa-var-angle-left: "\f104";
@fa-var-angle-right: "\f105";
@fa-var-angle-up: "\f106";
@fa-var-apple: "\f179";
@fa-var-archive: "\f187";
@fa-var-area-chart: "\f1fe";
@fa-var-arrow-circle-down: "\f0ab";
@fa-var-arrow-circle-left: "\f0a8";
@fa-var-arrow-circle-o-down: "\f01a";
@fa-var-arrow-circle-o-left: "\f190";
@fa-var-arrow-circle-o-right: "\f18e";
@fa-var-arrow-circle-o-up: "\f01b";
@fa-var-arrow-circle-right: "\f0a9";
@fa-var-arrow-circle-up: "\f0aa";
@fa-var-arrow-down: "\f063";
@fa-var-arrow-left: "\f060";
@fa-var-arrow-right: "\f061";
@fa-var-arrow-up: "\f062";
@fa-var-arrows: "\f047";
@fa-var-arrows-alt: "\f0b2";
@fa-var-arrows-h: "\f07e";
@fa-var-arrows-v: "\f07d";
@fa-var-asterisk: "\f069";
@fa-var-at: "\f1fa";
@fa-var-automobile: "\f1b9";
@fa-var-backward: "\f04a";
@fa-var-ban: "\f05e";
@fa-var-bank: "\f19c";
@fa-var-bar-chart: "\f080";
@fa-var-bar-chart-o: "\f080";
@fa-var-barcode: "\f02a";
@fa-var-bars: "\f0c9";
@fa-var-bed: "\f236";
@fa-var-beer: "\f0fc";
@fa-var-behance: "\f1b4";
@fa-var-behance-square: "\f1b5";
@fa-var-bell: "\f0f3";
@fa-var-bell-o: "\f0a2";
@fa-var-bell-slash: "\f1f6";
@fa-var-bell-slash-o: "\f1f7";
@fa-var-bicycle: "\f206";
@fa-var-binoculars: "\f1e5";
@fa-var-birthday-cake: "\f1fd";
@fa-var-bitbucket: "\f171";
@fa-var-bitbucket-square: "\f172";
@fa-var-bitcoin: "\f15a";
@fa-var-bold: "\f032";
@fa-var-bolt: "\f0e7";
@fa-var-bomb: "\f1e2";
@fa-var-book: "\f02d";
@fa-var-bookmark: "\f02e";
@fa-var-bookmark-o: "\f097";
@fa-var-briefcase: "\f0b1";
@fa-var-btc: "\f15a";
@fa-var-bug: "\f188";
@fa-var-building: "\f1ad";
@fa-var-building-o: "\f0f7";
@fa-var-bullhorn: "\f0a1";
@fa-var-bullseye: "\f140";
@fa-var-bus: "\f207";
@fa-var-buysellads: "\f20d";
@fa-var-cab: "\f1ba";
@fa-var-calculator: "\f1ec";
@fa-var-calendar: "\f073";
@fa-var-calendar-o: "\f133";
@fa-var-camera: "\f030";
@fa-var-camera-retro: "\f083";
@fa-var-car: "\f1b9";
@fa-var-caret-down: "\f0d7";
@fa-var-caret-left: "\f0d9";
@fa-var-caret-right: "\f0da";
@fa-var-caret-square-o-down: "\f150";
@fa-var-caret-square-o-left: "\f191";
@fa-var-caret-square-o-right: "\f152";
@fa-var-caret-square-o-up: "\f151";
@fa-var-caret-up: "\f0d8";
@fa-var-cart-arrow-down: "\f218";
@fa-var-cart-plus: "\f217";
@fa-var-cc: "\f20a";
@fa-var-cc-amex: "\f1f3";
@fa-var-cc-discover: "\f1f2";
@fa-var-cc-mastercard: "\f1f1";
@fa-var-cc-paypal: "\f1f4";
@fa-var-cc-stripe: "\f1f5";
@fa-var-cc-visa: "\f1f0";
@fa-var-certificate: "\f0a3";
@fa-var-chain: "\f0c1";
@fa-var-chain-broken: "\f127";
@fa-var-check: "\f00c";
@fa-var-check-circle: "\f058";
@fa-var-check-circle-o: "\f05d";
@fa-var-check-square: "\f14a";
@fa-var-check-square-o: "\f046";
@fa-var-chevron-circle-down: "\f13a";
@fa-var-chevron-circle-left: "\f137";
@fa-var-chevron-circle-right: "\f138";
@fa-var-chevron-circle-up: "\f139";
@fa-var-chevron-down: "\f078";
@fa-var-chevron-left: "\f053";
@fa-var-chevron-right: "\f054";
@fa-var-chevron-up: "\f077";
@fa-var-child: "\f1ae";
@fa-var-circle: "\f111";
@fa-var-circle-o: "\f10c";
@fa-var-circle-o-notch: "\f1ce";
@fa-var-circle-thin: "\f1db";
@fa-var-clipboard: "\f0ea";
@fa-var-clock-o: "\f017";
@fa-var-close: "\f00d";
@fa-var-cloud: "\f0c2";
@fa-var-cloud-download: "\f0ed";
@fa-var-cloud-upload: "\f0ee";
@fa-var-cny: "\f157";
@fa-var-code: "\f121";
@fa-var-code-fork: "\f126";
@fa-var-codepen: "\f1cb";
@fa-var-coffee: "\f0f4";
@fa-var-cog: "\f013";
@fa-var-cogs: "\f085";
@fa-var-columns: "\f0db";
@fa-var-comment: "\f075";
@fa-var-comment-o: "\f0e5";
@fa-var-comments: "\f086";
@fa-var-comments-o: "\f0e6";
@fa-var-compass: "\f14e";
@fa-var-compress: "\f066";
@fa-var-connectdevelop: "\f20e";
@fa-var-copy: "\f0c5";
@fa-var-copyright: "\f1f9";
@fa-var-credit-card: "\f09d";
@fa-var-crop: "\f125";
@fa-var-crosshairs: "\f05b";
@fa-var-css3: "\f13c";
@fa-var-cube: "\f1b2";
@fa-var-cubes: "\f1b3";
@fa-var-cut: "\f0c4";
@fa-var-cutlery: "\f0f5";
@fa-var-dashboard: "\f0e4";
@fa-var-dashcube: "\f210";
@fa-var-database: "\f1c0";
@fa-var-dedent: "\f03b";
@fa-var-delicious: "\f1a5";
@fa-var-desktop: "\f108";
@fa-var-deviantart: "\f1bd";
@fa-var-diamond: "\f219";
@fa-var-digg: "\f1a6";
@fa-var-dollar: "\f155";
@fa-var-dot-circle-o: "\f192";
@fa-var-download: "\f019";
@fa-var-dribbble: "\f17d";
@fa-var-dropbox: "\f16b";
@fa-var-drupal: "\f1a9";
@fa-var-edit: "\f044";
@fa-var-eject: "\f052";
@fa-var-ellipsis-h: "\f141";
@fa-var-ellipsis-v: "\f142";
@fa-var-empire: "\f1d1";
@fa-var-envelope: "\f0e0";
@fa-var-envelope-o: "\f003";
@fa-var-envelope-square: "\f199";
@fa-var-eraser: "\f12d";
@fa-var-eur: "\f153";
@fa-var-euro: "\f153";
@fa-var-exchange: "\f0ec";
@fa-var-exclamation: "\f12a";
@fa-var-exclamation-circle: "\f06a";
@fa-var-exclamation-triangle: "\f071";
@fa-var-expand: "\f065";
@fa-var-external-link: "\f08e";
@fa-var-external-link-square: "\f14c";
@fa-var-eye: "\f06e";
@fa-var-eye-slash: "\f070";
@fa-var-eyedropper: "\f1fb";
@fa-var-facebook: "\f09a";
@fa-var-facebook-f: "\f09a";
@fa-var-facebook-official: "\f230";
@fa-var-facebook-square: "\f082";
@fa-var-fast-backward: "\f049";
@fa-var-fast-forward: "\f050";
@fa-var-fax: "\f1ac";
@fa-var-female: "\f182";
@fa-var-fighter-jet: "\f0fb";
@fa-var-file: "\f15b";
@fa-var-file-archive-o: "\f1c6";
@fa-var-file-audio-o: "\f1c7";
@fa-var-file-code-o: "\f1c9";
@fa-var-file-excel-o: "\f1c3";
@fa-var-file-image-o: "\f1c5";
@fa-var-file-movie-o: "\f1c8";
@fa-var-file-o: "\f016";
@fa-var-file-pdf-o: "\f1c1";
@fa-var-file-photo-o: "\f1c5";
@fa-var-file-picture-o: "\f1c5";
@fa-var-file-powerpoint-o: "\f1c4";
@fa-var-file-sound-o: "\f1c7";
@fa-var-file-text: "\f15c";
@fa-var-file-text-o: "\f0f6";
@fa-var-file-video-o: "\f1c8";
@fa-var-file-word-o: "\f1c2";
@fa-var-file-zip-o: "\f1c6";
@fa-var-files-o: "\f0c5";
@fa-var-film: "\f008";
@fa-var-filter: "\f0b0";
@fa-var-fire: "\f06d";
@fa-var-fire-extinguisher: "\f134";
@fa-var-flag: "\f024";
@fa-var-flag-checkered: "\f11e";
@fa-var-flag-o: "\f11d";
@fa-var-flash: "\f0e7";
@fa-var-flask: "\f0c3";
@fa-var-flickr: "\f16e";
@fa-var-floppy-o: "\f0c7";
@fa-var-folder: "\f07b";
@fa-var-folder-o: "\f114";
@fa-var-folder-open: "\f07c";
@fa-var-folder-open-o: "\f115";
@fa-var-font: "\f031";
@fa-var-forumbee: "\f211";
@fa-var-forward: "\f04e";
@fa-var-foursquare: "\f180";
@fa-var-frown-o: "\f119";
@fa-var-futbol-o: "\f1e3";
@fa-var-gamepad: "\f11b";
@fa-var-gavel: "\f0e3";
@fa-var-gbp: "\f154";
@fa-var-ge: "\f1d1";
@fa-var-gear: "\f013";
@fa-var-gears: "\f085";
@fa-var-genderless: "\f1db";
@fa-var-gift: "\f06b";
@fa-var-git: "\f1d3";
@fa-var-git-square: "\f1d2";
@fa-var-github: "\f09b";
@fa-var-github-alt: "\f113";
@fa-var-github-square: "\f092";
@fa-var-gittip: "\f184";
@fa-var-glass: "\f000";
@fa-var-globe: "\f0ac";
@fa-var-google: "\f1a0";
@fa-var-google-plus: "\f0d5";
@fa-var-google-plus-square: "\f0d4";
@fa-var-google-wallet: "\f1ee";
@fa-var-graduation-cap: "\f19d";
@fa-var-gratipay: "\f184";
@fa-var-group: "\f0c0";
@fa-var-h-square: "\f0fd";
@fa-var-hacker-news: "\f1d4";
@fa-var-hand-o-down: "\f0a7";
@fa-var-hand-o-left: "\f0a5";
@fa-var-hand-o-right: "\f0a4";
@fa-var-hand-o-up: "\f0a6";
@fa-var-hdd-o: "\f0a0";
@fa-var-header: "\f1dc";
@fa-var-headphones: "\f025";
@fa-var-heart: "\f004";
@fa-var-heart-o: "\f08a";
@fa-var-heartbeat: "\f21e";
@fa-var-history: "\f1da";
@fa-var-home: "\f015";
@fa-var-hospital-o: "\f0f8";
@fa-var-hotel: "\f236";
@fa-var-html5: "\f13b";
@fa-var-ils: "\f20b";
@fa-var-image: "\f03e";
@fa-var-inbox: "\f01c";
@fa-var-indent: "\f03c";
@fa-var-info: "\f129";
@fa-var-info-circle: "\f05a";
@fa-var-inr: "\f156";
@fa-var-instagram: "\f16d";
@fa-var-institution: "\f19c";
@fa-var-ioxhost: "\f208";
@fa-var-italic: "\f033";
@fa-var-joomla: "\f1aa";
@fa-var-jpy: "\f157";
@fa-var-jsfiddle: "\f1cc";
@fa-var-key: "\f084";
@fa-var-keyboard-o: "\f11c";
@fa-var-krw: "\f159";
@fa-var-language: "\f1ab";
@fa-var-laptop: "\f109";
@fa-var-lastfm: "\f202";
@fa-var-lastfm-square: "\f203";
@fa-var-leaf: "\f06c";
@fa-var-leanpub: "\f212";
@fa-var-legal: "\f0e3";
@fa-var-lemon-o: "\f094";
@fa-var-level-down: "\f149";
@fa-var-level-up: "\f148";
@fa-var-life-bouy: "\f1cd";
@fa-var-life-buoy: "\f1cd";
@fa-var-life-ring: "\f1cd";
@fa-var-life-saver: "\f1cd";
@fa-var-lightbulb-o: "\f0eb";
@fa-var-line-chart: "\f201";
@fa-var-link: "\f0c1";
@fa-var-linkedin: "\f0e1";
@fa-var-linkedin-square: "\f08c";
@fa-var-linux: "\f17c";
@fa-var-list: "\f03a";
@fa-var-list-alt: "\f022";
@fa-var-list-ol: "\f0cb";
@fa-var-list-ul: "\f0ca";
@fa-var-location-arrow: "\f124";
@fa-var-lock: "\f023";
@fa-var-long-arrow-down: "\f175";
@fa-var-long-arrow-left: "\f177";
@fa-var-long-arrow-right: "\f178";
@fa-var-long-arrow-up: "\f176";
@fa-var-magic: "\f0d0";
@fa-var-magnet: "\f076";
@fa-var-mail-forward: "\f064";
@fa-var-mail-reply: "\f112";
@fa-var-mail-reply-all: "\f122";
@fa-var-male: "\f183";
@fa-var-map-marker: "\f041";
@fa-var-mars: "\f222";
@fa-var-mars-double: "\f227";
@fa-var-mars-stroke: "\f229";
@fa-var-mars-stroke-h: "\f22b";
@fa-var-mars-stroke-v: "\f22a";
@fa-var-maxcdn: "\f136";
@fa-var-meanpath: "\f20c";
@fa-var-medium: "\f23a";
@fa-var-medkit: "\f0fa";
@fa-var-meh-o: "\f11a";
@fa-var-mercury: "\f223";
@fa-var-microphone: "\f130";
@fa-var-microphone-slash: "\f131";
@fa-var-minus: "\f068";
@fa-var-minus-circle: "\f056";
@fa-var-minus-square: "\f146";
@fa-var-minus-square-o: "\f147";
@fa-var-mobile: "\f10b";
@fa-var-mobile-phone: "\f10b";
@fa-var-money: "\f0d6";
@fa-var-moon-o: "\f186";
@fa-var-mortar-board: "\f19d";
@fa-var-motorcycle: "\f21c";
@fa-var-music: "\f001";
@fa-var-navicon: "\f0c9";
@fa-var-neuter: "\f22c";
@fa-var-newspaper-o: "\f1ea";
@fa-var-openid: "\f19b";
@fa-var-outdent: "\f03b";
@fa-var-pagelines: "\f18c";
@fa-var-paint-brush: "\f1fc";
@fa-var-paper-plane: "\f1d8";
@fa-var-paper-plane-o: "\f1d9";
@fa-var-paperclip: "\f0c6";
@fa-var-paragraph: "\f1dd";
@fa-var-paste: "\f0ea";
@fa-var-pause: "\f04c";
@fa-var-paw: "\f1b0";
@fa-var-paypal: "\f1ed";
@fa-var-pencil: "\f040";
@fa-var-pencil-square: "\f14b";
@fa-var-pencil-square-o: "\f044";
@fa-var-phone: "\f095";
@fa-var-phone-square: "\f098";
@fa-var-photo: "\f03e";
@fa-var-picture-o: "\f03e";
@fa-var-pie-chart: "\f200";
@fa-var-pied-piper: "\f1a7";
@fa-var-pied-piper-alt: "\f1a8";
@fa-var-pinterest: "\f0d2";
@fa-var-pinterest-p: "\f231";
@fa-var-pinterest-square: "\f0d3";
@fa-var-plane: "\f072";
@fa-var-play: "\f04b";
@fa-var-play-circle: "\f144";
@fa-var-play-circle-o: "\f01d";
@fa-var-plug: "\f1e6";
@fa-var-plus: "\f067";
@fa-var-plus-circle: "\f055";
@fa-var-plus-square: "\f0fe";
@fa-var-plus-square-o: "\f196";
@fa-var-power-off: "\f011";
@fa-var-print: "\f02f";
@fa-var-puzzle-piece: "\f12e";
@fa-var-qq: "\f1d6";
@fa-var-qrcode: "\f029";
@fa-var-question: "\f128";
@fa-var-question-circle: "\f059";
@fa-var-quote-left: "\f10d";
@fa-var-quote-right: "\f10e";
@fa-var-ra: "\f1d0";
@fa-var-random: "\f074";
@fa-var-rebel: "\f1d0";
@fa-var-recycle: "\f1b8";
@fa-var-reddit: "\f1a1";
@fa-var-reddit-square: "\f1a2";
@fa-var-refresh: "\f021";
@fa-var-remove: "\f00d";
@fa-var-renren: "\f18b";
@fa-var-reorder: "\f0c9";
@fa-var-repeat: "\f01e";
@fa-var-reply: "\f112";
@fa-var-reply-all: "\f122";
@fa-var-retweet: "\f079";
@fa-var-rmb: "\f157";
@fa-var-road: "\f018";
@fa-var-rocket: "\f135";
@fa-var-rotate-left: "\f0e2";
@fa-var-rotate-right: "\f01e";
@fa-var-rouble: "\f158";
@fa-var-rss: "\f09e";
@fa-var-rss-square: "\f143";
@fa-var-rub: "\f158";
@fa-var-ruble: "\f158";
@fa-var-rupee: "\f156";
@fa-var-save: "\f0c7";
@fa-var-scissors: "\f0c4";
@fa-var-search: "\f002";
@fa-var-search-minus: "\f010";
@fa-var-search-plus: "\f00e";
@fa-var-sellsy: "\f213";
@fa-var-send: "\f1d8";
@fa-var-send-o: "\f1d9";
@fa-var-server: "\f233";
@fa-var-share: "\f064";
@fa-var-share-alt: "\f1e0";
@fa-var-share-alt-square: "\f1e1";
@fa-var-share-square: "\f14d";
@fa-var-share-square-o: "\f045";
@fa-var-shekel: "\f20b";
@fa-var-sheqel: "\f20b";
@fa-var-shield: "\f132";
@fa-var-ship: "\f21a";
@fa-var-shirtsinbulk: "\f214";
@fa-var-shopping-cart: "\f07a";
@fa-var-sign-in: "\f090";
@fa-var-sign-out: "\f08b";
@fa-var-signal: "\f012";
@fa-var-simplybuilt: "\f215";
@fa-var-sitemap: "\f0e8";
@fa-var-skyatlas: "\f216";
@fa-var-skype: "\f17e";
@fa-var-slack: "\f198";
@fa-var-sliders: "\f1de";
@fa-var-slideshare: "\f1e7";
@fa-var-smile-o: "\f118";
@fa-var-soccer-ball-o: "\f1e3";
@fa-var-sort: "\f0dc";
@fa-var-sort-alpha-asc: "\f15d";
@fa-var-sort-alpha-desc: "\f15e";
@fa-var-sort-amount-asc: "\f160";
@fa-var-sort-amount-desc: "\f161";
@fa-var-sort-asc: "\f0de";
@fa-var-sort-desc: "\f0dd";
@fa-var-sort-down: "\f0dd";
@fa-var-sort-numeric-asc: "\f162";
@fa-var-sort-numeric-desc: "\f163";
@fa-var-sort-up: "\f0de";
@fa-var-soundcloud: "\f1be";
@fa-var-space-shuttle: "\f197";
@fa-var-spinner: "\f110";
@fa-var-spoon: "\f1b1";
@fa-var-spotify: "\f1bc";
@fa-var-square: "\f0c8";
@fa-var-square-o: "\f096";
@fa-var-stack-exchange: "\f18d";
@fa-var-stack-overflow: "\f16c";
@fa-var-star: "\f005";
@fa-var-star-half: "\f089";
@fa-var-star-half-empty: "\f123";
@fa-var-star-half-full: "\f123";
@fa-var-star-half-o: "\f123";
@fa-var-star-o: "\f006";
@fa-var-steam: "\f1b6";
@fa-var-steam-square: "\f1b7";
@fa-var-step-backward: "\f048";
@fa-var-step-forward: "\f051";
@fa-var-stethoscope: "\f0f1";
@fa-var-stop: "\f04d";
@fa-var-street-view: "\f21d";
@fa-var-strikethrough: "\f0cc";
@fa-var-stumbleupon: "\f1a4";
@fa-var-stumbleupon-circle: "\f1a3";
@fa-var-subscript: "\f12c";
@fa-var-subway: "\f239";
@fa-var-suitcase: "\f0f2";
@fa-var-sun-o: "\f185";
@fa-var-superscript: "\f12b";
@fa-var-support: "\f1cd";
@fa-var-table: "\f0ce";
@fa-var-tablet: "\f10a";
@fa-var-tachometer: "\f0e4";
@fa-var-tag: "\f02b";
@fa-var-tags: "\f02c";
@fa-var-tasks: "\f0ae";
@fa-var-taxi: "\f1ba";
@fa-var-tencent-weibo: "\f1d5";
@fa-var-terminal: "\f120";
@fa-var-text-height: "\f034";
@fa-var-text-width: "\f035";
@fa-var-th: "\f00a";
@fa-var-th-large: "\f009";
@fa-var-th-list: "\f00b";
@fa-var-thumb-tack: "\f08d";
@fa-var-thumbs-down: "\f165";
@fa-var-thumbs-o-down: "\f088";
@fa-var-thumbs-o-up: "\f087";
@fa-var-thumbs-up: "\f164";
@fa-var-ticket: "\f145";
@fa-var-times: "\f00d";
@fa-var-times-circle: "\f057";
@fa-var-times-circle-o: "\f05c";
@fa-var-tint: "\f043";
@fa-var-toggle-down: "\f150";
@fa-var-toggle-left: "\f191";
@fa-var-toggle-off: "\f204";
@fa-var-toggle-on: "\f205";
@fa-var-toggle-right: "\f152";
@fa-var-toggle-up: "\f151";
@fa-var-train: "\f238";
@fa-var-transgender: "\f224";
@fa-var-transgender-alt: "\f225";
@fa-var-trash: "\f1f8";
@fa-var-trash-o: "\f014";
@fa-var-tree: "\f1bb";
@fa-var-trello: "\f181";
@fa-var-trophy: "\f091";
@fa-var-truck: "\f0d1";
@fa-var-try: "\f195";
@fa-var-tty: "\f1e4";
@fa-var-tumblr: "\f173";
@fa-var-tumblr-square: "\f174";
@fa-var-turkish-lira: "\f195";
@fa-var-twitch: "\f1e8";
@fa-var-twitter: "\f099";
@fa-var-twitter-square: "\f081";
@fa-var-umbrella: "\f0e9";
@fa-var-underline: "\f0cd";
@fa-var-undo: "\f0e2";
@fa-var-university: "\f19c";
@fa-var-unlink: "\f127";
@fa-var-unlock: "\f09c";
@fa-var-unlock-alt: "\f13e";
@fa-var-unsorted: "\f0dc";
@fa-var-upload: "\f093";
@fa-var-usd: "\f155";
@fa-var-user: "\f007";
@fa-var-user-md: "\f0f0";
@fa-var-user-plus: "\f234";
@fa-var-user-secret: "\f21b";
@fa-var-user-times: "\f235";
@fa-var-users: "\f0c0";
@fa-var-venus: "\f221";
@fa-var-venus-double: "\f226";
@fa-var-venus-mars: "\f228";
@fa-var-viacoin: "\f237";
@fa-var-video-camera: "\f03d";
@fa-var-vimeo-square: "\f194";
@fa-var-vine: "\f1ca";
@fa-var-vk: "\f189";
@fa-var-volume-down: "\f027";
@fa-var-volume-off: "\f026";
@fa-var-volume-up: "\f028";
@fa-var-warning: "\f071";
@fa-var-wechat: "\f1d7";
@fa-var-weibo: "\f18a";
@fa-var-weixin: "\f1d7";
@fa-var-whatsapp: "\f232";
@fa-var-wheelchair: "\f193";
@fa-var-wifi: "\f1eb";
@fa-var-windows: "\f17a";
@fa-var-won: "\f159";
@fa-var-wordpress: "\f19a";
@fa-var-wrench: "\f0ad";
@fa-var-xing: "\f168";
@fa-var-xing-square: "\f169";
@fa-var-yahoo: "\f19e";
@fa-var-yelp: "\f1e9";
@fa-var-yen: "\f157";
@fa-var-youtube: "\f167";
@fa-var-youtube-play: "\f16a";
@fa-var-youtube-square: "\f166";

error: pathspec 'font-awesome/less/variables.less' did not match any file(s) known to git


UPDATE colors

UPDATE colors

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/bennewton999/bennewton999.github.io.git/'


CRM-4950: Buttons in inline editing have to be inside input

 - fixed styles

.tags-container {
  line-height: 23px;
}

.table td.tags-container {
  line-height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.tags-container__tag-entry {
  color: @tagItemColor;
  background-color: @tagItemBackground;
  border-radius: 10px;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 8px;
  margin: 0 0 3px 0;
  display: inline-block;
  vertical-align: bottom;
  &:hover, &:focus {
    color: @tagItemColor;
    outline-style: none;
  }
}
.tags-container__tag-entry_is-my {
  background-color: @tagItemBackground;
}

.tags-container {
  line-height: 23px;
}

.table td.tags-container {
  line-height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.tags-container__tag-entry {
  color: @tagItemColor;
  background-color: @tagItemBackground;
  border-radius: 10px;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 20px 5px 8px;
  margin: 0 0 3px 0;
  display: inline-block;
  vertical-align: bottom;
  &:hover, &:focus {
    color: @tagItemColor;
    outline-style: none;
  }
}
.tags-container__tag-entry_is-my {
  background-color: @tagItemBackground;
}


Add Bootstrap mixing source file

Add Bootstrap mixing source file

In order to be able to include any of the Twitter Bootstrap mixins, the source file is needed. I'm not sure if others will be needed, but for now I'm just adding this one.

The version is 2.0.4.

// Mixins.less
// Snippets of reusable CSS to develop faster and keep code readable
// -----------------------------------------------------------------

// UTILITY MIXINS
// --------------------------------------------------

// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

// Webkit-style focus
// ------------------
.tab-focus() {
  // Default
  outline: thin dotted #333;
  // Webkit
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

// Center-align a block level element
// ----------------------------------
.center-block() {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

// IE7 inline-block
// ----------------
.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
}

// IE7 likes to collapse whitespace on either side of the inline-block elements.
// Ems because we're attempting to match the width of a space character. Left
// version is for form buttons, which typically come after other elements, and
// right version is for icons, which come before. Applying both is ok, but it will
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
  *margin-left: .3em;

  &:first-child {
    *margin-left: 0;
  }
}

.ie7-restore-right-whitespace() {
  *margin-right: .3em;

  &:last-child {
    *margin-left: 0;
  }
}

// Sizing shortcuts
// -------------------------
.size(@height, @width) {
  width: @width;
  height: @height;
}
.square(@size) {
  .size(@size, @size);
}

// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
  &:-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
  &::-webkit-input-placeholder {
    color: @color;
  }
}

// Text overflow
// -------------------------
// Requires inline-block or block for proper styling
.text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// CSS image replacement
// -------------------------
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

// FONTS
// --------------------------------------------------

#font {
  #family {
    .serif() {
      font-family: @serifFontFamily;
    }
    .sans-serif() {
      font-family: @sansFontFamily;
    }
    .monospace() {
      font-family: @monoFontFamily;
    }
  }
  .shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
  .serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
    #font > #family > .serif;
    #font > .shorthand(@size, @weight, @lineHeight);
  }
  .sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
    #font > #family > .sans-serif;
    #font > .shorthand(@size, @weight, @lineHeight);
  }
  .monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
    #font > #family > .monospace;
    #font > .shorthand(@size, @weight, @lineHeight);
  }
}

// FORMS
// --------------------------------------------------

// Block level inputs
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;        // Make inputs at least the height of their button counterpart
  .box-sizing(border-box); // Makes inputs behave like true block-level elements
}

// Mixin for form field states
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
  // Set the text color
  > label,
  .help-block,
  .help-inline {
    color: @textColor;
  }
  // Style inputs accordingly
  .checkbox,
  .radio,
  input,
  select,
  textarea {
    color: @textColor;
    border-color: @borderColor;
    &:focus {
      border-color: darken(@borderColor, 10%);
      .box-shadow(0 0 6px lighten(@borderColor, 20%));
    }
  }
  // Give a small background color for input-prepend/-append
  .input-prepend .add-on,
  .input-append .add-on {
    color: @textColor;
    background-color: @backgroundColor;
    border-color: @textColor;
  }
}

// CSS3 PROPERTIES
// --------------------------------------------------

// Border Radius
.border-radius(@radius) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

// Drop shadows
.box-shadow(@shadow) {
  -webkit-box-shadow: @shadow;
     -moz-box-shadow: @shadow;
          box-shadow: @shadow;
}

// Transitions
.transition(@transition) {
  -webkit-transition: @transition;
     -moz-transition: @transition;
      -ms-transition: @transition;
       -o-transition: @transition;
          transition: @transition;
}

// Transformations
.rotate(@degrees) {
  -webkit-transform: rotate(@degrees);
     -moz-transform: rotate(@degrees);
      -ms-transform: rotate(@degrees);
       -o-transform: rotate(@degrees);
          transform: rotate(@degrees);
}
.scale(@ratio) {
  -webkit-transform: scale(@ratio);
     -moz-transform: scale(@ratio);
      -ms-transform: scale(@ratio);
       -o-transform: scale(@ratio);
          transform: scale(@ratio);
}
.translate(@x, @y) {
  -webkit-transform: translate(@x, @y);
     -moz-transform: translate(@x, @y);
      -ms-transform: translate(@x, @y);
       -o-transform: translate(@x, @y);
          transform: translate(@x, @y);
}
.skew(@x, @y) {
  -webkit-transform: skew(@x, @y);
     -moz-transform: skew(@x, @y);
      -ms-transform: skew(@x, @y);
       -o-transform: skew(@x, @y);
          transform: skew(@x, @y);
}
.translate3d(@x, @y, @z) {
  -webkit-transform: translate(@x, @y, @z);
     -moz-transform: translate(@x, @y, @z);
      -ms-transform: translate(@x, @y, @z);
       -o-transform: translate(@x, @y, @z);
          transform: translate(@x, @y, @z);
}

// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
.backface-visibility(@visibility){
	-webkit-backface-visibility: @visibility;
	   -moz-backface-visibility: @visibility;
	    -ms-backface-visibility: @visibility;
	        backface-visibility: @visibility;
}

// Background clipping
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
.background-clip(@clip) {
  -webkit-background-clip: @clip;
     -moz-background-clip: @clip;
          background-clip: @clip;
}

// Background sizing
.background-size(@size){
  -webkit-background-size: @size;
     -moz-background-size: @size;
       -o-background-size: @size;
          background-size: @size;
}

// Box sizing
.box-sizing(@boxmodel) {
  -webkit-box-sizing: @boxmodel;
     -moz-box-sizing: @boxmodel;
      -ms-box-sizing: @boxmodel;
          box-sizing: @boxmodel;
}

// User select
// For selecting text on the page
.user-select(@select) {
  -webkit-user-select: @select;
     -moz-user-select: @select;
      -ms-user-select: @select;
       -o-user-select: @select;
          user-select: @select;
}

// Resize anything
.resizable(@direction) {
  resize: @direction; // Options: horizontal, vertical, both
  overflow: auto; // Safari fix
}

// CSS3 Content Columns
.content-columns(@columnCount, @columnGap: @gridGutterWidth) {
  -webkit-column-count: @columnCount;
     -moz-column-count: @columnCount;
          column-count: @columnCount;
  -webkit-column-gap: @columnGap;
     -moz-column-gap: @columnGap;
          column-gap: @columnGap;
}

// Optional hyphenation
.hyphens(@mode: auto) {
  word-wrap: break-word;
  -webkit-hyphens: @mode;
     -moz-hyphens: @mode;
      -ms-hyphens: @mode;
       -o-hyphens: @mode;
          hyphens: @mode;
}

// Opacity
.opacity(@opacity) {
  opacity: @opacity / 100;
  filter: ~"alpha(opacity=@{opacity})";
}

// BACKGROUNDS
// --------------------------------------------------

// Add an alphatransparency value to any background or border color (via Elyse Holladay)
#translucent {
  .background(@color: @white, @alpha: 1) {
    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  }
  .border(@color: @white, @alpha: 1) {
    border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
    .background-clip(padding-box);
  }
}

// Gradient Bar Colors for buttons and alerts
.gradientBar(@primaryColor, @secondaryColor) {
  #gradient > .vertical(@primaryColor, @secondaryColor);
  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
}

// Gradients
#gradient {
  .horizontal(@startColor: #555, @endColor: #333) {
    background-color: @endColor;
    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(left, @startColor, @endColor); // Le standard
    background-repeat: repeat-x;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
  }
  .vertical(@startColor: #555, @endColor: #333) {
    background-color: mix(@startColor, @endColor, 60%);
    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(top, @startColor, @endColor); // The standard
    background-repeat: repeat-x;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
  }
  .directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
    background-color: @endColor;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
    background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
  }
  .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
    background-color: mix(@midColor, @endColor, 80%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
    background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-repeat: no-repeat;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
  }
  .radial(@innerColor: #555, @outerColor: #333)  {
    background-color: @outerColor;
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
    background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
    background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
    background-image: -ms-radial-gradient(circle, @innerColor, @outerColor);
    background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
    background-repeat: no-repeat;
  }
  .striped(@color, @angle: -45deg) {
    background-color: @color;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  }
}
// Reset filters for IE
.reset-filter() {
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
}

// COMPONENT MIXINS
// --------------------------------------------------

// Horizontal dividers
// -------------------------
// Dividers (basically an hr) within dropdowns and nav lists
.nav-divider(@top: #e5e5e5, @bottom: @white) {
  // IE7 needs a set width since we gave a height. Restricting just
  // to IE7 to keep the 1px left/right space in other browsers.
  // It is unclear where IE is getting the extra space that we need
  // to negative-margin away, but so it goes.
  *width: 100%;
  height: 1px;
  margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: @top;
  border-bottom: 1px solid @bottom;
}

// Button backgrounds
// ------------------
.buttonBackground(@startColor, @endColor) {
  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
  .gradientBar(@startColor, @endColor);
  *background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  .reset-filter();

  // in these cases the gradient won't cover the background, so we override
  &:hover, &:active, &.active, &.disabled, &[disabled] {
    background-color: @endColor;
    *background-color: darken(@endColor, 5%);
  }

  // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
  &:active,
  &.active {
    background-color: darken(@endColor, 10%) e("\9");
  }
}

// Navbar vertical align
// -------------------------
// Vertically center elements in the navbar.
// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.
.navbarVerticalAlign(@elementHeight) {
  margin-top: (@navbarHeight - @elementHeight) / 2;
}

// Popover arrows
// -------------------------
// For tipsies and popovers
#popoverArrow {
  .top(@arrowWidth: 5px, @color: @black) {
    bottom: 0;
    left: 50%;
    margin-left: -@arrowWidth;
    border-left: @arrowWidth solid transparent;
    border-right: @arrowWidth solid transparent;
    border-top: @arrowWidth solid @color;
  }
  .left(@arrowWidth: 5px, @color: @black) {
    top: 50%;
    right: 0;
    margin-top: -@arrowWidth;
    border-top: @arrowWidth solid transparent;
    border-bottom: @arrowWidth solid transparent;
    border-left: @arrowWidth solid @color;
  }
  .bottom(@arrowWidth: 5px, @color: @black) {
    top: 0;
    left: 50%;
    margin-left: -@arrowWidth;
    border-left: @arrowWidth solid transparent;
    border-right: @arrowWidth solid transparent;
    border-bottom: @arrowWidth solid @color;
  }
  .right(@arrowWidth: 5px, @color: @black) {
    top: 50%;
    left: 0;
    margin-top: -@arrowWidth;
    border-top: @arrowWidth solid transparent;
    border-bottom: @arrowWidth solid transparent;
    border-right: @arrowWidth solid @color;
  }
}

// Grid System
// -----------

// Centered container element
.container-fixed() {
  margin-right: auto;
  margin-left: auto;
  .clearfix();
}

// Table columns
.tableColumns(@columnSpan: 1) {
  float: none; // undo default grid column styles
  width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells
  margin-left: 0; // undo default grid column styles
}

// Make a Grid
// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior
.makeRow() {
  margin-left: @gridGutterWidth * -1;
  .clearfix();
}
.makeColumn(@columns: 1, @offset: 0) {
  float: left;
  margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);
  width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
}

// The Grid
#grid {

  .core (@gridColumnWidth, @gridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      (~".span@{index}") { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .offsetX (@index) when (@index > 0) {
      (~".offset@{index}") { .offset(@index); }
      .offsetX(@index - 1);
    }
    .offsetX (0) {}

    .offset (@columns) {
      margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
    }

    .span (@columns) {
      width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
    }

    .row {
      margin-left: @gridGutterWidth * -1;
      .clearfix();
    }

    [class*="span"] {
      float: left;
      margin-left: @gridGutterWidth;
    }

    // Set the container width, and override it for fixed navbars in media queries
    .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container { .span(@gridColumns); }

    // generate .spanX and .offsetX
    .spanX (@gridColumns);
    .offsetX (@gridColumns);

  }

  .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      (~".span@{index}") { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .span (@columns) {
      width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
      *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
    }

    .row-fluid {
      width: 100%;
      .clearfix();
      [class*="span"] {
        .input-block-level();
        float: left;
        margin-left: @fluidGridGutterWidth;
        *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
      }
      [class*="span"]:first-child {
        margin-left: 0;
      }

      // generate .spanX
      .spanX (@gridColumns);
    }

  }

  .input(@gridColumnWidth, @gridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      (~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .span(@columns) {
      width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10;
    }

    input,
    textarea,
    .uneditable-input {
      margin-left: 0; // override margin-left from core grid system
    }

    // generate .spanX
    .spanX (@gridColumns);

  }

}

error: pathspec 'meetups/static/less/bootstrap/mixins.less' did not match any file(s) known to git


INBOX-425 Style dropdown in summernote has a horizontal layout.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/heroandtn3/openpaas-esn.git/'


Remove spinner handle "wiggle"

Remove spinner handle "wiggle"

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/torx-io/torx-dark-ui.git/'


Add: functions

Add: functions

fatal: remote error: upload-pack: not our ref 4ff831806c82f3db4d908299e54ad01206fc8a6c
fatal: the remote end hung up unexpectedly


Layout Mixin Library commit

Layout Mixin Library commit

/**
* Layout Mixin Libary
* Buid with Fini on 2017-3-6
**/

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-item-auto {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

.flex-item-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-item-none {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

error: pathspec 'src/libs/layout/layout-mixin.less' did not match any file(s) known to git


add button less

add button less

.btn{
    /*padding: @base-size * (3/2);
    text-align: center;
    vertical-align:initial;
    height: 36px;
    line-height: @base-size * 3;
    &:hover{
        background-color: initial;
    }*/
}

error: pathspec 'public/stylesheets/components/button.less' did not match any file(s) known to git


Update panel cell label style

Update panel cell label style

fatal: unable to access 'https://github.com/sonatra/sonatra-theme-gluon.git/': The requested URL returned error: 403


BAP-4410: Decorate head block according finale design

 - fixed review issue

fatal: unable to access 'https://github.com/trustify/oroplatform.git/': The requested URL returned error: 403


less file to override default boostrap

less file to override default boostrap

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/jiujiteiro/AngularShell.git/'


Update static/vendors/bootstrap/less/mixins/tab-focus.less

Signed-off-by: Bernard Ojengwa <fccb4cc00c1ba7e51bf5c2b5f77130b9fe8d917e@gmail.com>

// WebKit-style focus

.tab-focus() {
  // Default
  outline: thin dotted;
  // WebKit
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

error: pathspec 'static/vendors/bootstrap/less/mixins/tab-focus.less' did not match any file(s) known to git


Remove unused class

Remove unused class

/**
*    Copyright 2015 ppy Pty. Ltd.
*
*    This file is part of osu!web. osu!web is distributed with the hope of
*    attracting more community contributions to the core ecosystem of osu!.
*
*    osu!web is free software: you can redistribute it and/or modify
*    it under the terms of the Affero GNU General Public License version 3
*    as published by the Free Software Foundation.
*
*    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
*    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
*    See the GNU Affero General Public License for more details.
*
*    You should have received a copy of the GNU Affero General Public License
*    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
*
*/
@import "app";

// Generate a circle of any width.
.circle(@diameter) {
  border-radius: 50%;
  width: @diameter;
  height: @diameter;
}

.fade-element(@duration, @type: ease-in-out, @target: all) {
  transition: @target @duration @type;
}

.default-border-radius() {
  border-radius: @border-radius-base;
}

.default-box-shadow() {
  box-shadow: 0px 1px 3px fade(#000, 25%);
}

.inner-shadow-top() {
  background-image: linear-gradient(to bottom, fade(@grey-0, 20%), transparent 3px);
}

.inset-box-shadow() {
  box-shadow: inset 0 1px 3px fade(#000, 30%);
}

.thick-box-shadow() {
  box-shadow: 0px 2px 10px fade(#000, 30%);
}

.thicker-box-shadow() {
  box-shadow: 0px 10px 20px fade(#000, 25%);
}

.default-text-shadow() {
  text-shadow: 0px 1px 3px fade(#000, 75%);
}

.default-line() {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid @grey-c;
  padding: 0;
}

.pink-link() {
  color: @pink;
  text-decoration: none;
  &:hover {
    color: @pink-text;
  }
}

.white-link(@fade: 90%) {
  &:hover {
    &::before, &::after, & {
      color: #fff;
    }
  }

  &, &::before, &::after {
    color: fade(#fff, @fade);
    text-decoration: none;
  }
}

.center-content() {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.at2x-simple(@url) {
  @url2x: replace(@url, "(\.[^.]+)$", "@2x$1");
  background-image: url(@url);

  @media @highdpi {
    background-image: url(@url2x);
  }
}

// Will force the element to be rendered in its own layer
// in hardware accelerated mode.
// Be careful that elements using this will have z-index context applied.
.own-layer() {
  transform: rotate(0);
}

.full-size() {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: ' ';
}

.btn-bg() {
  background-image: url("/images/backgrounds/button.svg");
  background-size: 200px;
  background-position: 50% 50%;
}

.icon-bg() {
  .btn-bg();
  background-size: cover;
}

.reset-input() {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
}

.content-font() {
  font-family: 'Noto Sans', sans-serif;
  line-height: 1.35;
  color: @grey-4;
}

/**
*    Copyright 2015 ppy Pty. Ltd.
*
*    This file is part of osu!web. osu!web is distributed with the hope of
*    attracting more community contributions to the core ecosystem of osu!.
*
*    osu!web is free software: you can redistribute it and/or modify
*    it under the terms of the Affero GNU General Public License version 3
*    as published by the Free Software Foundation.
*
*    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
*    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
*    See the GNU Affero General Public License for more details.
*
*    You should have received a copy of the GNU Affero General Public License
*    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
*
*/
@import "app";

// Generate a circle of any width.
.circle(@diameter) {
  border-radius: 50%;
  width: @diameter;
  height: @diameter;
}

.fade-element(@duration, @type: ease-in-out, @target: all) {
  transition: @target @duration @type;
}

.default-border-radius() {
  border-radius: @border-radius-base;
}

.default-box-shadow() {
  box-shadow: 0px 1px 3px fade(#000, 25%);
}

.inner-shadow-top() {
  background-image: linear-gradient(to bottom, fade(@grey-0, 20%), transparent 3px);
}

.inset-box-shadow() {
  box-shadow: inset 0 1px 3px fade(#000, 30%);
}

.thick-box-shadow() {
  box-shadow: 0px 2px 10px fade(#000, 30%);
}

.thicker-box-shadow() {
  box-shadow: 0px 10px 20px fade(#000, 25%);
}

.default-text-shadow() {
  text-shadow: 0px 1px 3px fade(#000, 75%);
}

.default-line() {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid @grey-c;
  padding: 0;
}

.compact-list-inline() {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
  > li { display: inline-flex; }
}

.pink-link() {
  color: @pink;
  text-decoration: none;
  &:hover {
    color: @pink-text;
  }
}

.white-link(@fade: 90%) {
  &:hover {
    &::before, &::after, & {
      color: #fff;
    }
  }

  &, &::before, &::after {
    color: fade(#fff, @fade);
    text-decoration: none;
  }
}

.center-content() {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.at2x-simple(@url) {
  @url2x: replace(@url, "(\.[^.]+)$", "@2x$1");
  background-image: url(@url);

  @media @highdpi {
    background-image: url(@url2x);
  }
}

// Will force the element to be rendered in its own layer
// in hardware accelerated mode.
// Be careful that elements using this will have z-index context applied.
.own-layer() {
  transform: rotate(0);
}

.full-size() {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: ' ';
}

.btn-bg() {
  background-image: url("/images/backgrounds/button.svg");
  background-size: 200px;
  background-position: 50% 50%;
}

.icon-bg() {
  .btn-bg();
  background-size: cover;
}

.reset-input() {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
}

.content-font() {
  font-family: 'Noto Sans', sans-serif;
  line-height: 1.35;
  color: @grey-4;
}


add missing less file

add missing less file

fatal: unable to access 'https://github.com/project-em/ns3-vis.git/': The requested URL returned error: 403


Create flex-helper.less

Create flex-helper.less

/* Taken from https://github.com/Munawwar/flex-helper.
 * The difference between this file and the github file is that we add 'f-<device>' prefix to all
 * CSS classes to achieve:
 * 1. mobile specific layouts. <device> follows naming convention of bootstrap. i.e xs, sm and md.
 * 2. avoid conflict with any other CSS classes.
 *
 * This uses both the modern flexbox spec and 2012 flexbox spec (for IE 10 and Safari 7-8 support).
 * Read documentation (and some IE 10 issues to be aware of) at the github link.
 */

.generate-flex-helper(@prefix) {
  /*Stack child items vertically*/
  .f-@{prefix}-vbox {
    display: -webkit-flex; /*Safari 7-8*/
    display: -ms-flexbox; /*IE 10*/
    display: flex;

    /*Align children vetically*/
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;

    overflow: hidden; /*Prevent extending beyond boundaries*/
  }
  /*Stack child items horizontally*/
  .f-@{prefix}-hbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    /*Align children horizontally*/
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;

    overflow: hidden; /*Prevent extending beyond boundaries*/

    /*Wrap overflowing children*/
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /*Stretch item along parent's main-axis*/
  .f-@{prefix}-flex {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  /*Stretch item along parent's cross-axis Overrides any cross-* class of parent*/
  .f-@{prefix}-stretch-self {
    align-self: stretch;
  }
  /*Center item along parent's cross-axis. Overrides any cross-* class of parent*/
  .f-@{prefix}-center-self {
    align-self: center;
  }

  /*Stack child items to the main-axis start*/
  .f-@{prefix}-main-start {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  /*Stack child items to the cross-axis start*/
  .f-@{prefix}-cross-start {
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;

    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  /*Stack child items to the main-axis center*/
  .f-@{prefix}-main-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  /*Stack child items to the cross-axis center*/
  .f-@{prefix}-cross-center {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
  }
  /*Stack child items to the main-axis end.*/
  .f-@{prefix}-main-end {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  /*Stack child items to the cross-axis end.*/
  .f-@{prefix}-cross-end {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;

    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  /*Stretch child items along the cross-axis*/
  .f-@{prefix}-cross-stretch {
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;

    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }

  /*Wrap items to next line on main-axis*/
  .f-@{prefix}-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

// For Mobile
.generate-flex-helper(xs);

// For Tablets
@media (min-width: 768px) {
  .generate-flex-helper(sm);
}

// For Desktop
@media (min-width: 992px) {
  .generate-flex-helper(md);
}

error: pathspec 'flex-helper.less' did not match any file(s) known to git


Remove padding from canvas on big screens

.editors-document-type-container{

  /*
  .handle{visibility: hidden;}
  .item-title{color: @blackLight; text-transform: none; font-size: 16px; padding-right: 30px;}
  .item-alias{color: @grayLight; font-weight: 400; font-size: 14px;}
  */

  li{list-style: none}

  .fieldset-title{
	border-bottom: 1px solid @grayLight;
	border-top: 1px solid @grayLight;
	background: @grayLighter;
	font-size: 16px;
	text-transform: none;
	padding: 7px 10px 7px 10px;
	margin-left: -30px;
	margin-right: -10px;
	font-weight: 400
  }

  .editors-document-type-sidebar{
	padding: 20px;
	top: 0;
	left: 0;
	width: 340px;
	bottom: 0;
	overflow: auto;
	border-right: 1px solid #d9d9d9;
	background: rgba(248, 248, 248, 0.06);
	position: absolute;
	display: none;
  }

  .no-style-list {
	padding: 0;
	margin: 0;
	list-style: none;
  }

  /* ---------- TABS ---------- */

  .edt-tab{
    margin: 50px 0 0 0;
    min-height: 145px;
    border: 1px solid #CCCCCC;
    padding: 0;
    //box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
    border-radius: 0 10px 10px 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    &:hover {
      .edt-tab-actions {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.5s; /* Safari */
        transition: opacity 0.5s;
      }
    }
    .edt-tab-actions {
      position: absolute;
      top: 5px;
      right: 5px;
      visibility: hidden;
      opacity: 0;
      z-index: 10;
      .tab-action {
        display: inline-block;
      }
    }
  }

  .tab-title-wrapper {
    position: absolute;
    left: -1px;
    top: -44px;
    .tab-title{
      display: inline-block;
      padding: 5px 10px 0 10px;
      height: 38px;
      background: white;
      border: 1px solid #CCCCCC;
      border-bottom: none;
      border-radius: 10px 10px 0 0;
      font-weight: bold;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      .tab-title-input {
        border-color: transparent;
        background: transparent;
        min-width: 80px;
        font-weight: bold;
        color: #515151;
        margin-bottom: 0;
        height: 25px !important;
        &:hover {
          border-color: @inputBorder;
        }
        &.tab-title-placeholder {
          border: 1px dashed #979797 !important;
        }
      }
      .tab-title-text {
        position: relative;
        top: 7px;
        font-size: 14px;
      }
    }
  }

  .edt-tab-inherited-from {
    font-size: 13px;
    color: @grayLight;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 2px;
    .icon {
      font-size: 15px;
    }
  }

  .edt-tab-center-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    color: #00759D;
  }

  // tab is in init state
  .edt-tab.tab-state-init {
    cursor: pointer;
    border: 1px dashed @grayLight;
    //box-shadow: none !important;
    .tab-title{
      border: 1px dashed @grayLight;
      border-bottom: none;
      width: 70px;
    }
    &:hover {
      border-color: @blueLight;
      .tab-title {
        border-color: @blueLight;
      }
    }
  }

  // tab is active
  .edt-tab.tab-state-active {
    border-color: @blue;
    .tab-title{
      border-color: @blue;
    }
  }

  // tab is inactive
  .edt-tab.tab-state-inactive {

  }

  // tab is inherited from compositions
  .edt-tab.tab-is-inherited {
    background: #FDFDFD;
    border-color: #F2F2F2;
    //box-shadow: none;

    .tab-title{
      border-color: #F2F2F2;
      background: #FDFDFD;
    }
  }

  /* ---------- PROPERTY ---------- */

  .edt-property-group{
    position: relative;
    padding: 10px 10px 0 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .edt-property-list {
    min-height: 50px;
  }

  .edt-property{
    position: relative;
    display: flex;
    flex-flow: row;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid transparent;
    border-radius: 5px;
    &:hover {
      border: 1px solid @inputBorder;
    }
  }

  .edt-property-meta {
    width: 300px;
    margin-right: 50px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    .property-meta-group {
      display: inline-block;
    }
    @media screen and (max-width: 1500px) {
      width: 200px;
    }
  }

  .edt-property-preview{
    flex: 2;
    height: 50px;
    overflow: hidden;
    position: relative;
    padding: 25px 10px;
    &:hover {
      cursor: pointer;
    }
    &:focus {
      outline: none;
    }
  }

  .edt-property-preview:after {
    content:"";
    position:absolute;
    top:0px;
    left:0;
    height:100%;
    width:100%;
    background: @grayLighter;
    opacity: 0.3;
  }

  .edt-property-preview-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    border-radius: 10px;
    background: url("../img/checkered-background.png");
    opacity: 0.2;
    .overlay-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: @grayDark;
      display: none;
    }
  }

  .edt-property-preview-label{
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 15;
    background: @grayLighter;
    padding: 3px;
    line-height: 12px;
    opacity: 0.8
  }

  .edt-property-actions {
    width: 50px;
    text-align: center;
    margin: 15px 0 0 0;
    .property-action {
      margin: 0 0 5px 0;
      display: block;
      &:hover {
        text-decoration: none;
      }
      .icon {
        font-size: 15px;
        color: @gray;
      }
    }
  }

  // property state init - property placeholder
  .edt-property.property-state-init {
    background: #ffffff;
    border: 1px dashed @grayLight;
    border-radius: 5px;
    cursor: pointer;
    &:hover {
      border-color: @blueLight;
    }

    .edt-property-meta {
      padding: 0 0 0 10px;
    }

    .edt-property-preview {
      background: @grayLight;
    }

  }

  .edt-property.property-is-inherited {
    background: #FDFDFD;
    border: 1px solid #F2F2F2;
  }

  .edt-property-inherited-from {
    font-size: 11px;
    background-color: #d9d9d9;
    margin-left: 5px;
    position: absolute;
    right: 0;
    z-index: 100;
    padding: 0 10px 0 5px;
    top: 0;
  }

  /* ---------- SORTING ---------- */

  // sorting tabs
  .editors-document-type-canvas.is-in-sorting-mode {
    .edt-tab {
      min-height: 0;
      cursor: move;
    }

    .edt-tab.tab-is-inherited {
      cursor: auto;
    }

  }

  // sorting properties

  .editors-document-type-canvas.is-in-sorting-mode {

    .edt-property {
      height: 40px;
      margin-bottom: 10px;
      background: #E9E9E9;
      color: @grayDarker;
      border-radius: @baseBorderRadius;
      padding: 0;
      cursor: move;
      border: none;
    }

    .edt-property-meta {
      padding: 10px 0 0 10px;
      width: auto;
      flex: 1;
      .icon {
        font-size: 15px;
        vertical-align: middle;
        margin-right: 5px;
      }
    }

    .tab-title{
      .icon {
        font-size: 15px;
        position: relative;
        top: 4px;
      }
    }

    .edt-property-preview {
      display: none;
    }

    .edt-property-actions {
      display: none;
    }

    .edt-property.property-state-init {
      display: none;
    }

    .edt-property.property-is-inherited {
      cursor: auto;
      .icon-navigation {
        visibility: hidden;
      }
      .edt-property-inherited-from {
        text-align: right;
        float: right;
      }
    }

  }

  // sorting placeholders
  .ui-sortable-tabs-placeholder {
    background: transparent;
    border: 2px solid #E9E9E9;
    margin: 0 0 70px 0;
    border-radius: 10px;
  }

  .ui-sortable-properties-placeholder {
    background: transparent;
    border: 2px solid #E9E9E9;
    margin-bottom: 10px;
  }

  /* ---------- INPUTS ---------- */

  .invisible-field {
    input,
    textarea {
      border-color: transparent;
      background: transparent;
    }
  }

  .edt-property-meta-alias {
    input {
      font-size: 12px;
      color: @gray;
      margin-bottom: 0;
      height: 10px;
    }
  }

  .edt-property-meta-label {
    input {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0;
      color: @grayDarker;
    }
  }

  .edt-property-meta-description {
    textarea {
      font-size: 12px;
      color: @grayDark;
    }
  }

  /* ---------- PLACEHOLDERS ----------- */

  .placeholder-text {
    color: @gray;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
  }

  .placeholder-input-small {
    background: @grayLight;
    display: block;
    height: 10px;
    margin-bottom: 5px;
    width: 25%;
  }

  .placeholder-input {
    background: @grayLight;
    display: block;
    height: 20px;
    margin-bottom: 5px;
  }

  .placeholder-text-group {
    .placeholder-text-line-full {
      background: @grayLight;
      display: block;
      height: 5px;
      margin-bottom: 5px;
    }
    .placeholder-text-line-short {
      background: @grayLight;
      display: block;
      height: 5px;
      margin-bottom: 5px;
      width: 75%;
    }
  }

}

/* ---------- DIALOGS ---------- */

.content-type-editor-dialog.edit-property-settings {

  .title-wrapper {
    float: left;
    width: 300px;
    input.input-style-underline {
      border: none;
      //border-bottom: 1px solid #cccccc;
      width: 100%;
      box-sizing: border-box;
      padding: 10px 0 0 0;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: bold;
      &:focus {
        outline: none;
      }
    }
    .alias {
      font-size: 13px;
      color: @grayLight;
    }
  }

  .editor-placeholder {
    border: 1px dashed @grayLight;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    border-radius: 5px;
    color: @gray;
    font-weight: bold;
    font-size: 13px;
    &:hover {
      text-decoration: none;
    }
  }

  .editor {
    margin-bottom: 10px;
    .editor-icon-wrapper {
      border: 1px solid @grayLight;
      width: 60px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      border-radius: 5px;
      float: left;
      margin-right: 20px;
      &:hover {
        text-decoration: none;
        border-color: @blueLight;
      }
      .icon {
        font-size: 26px;
      }
    }
    .editor-details {
      float: left;
      margin-top: 10px;
      .editor-name {
        font-weight: bold;
      }
      .editor-editor {
        font-size: 12px;
      }
    }
  }

  textarea.description {
    width: 100%;
    box-sizing: border-box;
    border: none;
  }

  .checkbox {
    padding-left: 0;
    margin-bottom: 20px;
  }

  .umb-editor {
    width: 100%;
  }

}

.editors-document-type-container{

  /*
  .handle{visibility: hidden;}
  .item-title{color: @blackLight; text-transform: none; font-size: 16px; padding-right: 30px;}
  .item-alias{color: @grayLight; font-weight: 400; font-size: 14px;}
  */

  li{list-style: none}

  .fieldset-title{
	border-bottom: 1px solid @grayLight;
	border-top: 1px solid @grayLight;
	background: @grayLighter;
	font-size: 16px;
	text-transform: none;
	padding: 7px 10px 7px 10px;
	margin-left: -30px;
	margin-right: -10px;
	font-weight: 400
  }

  .editors-document-type-canvas{
    padding: 0 80px;
    @media screen and (max-width: 1500px) {
      padding: 0;
    }
  }

  .editors-document-type-sidebar{
	padding: 20px;
	top: 0;
	left: 0;
	width: 340px;
	bottom: 0;
	overflow: auto;
	border-right: 1px solid #d9d9d9;
	background: rgba(248, 248, 248, 0.06);
	position: absolute;
	display: none;
  }

  .no-style-list {
	padding: 0;
	margin: 0;
	list-style: none;
  }

  /* ---------- TABS ---------- */

  .edt-tab{
    margin: 50px 0 0 0;
    min-height: 145px;
    border: 1px solid #CCCCCC;
    padding: 0;
    //box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
    border-radius: 0 10px 10px 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    &:hover {
      .edt-tab-actions {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.5s; /* Safari */
        transition: opacity 0.5s;
      }
    }
    .edt-tab-actions {
      position: absolute;
      top: 5px;
      right: 5px;
      visibility: hidden;
      opacity: 0;
      z-index: 10;
      .tab-action {
        display: inline-block;
      }
    }
  }

  .tab-title-wrapper {
    position: absolute;
    left: -1px;
    top: -44px;
    .tab-title{
      display: inline-block;
      padding: 5px 10px 0 10px;
      height: 38px;
      background: white;
      border: 1px solid #CCCCCC;
      border-bottom: none;
      border-radius: 10px 10px 0 0;
      font-weight: bold;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      .tab-title-input {
        border-color: transparent;
        background: transparent;
        min-width: 80px;
        font-weight: bold;
        color: #515151;
        margin-bottom: 0;
        height: 25px !important;
        &:hover {
          border-color: @inputBorder;
        }
        &.tab-title-placeholder {
          border: 1px dashed #979797 !important;
        }
      }
      .tab-title-text {
        position: relative;
        top: 7px;
        font-size: 14px;
      }
    }
  }

  .edt-tab-inherited-from {
    font-size: 13px;
    color: @grayLight;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 2px;
    .icon {
      font-size: 15px;
    }
  }

  .edt-tab-center-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    color: #00759D;
  }

  // tab is in init state
  .edt-tab.tab-state-init {
    cursor: pointer;
    border: 1px dashed @grayLight;
    //box-shadow: none !important;
    .tab-title{
      border: 1px dashed @grayLight;
      border-bottom: none;
      width: 70px;
    }
    &:hover {
      border-color: @blueLight;
      .tab-title {
        border-color: @blueLight;
      }
    }
  }

  // tab is active
  .edt-tab.tab-state-active {
    border-color: @blue;
    .tab-title{
      border-color: @blue;
    }
  }

  // tab is inactive
  .edt-tab.tab-state-inactive {

  }

  // tab is inherited from compositions
  .edt-tab.tab-is-inherited {
    background: #FDFDFD;
    border-color: #F2F2F2;
    //box-shadow: none;

    .tab-title{
      border-color: #F2F2F2;
      background: #FDFDFD;
    }
  }

  /* ---------- PROPERTY ---------- */

  .edt-property-group{
    position: relative;
    padding: 10px 10px 0 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .edt-property-list {
    min-height: 50px;
  }

  .edt-property{
    position: relative;
    display: flex;
    flex-flow: row;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid transparent;
    border-radius: 5px;
    &:hover {
      border: 1px solid @inputBorder;
    }
  }

  .edt-property-meta {
    width: 300px;
    margin-right: 50px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    .property-meta-group {
      display: inline-block;
    }
    @media screen and (max-width: 1500px) {
      width: 200px;
    }
  }

  .edt-property-preview{
    flex: 2;
    height: 50px;
    overflow: hidden;
    position: relative;
    padding: 25px 10px;
    &:hover {
      cursor: pointer;
    }
    &:focus {
      outline: none;
    }
  }

  .edt-property-preview:after {
    content:"";
    position:absolute;
    top:0px;
    left:0;
    height:100%;
    width:100%;
    background: @grayLighter;
    opacity: 0.3;
  }

  .edt-property-preview-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    border-radius: 10px;
    background: url("../img/checkered-background.png");
    opacity: 0.2;
    .overlay-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: @grayDark;
      display: none;
    }
  }

  .edt-property-preview-label{
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 15;
    background: @grayLighter;
    padding: 3px;
    line-height: 12px;
    opacity: 0.8
  }

  .edt-property-actions {
    width: 50px;
    text-align: center;
    margin: 15px 0 0 0;
    .property-action {
      margin: 0 0 5px 0;
      display: block;
      &:hover {
        text-decoration: none;
      }
      .icon {
        font-size: 15px;
        color: @gray;
      }
    }
  }

  // property state init - property placeholder
  .edt-property.property-state-init {
    background: #ffffff;
    border: 1px dashed @grayLight;
    border-radius: 5px;
    cursor: pointer;
    &:hover {
      border-color: @blueLight;
    }

    .edt-property-meta {
      padding: 0 0 0 10px;
    }

    .edt-property-preview {
      background: @grayLight;
    }

  }

  .edt-property.property-is-inherited {
    background: #FDFDFD;
    border: 1px solid #F2F2F2;
  }

  .edt-property-inherited-from {
    font-size: 11px;
    background-color: #d9d9d9;
    margin-left: 5px;
    position: absolute;
    right: 0;
    z-index: 100;
    padding: 0 10px 0 5px;
    top: 0;
  }

  /* ---------- SORTING ---------- */

  // sorting tabs
  .editors-document-type-canvas.is-in-sorting-mode {
    .edt-tab {
      min-height: 0;
      cursor: move;
    }

    .edt-tab.tab-is-inherited {
      cursor: auto;
    }

  }

  // sorting properties

  .editors-document-type-canvas.is-in-sorting-mode {

    .edt-property {
      height: 40px;
      margin-bottom: 10px;
      background: #E9E9E9;
      color: @grayDarker;
      border-radius: @baseBorderRadius;
      padding: 0;
      cursor: move;
      border: none;
    }

    .edt-property-meta {
      padding: 10px 0 0 10px;
      width: auto;
      flex: 1;
      .icon {
        font-size: 15px;
        vertical-align: middle;
        margin-right: 5px;
      }
    }

    .tab-title{
      .icon {
        font-size: 15px;
        position: relative;
        top: 4px;
      }
    }

    .edt-property-preview {
      display: none;
    }

    .edt-property-actions {
      display: none;
    }

    .edt-property.property-state-init {
      display: none;
    }

    .edt-property.property-is-inherited {
      cursor: auto;
      .icon-navigation {
        visibility: hidden;
      }
      .edt-property-inherited-from {
        text-align: right;
        float: right;
      }
    }

  }

  // sorting placeholders
  .ui-sortable-tabs-placeholder {
    background: transparent;
    border: 2px solid #E9E9E9;
    margin: 0 0 70px 0;
    border-radius: 10px;
  }

  .ui-sortable-properties-placeholder {
    background: transparent;
    border: 2px solid #E9E9E9;
    margin-bottom: 10px;
  }

  /* ---------- INPUTS ---------- */

  .invisible-field {
    input,
    textarea {
      border-color: transparent;
      background: transparent;
    }
  }

  .edt-property-meta-alias {
    input {
      font-size: 12px;
      color: @gray;
      margin-bottom: 0;
      height: 10px;
    }
  }

  .edt-property-meta-label {
    input {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0;
      color: @grayDarker;
    }
  }

  .edt-property-meta-description {
    textarea {
      font-size: 12px;
      color: @grayDark;
    }
  }

  /* ---------- PLACEHOLDERS ----------- */

  .placeholder-text {
    color: @gray;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
  }

  .placeholder-input-small {
    background: @grayLight;
    display: block;
    height: 10px;
    margin-bottom: 5px;
    width: 25%;
  }

  .placeholder-input {
    background: @grayLight;
    display: block;
    height: 20px;
    margin-bottom: 5px;
  }

  .placeholder-text-group {
    .placeholder-text-line-full {
      background: @grayLight;
      display: block;
      height: 5px;
      margin-bottom: 5px;
    }
    .placeholder-text-line-short {
      background: @grayLight;
      display: block;
      height: 5px;
      margin-bottom: 5px;
      width: 75%;
    }
  }

}

/* ---------- DIALOGS ---------- */

.content-type-editor-dialog.edit-property-settings {

  .title-wrapper {
    float: left;
    width: 300px;
    input.input-style-underline {
      border: none;
      //border-bottom: 1px solid #cccccc;
      width: 100%;
      box-sizing: border-box;
      padding: 10px 0 0 0;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: bold;
      &:focus {
        outline: none;
      }
    }
    .alias {
      font-size: 13px;
      color: @grayLight;
    }
  }

  .editor-placeholder {
    border: 1px dashed @grayLight;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: block;
    border-radius: 5px;
    color: @gray;
    font-weight: bold;
    font-size: 13px;
    &:hover {
      text-decoration: none;
    }
  }

  .editor {
    margin-bottom: 10px;
    .editor-icon-wrapper {
      border: 1px solid @grayLight;
      width: 60px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      border-radius: 5px;
      float: left;
      margin-right: 20px;
      &:hover {
        text-decoration: none;
        border-color: @blueLight;
      }
      .icon {
        font-size: 26px;
      }
    }
    .editor-details {
      float: left;
      margin-top: 10px;
      .editor-name {
        font-weight: bold;
      }
      .editor-editor {
        font-size: 12px;
      }
    }
  }

  textarea.description {
    width: 100%;
    box-sizing: border-box;
    border: none;
  }

  .checkbox {
    padding-left: 0;
    margin-bottom: 20px;
  }

  .umb-editor {
    width: 100%;
  }

}


Less margin

Less margin

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/AkibaTech/files-field_type.git/'


readding min-width to code for larger screens

fatal: unable to access 'https://github.com/pradeepmurugesan/incubator-freemarker-docgen.git/': The requested URL returned error: 403


Center when wrapped

Center when wrapped

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.search-header {
  .default-header-overlay();
  .default-box-shadow();
  .at2x-simple('/images/headers/search.jpg');
  background-size: cover;
  height: 200px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 60px;

  &__box {
    .default-border-radius();
    background-color: fade(#000, 50%);
    display: flex;
    font-size: @font-size--title-small-2;
  }

  &__icon {
    .reset-input();
    .center-content();
    flex: none;
    padding: 0 10px;
  }

  &__input {
    .reset-input();
    font-size: @font-size--iphone-input;
    flex: 1;
    padding: 20px 10px;
    font-weight: normal;
    min-width: 0;

    @media @desktop {
      font-size: inherit;
    }
  }

  &__title {
    font-weight: 300;
    align-self: center;
    margin-bottom: 10px;
    font-size: @font-size--large-2;
    text-align: center;
  }
}

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.search-header {
  .default-header-overlay();
  .default-box-shadow();
  .at2x-simple('/images/headers/search.jpg');
  background-size: cover;
  height: 200px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 60px;

  &__box {
    .default-border-radius();
    background-color: fade(#000, 50%);
    display: flex;
    font-size: @font-size--title-small-2;
  }

  &__icon {
    .reset-input();
    .center-content();
    flex: none;
    padding: 0 10px;
  }

  &__input {
    .reset-input();
    font-size: @font-size--iphone-input;
    flex: 1;
    padding: 20px 10px;
    font-weight: normal;
    min-width: 0;

    @media @desktop {
      font-size: inherit;
    }
  }

  &__title {
    font-weight: 300;
    align-self: center;
    margin-bottom: 10px;
    font-size: @font-size--large-2;
  }
}


Fix for Filter header (bugs 812175, 804785)

fatal: unable to access 'https://github.com/Jobava/zamboni.git/': The requested URL returned error: 403


add less to generate main.css

add less to generate main.css

// Core variables and mixins
@import "_variables.less";
@import "bootstrap/mixins.less";

// Reset
@import "bootstrap/normalize.less";
@import "bootstrap/print.less";

// Core CSS
@import "bootstrap/scaffolding.less";
@import "bootstrap/type.less";
@import "bootstrap/code.less";
@import "bootstrap/grid.less";
@import "bootstrap/tables.less";
@import "bootstrap/forms.less";
@import "bootstrap/buttons.less";

// Components
@import "bootstrap/component-animations.less";
@import "bootstrap/glyphicons.less";
@import "font-awesome/font-awesome.less";
@import "bootstrap/dropdowns.less";
@import "bootstrap/button-groups.less";
@import "bootstrap/input-groups.less";
@import "bootstrap/navs.less";
@import "bootstrap/navbar.less";
@import "bootstrap/breadcrumbs.less";
@import "bootstrap/pagination.less";
@import "bootstrap/pager.less";
@import "bootstrap/labels.less";
@import "bootstrap/badges.less";
@import "bootstrap/jumbotron.less";
@import "bootstrap/thumbnails.less";
@import "bootstrap/alerts.less";
@import "bootstrap/progress-bars.less";
@import "bootstrap/media.less";
@import "bootstrap/list-group.less";
@import "bootstrap/panels.less";
@import "bootstrap/wells.less";
@import "bootstrap/close.less";

// Components w/ JavaScript
@import "bootstrap/modals.less";
@import "bootstrap/tooltip.less";
@import "bootstrap/popovers.less";
@import "bootstrap/carousel.less";

// Utility classes
@import "bootstrap/utilities.less";
@import "bootstrap/responsive-utilities.less";

// Other custom files
@import "_page-contents.less";
@import "_footer.less";

error: pathspec 'less/__main.less' did not match any file(s) known to git


Create grid-framework.less

Create grid-framework.less

// Framework grid generation
//
// Used only by Bootstrap to generate the correct number of grid classes given
// any value of `@grid-columns`.

.make-grid-columns() {
  // Common styles for all sizes of grid columns, widths 1-12
  .col(@index) when (@index = 1) { // initial
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), @item);
  }
  .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), ~"@{list}, @{item}");
  }
  .col(@index, @list) when (@index > @grid-columns) { // terminal
    @{list} {
      position: relative;
      // Prevent columns from collapsing when empty
      min-height: 1px;
      // Inner gutter via padding
      padding-left:  (@grid-gutter-width / 2);
      padding-right: (@grid-gutter-width / 2);
    }
  }
  .col(1); // kickstart it
}

.float-grid-columns(@class) {
  .col(@index) when (@index = 1) { // initial
    @item: ~".col-@{class}-@{index}";
    .col((@index + 1), @item);
  }
  .col(@index, @list) when (@index =< @grid-columns) { // general
    @item: ~".col-@{class}-@{index}";
    .col((@index + 1), ~"@{list}, @{item}");
  }
  .col(@index, @list) when (@index > @grid-columns) { // terminal
    @{list} {
      float: left;
    }
  }
  .col(1); // kickstart it
}

.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
  .col-@{class}-@{index} {
    width: percentage((@index / @grid-columns));
  }
}
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
  .col-@{class}-push-@{index} {
    left: percentage((@index / @grid-columns));
  }
}
.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
  .col-@{class}-push-0 {
    left: auto;
  }
}
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
  .col-@{class}-pull-@{index} {
    right: percentage((@index / @grid-columns));
  }
}
.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
  .col-@{class}-pull-0 {
    right: auto;
  }
}
.calc-grid-column(@index, @class, @type) when (@type = offset) {
  .col-@{class}-offset-@{index} {
    margin-left: percentage((@index / @grid-columns));
  }
}

// Basic looping in LESS
.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
  .calc-grid-column(@index, @class, @type);
  // next iteration
  .loop-grid-columns((@index - 1), @class, @type);
}

// Create grid for specific class
.make-grid(@class) {
  .float-grid-columns(@class);
  .loop-grid-columns(@grid-columns, @class, width);
  .loop-grid-columns(@grid-columns, @class, pull);
  .loop-grid-columns(@grid-columns, @class, push);
  .loop-grid-columns(@grid-columns, @class, offset);
}

error: pathspec 'static/app/components/bootstrap/css/less/mixins/grid-framework.less' did not match any file(s) known to git


Remove redundant landing page magazine header styles

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/hevnly/asset-bazaar.git/'


Make modal position absolute and don't worry about typeaheads for now.

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}

body {
    font-size: 24px;
    line-height: 1.2em;
}

#menu-layer {
    z-index: 1;
    >* {
        position: absolute;
    }
}

div.wed-document {
    border-style: solid;
    border-width: 1px;

    div {
        word-wrap: normal;

        &._phantom {
            background-color: #C0C0C0;
            white-space: normal;

            &._gui {
                background-color: white;
            }

            &._text {
                display: inline;
            }
        }

        &._real {
            display: block;
            background-color: white;
            white-space: normal;
            margin-left: 1em;

            &._inline {
                display: inline;
                margin-left: 0em;
            }
        }
    }

    >div._real {
        margin-left: 0em;
    }

    ._owns_caret {
        border-bottom-style: solid;
    }

    ._placeholder {
        border-style: solid;
        white-space: pre;

        &._owns_caret {
            background-color: #C0C0C0;
            animation: placeholder 1s infinite;
            -webkit-animation: placeholder 1s infinite;
        }
    }

    ._wed_caret {
        white-space: pre;
        border-style: none;
        display: inline-block;
        max-width: 1px;
        min-height: 100%;
    }

}

@keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Bootstrap styling */

.tooltip {
    font-size: 24px;
    max-width: 100em;
    line-height: 1.2em;
}

.tooltip-inner {
    background-color: #FFEF93;
    color: black;
    text-indent: 0em;
}

#sidebar {
    font-size: 16px;
}

#validation-message {
    font-size: 16px;
}

.label {
    text-indent: 0em;
    /* This restores the bootstrap 2 style. */
    font-size: 12px;
    font-weight: bold;
}

.label-info {
    /* This restores the bootstrap 2 style. */
    background-color: #3a87ad;
}

.dropdown-menu>li>a {
    /* This restores the bootstrap 2 style. */
    line-height: 1;
}

.modal {
    position: absolute;

    .modal-body {
        /* See https://github.com/twitter/bootstrap/issues/6344 if there are
issues with typeaheads */
        overflow-y: auto;
    }
}

#validation-progress {
    -webkit-transition: width 0 ease 0;
    -moz-transition: width 0 ease 0;
    -o-transition: width 0 ease 0;
    transition: width 0 ease 0;
}

.progress {
    margin-bottom: inherit;
    height: 28px;

    /* The next stylings are to allow text over progress bars */

    span {
        position: absolute;
        color: black;
        z-index: 2;
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    /* Styling to allow text over progress bars ends here */
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}

body {
    font-size: 24px;
    line-height: 1.2em;
}

#menu-layer {
    z-index: 1;
    >* {
        position: absolute;
    }
}

div.wed-document {
    border-style: solid;
    border-width: 1px;

    div {
        word-wrap: normal;

        &._phantom {
            background-color: #C0C0C0;
            white-space: normal;

            &._gui {
                background-color: white;
            }

            &._text {
                display: inline;
            }
        }

        &._real {
            display: block;
            background-color: white;
            white-space: normal;
            margin-left: 1em;

            &._inline {
                display: inline;
                margin-left: 0em;
            }
        }
    }

    >div._real {
        margin-left: 0em;
    }

    ._owns_caret {
        border-bottom-style: solid;
    }

    ._placeholder {
        border-style: solid;
        white-space: pre;

        &._owns_caret {
            background-color: #C0C0C0;
            animation: placeholder 1s infinite;
            -webkit-animation: placeholder 1s infinite;
        }
    }

    ._wed_caret {
        white-space: pre;
        border-style: none;
        display: inline-block;
        max-width: 1px;
        min-height: 100%;
    }

}

@keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes placeholder {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

/* Bootstrap styling */

.tooltip {
    font-size: 24px;
    max-width: 100em;
    line-height: 1.2em;
}

.tooltip-inner {
    background-color: #FFEF93;
    color: black;
    text-indent: 0em;
}

#sidebar {
    font-size: 16px;
}

#validation-message {
    font-size: 16px;
}

.label {
    text-indent: 0em;
    /* This restores the bootstrap 2 style. */
    font-size: 12px;
    font-weight: bold;
}

.label-info {
    /* This restores the bootstrap 2 style. */
    background-color: #3a87ad;
}

.dropdown-menu>li>a {
    /* This restores the bootstrap 2 style. */
    line-height: 1;
}

.modal-body {
    /* This is to ensure that the typeaheads that are in modals
       show up above the modal. */
    /* See https://github.com/twitter/bootstrap/issues/6344 */
    overflow: visible;

    /* To prevent labels from overflowing out of the modal */
    .btn-group {
        white-space: normal;
    }
}

#validation-progress {
    -webkit-transition: width 0 ease 0;
    -moz-transition: width 0 ease 0;
    -o-transition: width 0 ease 0;
    transition: width 0 ease 0;
}

.progress {
    margin-bottom: inherit;
    height: 28px;

    /* The next stylings are to allow text over progress bars */

    span {
        position: absolute;
        color: black;
        z-index: 2;
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    /* Styling to allow text over progress bars ends here */
}


Don't need customzied card style

Don't need customzied card style

https://github.com/ant-design/ant-design/issues/6833

@import "./vars.less";

body {
  height: 100%;
  overflow-y: hidden;
  background-color: #f8f8f8;
}

::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

:global {
  .ant-breadcrumb {
    & > span {
      &:last-child {
        color: #999;
        font-weight: normal;
      }
    }
  }

  .ant-breadcrumb-link {
    .anticon + span {
      margin-left: 4px;
    }
  }

  .ant-table {
    .ant-table-thead > tr > th {
      text-align: center;
    }

    .ant-table-tbody > tr > td {
      text-align: center;
    }

    &.ant-table-small {
      .ant-table-thead > tr > th {
        background: #f7f7f7;
      }

      .ant-table-body > table {
        padding: 0;
      }
    }
  }

  .ant-table-pagination {
    float: none!important;
    display: table;
    margin: 16px auto !important;
  }

  .ant-popover-inner {
    border: none;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
  }

  .vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;

    .ant-modal {
      top: 0;

      .ant-modal-body {
        max-height: 80vh;
        overflow-y: auto;
      }
    }
  }

  .ant-form-item-control {
    vertical-align: middle;
  }

  .ant-modal-mask {
    background-color: rgba(55, 55, 55, 0.2);
  }

  .ant-modal-content {
    box-shadow: none;
  }

  .ant-pagination-item {
    margin-bottom: 8px;
  }

  .ant-select-dropdown-menu-item {
    padding: 12px 16px !important;
  }

  .margin-right {
    margin-right: 16px;
  }

  a:focus {
    text-decoration: none;
  }
}
@media (min-width: 1600px) {
  :global {
    .ant-col-xl-48 {
      width: 20%;
    }

    .ant-col-xl-96 {
      width: 40%;
    }
  }
}
@media (max-width: 767px) {
  :global {
    .ant-card {
      .ant-card-head {
        padding: 0 12px;
      }

      .ant-card-body {
        padding: 12px;
      }
    }
  }
}

@import "./vars.less";

body {
  height: 100%;
  overflow-y: hidden;
  background-color: #f8f8f8;
}

::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

:global {
  .ant-breadcrumb {
    & > span {
      &:last-child {
        color: #999;
        font-weight: normal;
      }
    }
  }

  .ant-breadcrumb-link {
    .anticon + span {
      margin-left: 4px;
    }
  }

  .ant-table {
    .ant-table-thead > tr > th {
      text-align: center;
    }

    .ant-table-tbody > tr > td {
      text-align: center;
    }

    &.ant-table-small {
      .ant-table-thead > tr > th {
        background: #f7f7f7;
      }

      .ant-table-body > table {
        padding: 0;
      }
    }
  }

  .ant-table-pagination {
    float: none!important;
    display: table;
    margin: 16px auto !important;
  }

  .ant-popover-inner {
    border: none;
    border-radius: 0;
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
  }

  .vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;

    .ant-modal {
      top: 0;

      .ant-modal-body {
        max-height: 80vh;
        overflow-y: auto;
      }
    }
  }

  .ant-form-item-control {
    vertical-align: middle;
  }

  .ant-modal-mask {
    background-color: rgba(55, 55, 55, 0.2);
  }

  .ant-modal-content {
    box-shadow: none;
  }

  .ant-card {
    &:hover {
      overflow: auto;
    }
  }

  .ant-pagination-item {
    margin-bottom: 8px;
  }

  .ant-select-dropdown-menu-item {
    padding: 12px 16px !important;
  }

  .margin-right {
    margin-right: 16px;
  }

  a:focus {
    text-decoration: none;
  }
}
@media (min-width: 1600px) {
  :global {
    .ant-col-xl-48 {
      width: 20%;
    }

    .ant-col-xl-96 {
      width: 40%;
    }
  }
}
@media (max-width: 767px) {
  :global {
    .ant-card {
      .ant-card-head {
        padding: 0 12px;
      }

      .ant-card-body {
        padding: 12px;
      }
    }
  }
}


simpler css

simpler css

@import "/static/css/defaults/common.less";

.blog-entry-title {
  font-size: 2em;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 35px;
}

.blog-entry-brief {
  margin-bottom: 45px;
}

.blog-entry-brief h1,
.blog-entry-text h1,
.blog-entry h2,
.blog-entry h3,
.blog-entry h4 {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-weight: bold;
  color: @strong;
}

.blog-entry pre {
  padding: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.blog-entry pre code {
  display: block;
}

.blog-entry p {
  line-height: 1.3em;
  margin-bottom: 15px;
}

.blog-entry ul {
  margin: 20px 0;
}

.blog-entry ul li {
  line-height: 1.6em;
  list-style-position:inside;
  list-style-type: disc;
  list-style-type: hiragana-iroha;
}

.blog-entry ul li:before {
  content: '';
  padding-right: 3px;
}

.blog-entry blockquote {
  .box-radius(8px);

  padding: 12px;
  margin: 25px 0 15px 0;
  background-color: @light;

  border: 1px solid @grayish;
  border-top: 2px solid @light;
  border-left: 2px solid @light;

  min-height: 24px;

  .box-gradient(@light, @moderate);
}

.blog-entry blockquote:before {
  content: '{ }';
  color: @strong + #777;
  text-shadow: 0 1px @strong;
  font-size: 30px;
  font-weight: bold;

  float: left;

  position: relative;
  top: -8px;
  left: 0;
  margin-bottom: 12px;
  margin-right: 12px;
}

.blog-entry a {
  color: @pink;
  font-weight: bold;
}

.blog-entries .blog-entry:first-child {
  margin-top: inherit;
}

.blog-entries .blog-entry {
  margin-top: 40px;
}

@import "/static/css/defaults/common.less";

.blog-entry-title {
  font-size: 2em;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 35px;
}

.blog-entry-brief {
  margin-bottom: 45px;
}

.blog-entry-brief h1,
.blog-entry-text h1,
.blog-entry h2,
.blog-entry h3,
.blog-entry h4 {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-weight: bold;
  color: @strong;
}

.blog-entry pre {
  padding: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.blog-entry pre code {
  display: block;
}

.blog-entry p {
  line-height: 1.3em;
  margin-bottom: 15px;
}

.blog-entry ul {
  margin: 20px 0;
}

.blog-entry ul li {
  line-height: 1.6em;
  list-style-position:inside;
  list-style-type: disc;
  list-style-type: hiragana-iroha;
}

.blog-entry ul li:before {
  content: '';
  padding-right: 3px;
}

.blog-entry blockquote {
  .box-radius(8px);

  padding: 12px;
  margin: 25px 0 15px 0;
  background-color: @light;

  border: 1px solid @grayish;
  border-top: 2px solid @light;
  border-left: 2px solid @light;

  min-height: 24px;

  .box-gradient(@light, @moderate);
}

.blog-entry blockquote:before {
  content: '{ }';
  color: @strong + #777;
  text-shadow: 0 1px @strong;
  font-size: 30px;
  font-weight: bold;

  float: left;

  position: relative;
  top: -8px;
  left: 0;
  margin-bottom: 12px;
  margin-right: 12px;
}

.blog-entry a {
  color: @pink;
  font-weight: bold;
}

.blog-entries .blog-entry:first-child {
  margin-top: inherit;
}

.blog-entries .blog-entry {
  margin-top: 160px;
  padding: 20px 25px;
}


Nicer cancel button for dev menu

Nicer cancel button for dev menu

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/wooga/Pocket-Island.git/'


yield to the dominent Less styling convention

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/bpollack/blag.git/'


fixed subsection styling in toc

fixed subsection styling in toc

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/daogames/docs.daogames.com.git/'


BAP-6760 fixed title display

BAP-6760 fixed title display

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/trustify/oroplatform.git/'


switched bg image name

switched bg image name

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/zachschmidt0/zachschmidt0.github.io.git/'