CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available" lang="hy" dir="ltr"> <head> <meta charset="UTF-8"> <title>Sass - Վիքիպեդիա</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )hywikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","Հունվար","Փետրվար","Մարտ","Ապրիլ","Մայիս","Հունիս","Հուլիս","Օգոստոս","Սեպտեմբեր","Հոկտեմբեր","Նոյեմբեր","Դեկտեմբեր"],"wgRequestId":"cb568806-b321-4118-8389-e0fe852211ef","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Sass","wgTitle":"Sass","wgCurRevisionId":9724364,"wgRevisionId":9724364,"wgArticleId":756394,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Pages using deprecated source tags","Pages using deprecated enclose attributes","Վիքիպեդիա:Վիքիդատայի հայերեն չթարգմանված տարրեր պարունակող հոդվածներ","Վիքիպեդիա:Հոդվածներ Վիքիտվյալներից աղբյուրներով","Webarchive template wayback links","Ծրագրային ապահովում այբբենական կարգով"],"wgPageViewLanguage":"hy","wgPageContentLanguage":"hy","wgPageContentModel":"wikitext","wgRelevantPageName":"Sass","wgRelevantArticleId":756394,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"hy","pageLanguageDir":"ltr","pageVariantFallbacks":"hy"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":8000,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q1572865","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGELevelingUpEnabledForUser":false}; RLSTATE={"ext.gadget.relatedIcons":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","ext.pygments.view","ext.scribunto.logs","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ondemand-pgn","ext.gadget.ArmSpelling","ext.gadget.HotCat","ext.gadget.Provelt","ext.gadget.easyTranslate","ext.gadget.edittop","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=hy&modules=ext.cite.styles%7Cext.pygments%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=hy&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=hy&modules=ext.gadget.relatedIcons&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=hy&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.22"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/1200px-Sass_Logo_Color.svg.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="900"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/800px-Sass_Logo_Color.svg.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="600"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/640px-Sass_Logo_Color.svg.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="480"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Sass - Վիքիպեդիա"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//hy.m.wikipedia.org/wiki/Sass"> <link rel="alternate" type="application/x-wiki" title="Խմբագրել" href="/w/index.php?title=Sass&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Վիքիպեդիա (hy)"> <link rel="EditURI" type="application/rsd+xml" href="//hy.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://hy.wikipedia.org/wiki/Sass"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.hy"> <link rel="alternate" type="application/atom+xml" title="Վիքիպեդիա Atom Սնուցում" href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%8E%D5%A5%D6%80%D5%BB%D5%AB%D5%B6%D6%83%D5%B8%D6%83%D5%B8%D5%AD%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6%D5%B6%D5%A5%D6%80%D5%A8&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Sass rootpage-Sass skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" title="Հիմնական ընտրացանկ" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Հիմնական ընտրացանկ" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Հիմնական ընտրացանկ</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Հիմնական ընտրացանկ</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">տեղափոխել կողագոտի</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">թաքցնել</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Նավարկում </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-Գլխավոր-էջ" class="mw-list-item"><a href="/wiki/%D4%B3%D5%AC%D5%AD%D5%A1%D5%BE%D5%B8%D6%80_%D5%A7%D5%BB"><span>Գլխավոր էջ</span></a></li><li id="n-browse" class="mw-list-item"><a href="/wiki/%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D5%88%D6%80%D5%B8%D5%B6%D5%B8%D6%82%D5%B4_%D5%A8%D5%BD%D5%BF_%D5%AF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1%D5%B6%D5%A5%D6%80%D5%AB"><span>Կատեգորիաներ</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%8A%D5%A1%D5%BF%D5%A1%D5%B0%D5%A1%D5%AF%D5%A1%D5%B6%D5%A7%D5%BB" title="Այցելեք պատահական էջ [x]" accesskey="x"><span>Պատահական հոդված</span></a></li><li id="n-newpages" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%86%D5%B8%D6%80%D5%A7%D5%BB%D5%A5%D6%80%D5%A8"><span>Նոր էջեր</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D4%B8%D5%B6%D5%A9%D5%A1%D6%81%D5%AB%D5%AF_%D5%AB%D6%80%D5%A1%D5%A4%D5%A1%D6%80%D5%B1%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6%D5%B6%D5%A5%D6%80" title="Տեղեկություններ ընթացիկ իրադարձությունների մասին"><span>Ընթացիկ իրադարձություններ</span></a></li><li id="n-specialpages" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2%D5%A7%D5%BB%D5%A5%D6%80%D5%A8"><span>Սպասարկող էջեր</span></a></li> </ul> </div> </div> <div id="p-participation" class="vector-menu mw-portlet mw-portlet-participation" > <div class="vector-menu-heading"> Մասնակցել </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-Էությունը" class="mw-list-item"><a href="/wiki/%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D4%B7%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6%D5%A8"><span>Էությունը</span></a></li><li id="n-Խորհրդարան" class="mw-list-item"><a href="/wiki/%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D4%BD%D5%B8%D6%80%D5%B0%D6%80%D5%A4%D5%A1%D6%80%D5%A1%D5%B6"><span>Խորհրդարան</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%8E%D5%A5%D6%80%D5%BB%D5%AB%D5%B6%D6%83%D5%B8%D6%83%D5%B8%D5%AD%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6%D5%B6%D5%A5%D6%80%D5%A8" title="Վիքիում կատարված վերջին փոփոխությունների ցանկը [r]" accesskey="r"><span>Վերջին փոփոխություններ</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/%D5%95%D5%A3%D5%B6%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6:%D4%B3%D5%AC%D5%AD%D5%A1%D6%81%D5%A1%D5%B6%D5%AF" title="Վիքիպեդիա նախագծի ուղեցույց"><span>Օգնություն</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/%D4%B3%D5%AC%D5%AD%D5%A1%D5%BE%D5%B8%D6%80_%D5%A7%D5%BB" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Վիքիպեդիա" src="/static/images/mobile/copyright/wikipedia-wordmark-hy.svg" style="width: 8.625em; height: 1.375em;"> <img class="mw-logo-tagline" alt="" src="/static/images/mobile/copyright/wikipedia-tagline-hy.svg" width="150" height="15" style="width: 9.375em; height: 0.9375em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%88%D6%80%D5%B8%D5%B6%D5%A5%D5%AC" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Որոնել Վիքիպեդիա կայքում [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Որոնել</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Որոնել Վիքիպեդիա կայքում" aria-label="Որոնել Վիքիպեդիա կայքում" autocapitalize="sentences" title="Որոնել Վիքիպեդիա կայքում [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Սպասարկող:Որոնել"> </div> <button class="cdx-button cdx-search-input__end-button">Որոնել</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Անձնական գործիքներ"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Արտաքին տեսք"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Արտաքին տեսք" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Արտաքին տեսք</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=hy.wikipedia.org&uselang=hy" class=""><span>Նվիրաբերել</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:CreateAccount&returnto=Sass" title="Խորհուրդ է տրվում ստեղծել մասնակցային հաշիվ և մուտք գործել համակարգ, սակայն դա անելը պարտադիր չէ։" class=""><span>Ստեղծել հաշիվ</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%84%D5%A1%D5%BD%D5%B6%D5%A1%D5%AF%D6%81%D5%AB%D5%B4%D5%B8%D6%82%D5%BF%D6%84&returnto=Sass" title="Կոչ ենք անում մտնել համակարգ, սակայն դա պարտադիր չէ [o]" accesskey="o" class=""><span>Մտնել</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Այլ ընտրանքներ" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Անձնական գործիքներ" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Անձնական գործիքներ</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Օգտվողի ընտրացանկ" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=hy.wikipedia.org&uselang=hy"><span>Նվիրաբերել</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:CreateAccount&returnto=Sass" title="Խորհուրդ է տրվում ստեղծել մասնակցային հաշիվ և մուտք գործել համակարգ, սակայն դա անելը պարտադիր չէ։"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Ստեղծել հաշիվ</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D5%84%D5%A1%D5%BD%D5%B6%D5%A1%D5%AF%D6%81%D5%AB%D5%B4%D5%B8%D6%82%D5%BF%D6%84&returnto=Sass" title="Կոչ ենք անում մտնել համակարգ, սակայն դա պարտադիր չէ [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Մտնել</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Էջեր չգրանցված խմբագիրների համար <a href="/wiki/%D5%95%D5%A3%D5%B6%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6:%D4%B3%D5%AC%D5%AD%D5%A1%D6%81%D5%A1%D5%B6%D5%AF" aria-label="Learn more about editing"><span>իմանալ ավելին</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D4%BB%D5%B4%D5%B6%D5%A5%D6%80%D5%A4%D6%80%D5%B8%D6%82%D5%B4%D5%B6%D5%A5%D6%80%D5%A8" title="A list of edits made from this IP address [y]" accesskey="y"><span>Ներդրումներ</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D4%BB%D5%B4%D6%84%D5%B6%D5%B6%D5%A1%D6%80%D5%AF%D5%B8%D6%82%D5%B4%D5%B6%D5%A5%D6%80%D5%A8" title="IP-հասցեից կատարված խմբագրումների քննարկում [n]" accesskey="n"><span>Քննարկում</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Բովանդակություն" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Բովանդակություն</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">տեղափոխել կողագոտի</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">թաքցնել</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Ներածություն</div> </a> </li> <li id="toc-Փոփոխականներ" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Փոփոխականներ"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Փոփոխականներ</span> </div> </a> <ul id="toc-Փոփոխականներ-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Ներքին_սկզբունքներ" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Ներքին_սկզբունքներ"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Ներքին սկզբունքներ</span> </div> </a> <ul id="toc-Ներքին_սկզբունքներ-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Փոփոխականներ_CSS-ում" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Փոփոխականներ_CSS-ում"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Փոփոխականներ CSS-ում</span> </div> </a> <button aria-controls="toc-Փոփոխականներ_CSS-ում-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Փոփոխականներ CSS-ում subsection</span> </button> <ul id="toc-Փոփոխականներ_CSS-ում-sublist" class="vector-toc-list"> <li id="toc-Ցիկլեր" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Ցիկլեր"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>Ցիկլեր</span> </div> </a> <ul id="toc-Ցիկլեր-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-IDE_ինտեգրում" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#IDE_ինտեգրում"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>IDE ինտեգրում</span> </div> </a> <ul id="toc-IDE_ինտեգրում-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Տես_նաև" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Տես_նաև"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Տես նաև</span> </div> </a> <ul id="toc-Տես_նաև-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Ծանոթագրություններ" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Ծանոթագրություններ"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Ծանոթագրություններ</span> </div> </a> <ul id="toc-Ծանոթագրություններ-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Արտաքին_հղումներ" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Արտաքին_հղումներ"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Արտաքին հղումներ</span> </div> </a> <ul id="toc-Արտաքին_հղումներ-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Բովանդակություն" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" title="Բովանդակություն" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Sass</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 22 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-22" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">22 լեզու</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%B3%D8%A7%D8%B3_(%D9%84%D8%BA%D8%A9_%D8%AA%D9%86%D8%B3%D9%8A%D9%82_%D8%B5%D9%81%D8%AD%D8%A7%D8%AA_%D8%A7%D9%84%D9%88%D9%8A%D8%A8)" title="ساس (لغة تنسيق صفحات الويب) – արաբերեն" lang="ar" hreflang="ar" data-title="ساس (لغة تنسيق صفحات الويب)" data-language-autonym="العربية" data-language-local-name="արաբերեն" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/Sass" title="Sass – ադրբեջաներեն" lang="az" hreflang="az" data-title="Sass" data-language-autonym="Azərbaycanca" data-language-local-name="ադրբեջաներեն" class="interlanguage-link-target"><span>Azərbaycanca</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/SASS" title="SASS – բուլղարերեն" lang="bg" hreflang="bg" data-title="SASS" data-language-autonym="Български" data-language-local-name="բուլղարերեն" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Sass" title="Sass – կատալաներեն" lang="ca" hreflang="ca" data-title="Sass" data-language-autonym="Català" data-language-local-name="կատալաներեն" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Sass_(Stylesheet-Sprache)" title="Sass (Stylesheet-Sprache) – գերմաներեն" lang="de" hreflang="de" data-title="Sass (Stylesheet-Sprache)" data-language-autonym="Deutsch" data-language-local-name="գերմաներեն" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Sass_(style_sheet_language)" title="Sass (style sheet language) – անգլերեն" lang="en" hreflang="en" data-title="Sass (style sheet language)" data-language-autonym="English" data-language-local-name="անգլերեն" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Sass" title="Sass – իսպաներեն" lang="es" hreflang="es" data-title="Sass" data-language-autonym="Español" data-language-local-name="իսպաներեն" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/Sass_(stiililehe_keel)" title="Sass (stiililehe keel) – էստոներեն" lang="et" hreflang="et" data-title="Sass (stiililehe keel)" data-language-autonym="Eesti" data-language-local-name="էստոներեն" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%B3%D8%A7%D8%B3_(%D8%B2%D8%A8%D8%A7%D9%86_%D8%B3%D8%A8%DA%A9_%D9%86%D9%88%DB%8C%D8%B3%DB%8C)" title="ساس (زبان سبک نویسی) – պարսկերեն" lang="fa" hreflang="fa" data-title="ساس (زبان سبک نویسی)" data-language-autonym="فارسی" data-language-local-name="պարսկերեն" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Sass" title="Sass – ֆիններեն" lang="fi" hreflang="fi" data-title="Sass" data-language-autonym="Suomi" data-language-local-name="ֆիններեն" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Sass_(langage)" title="Sass (langage) – ֆրանսերեն" lang="fr" hreflang="fr" data-title="Sass (langage)" data-language-autonym="Français" data-language-local-name="ֆրանսերեն" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Sass" title="Sass – իտալերեն" lang="it" hreflang="it" data-title="Sass" data-language-autonym="Italiano" data-language-local-name="իտալերեն" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/Sass" title="Sass – ճապոներեն" lang="ja" hreflang="ja" data-title="Sass" data-language-autonym="日本語" data-language-local-name="ճապոներեն" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/Sass_(%EC%8A%A4%ED%83%80%EC%9D%BC%EC%8B%9C%ED%8A%B8_%EC%96%B8%EC%96%B4)" title="Sass (스타일시트 언어) – կորեերեն" lang="ko" hreflang="ko" data-title="Sass (스타일시트 언어)" data-language-autonym="한국어" data-language-local-name="կորեերեն" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-ml mw-list-item"><a href="https://ml.wikipedia.org/wiki/%E0%B4%B8%E0%B4%BE%E0%B4%B8%E0%B5%8D_(%E0%B4%B8%E0%B5%8D%E0%B4%B1%E0%B5%8D%E0%B4%B1%E0%B5%88%E0%B5%BD%E2%80%8C%E0%B4%B7%E0%B5%80%E0%B4%B1%E0%B5%8D%E0%B4%B1%E0%B5%8D_%E0%B4%AD%E0%B4%BE%E0%B4%B7)" title="സാസ് (സ്റ്റൈൽ‌ഷീറ്റ് ഭാഷ) – մալայալամ" lang="ml" hreflang="ml" data-title="സാസ് (സ്റ്റൈൽ‌ഷീറ്റ് ഭാഷ)" data-language-autonym="മലയാളം" data-language-local-name="մալայալամ" class="interlanguage-link-target"><span>മലയാളം</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Sass_(linguagem_de_folhas_de_estilos)" title="Sass (linguagem de folhas de estilos) – պորտուգալերեն" lang="pt" hreflang="pt" data-title="Sass (linguagem de folhas de estilos)" data-language-autonym="Português" data-language-local-name="պորտուգալերեն" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/Sass" title="Sass – ռուսերեն" lang="ru" hreflang="ru" data-title="Sass" data-language-autonym="Русский" data-language-local-name="ռուսերեն" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sq mw-list-item"><a href="https://sq.wikipedia.org/wiki/Sass_(gjuh%C3%AB_p%C3%ABr_flet%C3%AB-stili)" title="Sass (gjuhë për fletë-stili) – ալբաներեն" lang="sq" hreflang="sq" data-title="Sass (gjuhë për fletë-stili)" data-language-autonym="Shqip" data-language-local-name="ալբաներեն" class="interlanguage-link-target"><span>Shqip</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/Sass_(%D1%81%D1%82%D0%B8%D0%BB%D1%81%D0%BA%D0%B8_%D1%98%D0%B5%D0%B7%D0%B8%D0%BA)" title="Sass (стилски језик) – սերբերեն" lang="sr" hreflang="sr" data-title="Sass (стилски језик)" data-language-autonym="Српски / srpski" data-language-local-name="սերբերեն" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/SASS" title="SASS – թուրքերեն" lang="tr" hreflang="tr" data-title="SASS" data-language-autonym="Türkçe" data-language-local-name="թուրքերեն" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/Sass" title="Sass – ուկրաիներեն" lang="uk" hreflang="uk" data-title="Sass" data-language-autonym="Українська" data-language-local-name="ուկրաիներեն" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/Sass" title="Sass – չինարեն" lang="zh" hreflang="zh" data-title="Sass" data-language-autonym="中文" data-language-local-name="չինարեն" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q1572865#sitelinks-wikipedia" title="Խմբագրել միջլեզվային հղումները" class="wbc-editpage">Փոխել հղումները</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Անվանատարածքներ"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Sass" title="Դիտել հոդվածը [c]" accesskey="c"><span>Հոդված</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/%D5%94%D5%B6%D5%B6%D5%A1%D6%80%D5%AF%D5%B8%D6%82%D5%B4:Sass" rel="discussion" title="Քննարկումներ այս էջի բովանդակության մասին [t]" accesskey="t"><span>Քննարկում</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">հայերեն</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Դիտումները"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Sass"><span>Կարդալ</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Sass&veaction=edit" title="Խմբագրել այս էջը [v]" accesskey="v"><span>Խմբագրել</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Sass&action=edit" title="Խմբագրել այս էջի ելատեքստը [e]" accesskey="e"><span>Խմբագրել կոդը</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Sass&action=history" title="Այս էջի խմբագրումների պատմությունը [h]" accesskey="h"><span>Դիտել պատմությունը</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Գործիքներ" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Գործիքներ</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Գործիքներ</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">տեղափոխել կողագոտի</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">թաքցնել</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Այլ ընտրանքներ" > <div class="vector-menu-heading"> Գործողություններ </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Sass"><span>Կարդալ</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Sass&veaction=edit" title="Խմբագրել այս էջը [v]" accesskey="v"><span>Խմբագրել</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Sass&action=edit" title="Խմբագրել այս էջի ելատեքստը [e]" accesskey="e"><span>Խմբագրել կոդը</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Sass&action=history"><span>Դիտել պատմությունը</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Ընդհանուր </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D4%B1%D5%B5%D5%BD%D5%BF%D5%A5%D5%B2%D5%B0%D5%B2%D5%BE%D5%B8%D5%B2%D5%A7%D5%BB%D5%A5%D6%80%D5%A8/Sass" title="Այս էջին հղվող բոլոր վիքի էջերի ցանկը [j]" accesskey="j"><span>Այստեղ հղվող էջերը</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D4%BF%D5%A1%D5%BA%D5%BE%D5%A1%D5%AE%D5%A7%D5%BB%D5%A5%D6%80%D5%AB%D6%83%D5%B8%D6%83%D5%B8%D5%AD%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6%D5%B6%D5%A5%D6%80%D5%A8/Sass" rel="nofollow" title="Այս էջից կապված էջերի վերջին փոփոխությունները [k]" accesskey="k"><span>Կապված փոփոխություններ</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Sass&oldid=9724364" title="Էջի այս տարբերակի մշտական հղում"><span>Մշտական հղում</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Sass&action=info" title="Վիճակագրական տվյալներ էջի մասին"><span>Էջի վիճակագրություն</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:CiteThisPage&page=Sass&id=9724364&wpFormIdentifier=titleform" title="Տեղեկատվություն, թե ինչպես պետք է մեջբերել այս էջը"><span>Մեջբերել այս էջը</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:UrlShortener&url=https%3A%2F%2Fhy.wikipedia.org%2Fwiki%2FSass"><span>Ստանալ կարճ URL հասցե</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:QrCode&url=https%3A%2F%2Fhy.wikipedia.org%2Fwiki%2FSass"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Տպել/արտահանել </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:Book&bookcmd=book_creator&referer=Sass"><span>Ստեղծել գիրք</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:DownloadAsPdf&page=Sass&action=show-download-screen"><span>Ներբեռնել որպես PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Sass&printable=yes" title="Այս էջի տպելու տարբերակ [p]" accesskey="p"><span>Տպելու տարբերակ</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> Այլ նախագծերում </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q1572865" title="Հղում Վիքիտվյալի համապատասխան էջին [g]" accesskey="g"><span>Վիքիտվյալների տարր</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Արտաքին տեսք"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Արտաքին տեսք</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">տեղափոխել կողագոտի</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">թաքցնել</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Վիքիպեդիայից՝ ազատ հանրագիտարանից</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="hy" dir="ltr"><table class="infobox vevent" style="width:22em"><caption class="summary">Sass</caption><tbody><tr><th colspan="2" style="text-align:center;font-size:125%;font-weight:bold"><span data-wikidata-claim-id="Q1572865$CEE9CD85-33FF-42D3-B57D-D42E909E18F0" class="wikidata-claim" data-wikidata-property-id="P154"><span class="wikidata-snak wikidata-main-snak"><span typeof="mw:File/Frameless"><a href="/wiki/%D5%8A%D5%A1%D5%BF%D5%AF%D5%A5%D6%80:Sass_Logo_Color.svg" class="mw-file-description"><img alt="Изображение логотипа" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/107px-Sass_Logo_Color.svg.png" decoding="async" width="107" height="80" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/160px-Sass_Logo_Color.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/213px-Sass_Logo_Color.svg.png 2x" data-file-width="512" data-file-height="384" /></a></span></span></span></th></tr><tr><th scope="row">Տեսակ</th><td><span data-wikidata-claim-id="Q1572865$1f3a0b3d-4f99-449b-771c-a3cae3a49196" class="wikidata-claim" data-wikidata-property-id="P31"><span class="wikidata-snak wikidata-main-snak"><a href="https://www.wikidata.org/wiki/Q1029123" class="extiw" title="d:Q1029123">ոճային լեզու</a></span></span>, <span data-wikidata-claim-id="Q1572865$47bf63b4-49e6-86c0-f91a-33d11f8ab988" class="wikidata-claim" data-wikidata-property-id="P31"><span class="wikidata-snak wikidata-main-snak"><a href="/wiki/%D5%8A%D6%80%D5%A5%D5%BA%D6%80%D5%B8%D6%81%D5%A5%D5%BD%D5%B8%D6%80" title="Պրեպրոցեսոր">Պրեպրոցեսոր</a></span></span>, <span data-wikidata-claim-id="Q1572865$851BF6AE-E9D7-4174-A903-E33A1E61D681" class="wikidata-claim" data-wikidata-property-id="P31"><span class="wikidata-snak wikidata-main-snak"><a href="/wiki/%D4%BE%D6%80%D5%A1%D5%A3%D6%80%D5%A1%D5%BE%D5%B8%D6%80%D5%B4%D5%A1%D5%B6_%D5%AC%D5%A5%D5%A6%D5%B8%D6%82" title="Ծրագրավորման լեզու">ծրագրավորման լեզու</a></span></span> և <span data-wikidata-claim-id="Q1572865$3EF94F3E-C604-488A-B826-FCF6D4EDEDA5" class="wikidata-claim" data-wikidata-property-id="P31"><span class="wikidata-snak wikidata-main-snak"><a href="https://www.wikidata.org/wiki/Q50843083" class="extiw" title="d:Q50843083">off-side rule language</a><span class="wikidata-missing-label" style="border-bottom: 1px dotted; cursor: help; white-space: nowrap" title="Վիքիդատայում այս տարրը չունի հայերեն նկարագրություն: Դուք կարող եք օգնել՝ նշելով տարրի հայերեն թարգմանությունը:">?</span></span></span></td></tr><tr><th scope="row"><a href="/wiki/%D5%95%D5%BA%D5%A5%D6%80%D5%A1%D6%81%D5%AB%D5%B8%D5%B6_%D5%B0%D5%A1%D5%B4%D5%A1%D5%AF%D5%A1%D6%80%D5%A3" title="Օպերացիոն համակարգ">ՕՀ</a></th><td><span data-wikidata-claim-id="Q1572865$0a52147c-48ec-1066-90b5-8b415638f84c" class="wikidata-claim" data-wikidata-property-id="P306"><span class="wikidata-snak wikidata-main-snak"><a href="https://www.wikidata.org/wiki/Q174666" class="extiw" title="d:Q174666">բազմապլատֆորմ</a></span></span></td></tr><tr><th scope="row">Լույս տեսավ՝</th><td><span data-wikidata-property-id="P577" class="no-wikidata"><span data-wikidata-claim-id="Q1572865$3f1ccc67-4b91-9fb2-9525-8b4060e5e5af" class="wikidata-claim" data-wikidata-property-id="P571"><span class="wikidata-snak wikidata-main-snak"><span style="white-space:nowrap;"><a href="/wiki/%D5%86%D5%B8%D5%B5%D5%A5%D5%B4%D5%A2%D5%A5%D6%80%D5%AB_28" title="Նոյեմբերի 28">նոյեմբերի 28</a>, <a href="/wiki/2006" title="2006">2006</a></span></span></span></span></td></tr><tr><th scope="row">Վերջին կայուն տարբերակ</th><td><span class="wikidata-claim" data-wikidata-property-id="P348" data-wikidata-claim-id="Q1572865$4b7e8178-42af-79e0-5b3b-14a4bf9ff1fe"><span class="wikidata-snak wikidata-main-snak">3.4.8</span> (<span data-wikidata-hash="cdb8b6d853cbf583a84768f8a7ded4f84812a701" class="wikidata-snak"><span style="white-space:nowrap;"><a href="/wiki/%D5%86%D5%B8%D5%B5%D5%A5%D5%B4%D5%A2%D5%A5%D6%80%D5%AB_14" title="Նոյեմբերի 14">նոյեմբերի 14</a>, <a href="/wiki/2014" title="2014">2014</a></span></span>)<sup id="cite_ref-_3199d1fbe425871f_1-0" class="reference"><a href="#cite_note-_3199d1fbe425871f-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup></span></td></tr><tr><th scope="row"><a href="/wiki/%D4%BE%D6%80%D5%A1%D5%A3%D6%80%D5%A1%D5%B5%D5%AB%D5%B6_%D5%A1%D5%BA%D5%A1%D5%B0%D5%B8%D5%BE%D5%B4%D5%A1%D5%B6_%D5%A1%D6%80%D5%BF%D5%B8%D5%B6%D5%A1%D5%A3%D5%AB%D6%80" title="Ծրագրային ապահովման արտոնագիր">Արտոնագիր</a></th><td><span data-wikidata-claim-id="Q1572865$cb863479-4c69-91fe-a194-2c7c3788e7e4" class="wikidata-claim" data-wikidata-property-id="P275"><span class="wikidata-snak wikidata-main-snak"><a href="https://www.wikidata.org/wiki/Q334661" class="extiw" title="d:Q334661">MIT արտոնագիր</a></span></span></td></tr><tr><th scope="row">Կայք</th><td><span data-wikidata-claim-id="Q1572865$b1dab02c-4dea-a2e2-c94d-f6030347c84f" class="wikidata-claim" data-wikidata-property-id="P856"><span class="wikidata-snak wikidata-main-snak"><a rel="nofollow" class="external text" href="https://sass-lang.com/">sass-lang.com</a><span title="անգլերեն" style="font-size:85%; cursor:help; margin-left:0.2em; color:var(--color-subtle, #54595d);">(անգլ.)</span></span></span></td></tr></tbody></table> <p><b>Sass</b> (Syntactically Awesome Stylesheets), կասկադային ոճային լեզու, որն սկզբնապես մշակել է Համփթոն Քեյթլինը, իսկ զարգացման աշխատանքները կատարել է Նատալի Վեյզենբաումը<sup id="cite_ref-about_2-0" class="reference"><a href="#cite_note-about-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>։ Sass-ը <a href="/wiki/%D5%84%D5%A5%D5%BF%D5%A1%D5%AC%D5%A5%D5%A6%D5%B8%D6%82" title="Մետալեզու">մետալեզու</a> է, որը հիմնված է <a href="/wiki/CSS" class="mw-redirect" title="CSS">CSS</a>-ի վրա և նախատեսված է CSS կոդի վերացարկման մակարդակը բարձրացնելու համար։ </p><p>Sass լեզուն ունի երկու շարահյուսություն․ </p> <ul><li><b>sass</b>, տարբերվում է ձևավոր փակագծերի բացակայությամբ։ Նրանում ներկառուցված տարրերը իրագործվում են բացատների միջոցով։</li> <li><b>SCSS</b> (<b>Sassy CSS</b>), օգտագործվում են ձևավոր փակագծեր, ինչպես հենց CSS-ում։</li></ul> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Փոփոխականներ"><span id=".D5.93.D5.B8.D6.83.D5.B8.D5.AD.D5.A1.D5.AF.D5.A1.D5.B6.D5.B6.D5.A5.D6.80"></span>Փոփոխականներ</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=1" title="Խմբագրել բաժինը. Փոփոխականներ" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=1" title="Edit section's source code: Փոփոխականներ"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Sass-ը հնարավորություն է տալիս սահմանելու փոփոխականներ։ Փոփոխականները սկսվում են դոլարի նշանով (<code>$</code>) և ավարտվում լատինական միջակետի նշանով (Colon, <code>:</code>)։ </p><p>SassScript-ն աջակցում է չորս տեսակի տվյալներ․ </p> <ul><li><a href="/wiki/%D4%B9%D5%AB%D5%BE" title="Թիվ">Թվեր</a> (այդ թվում միավորներ)</li> <li><a href="/w/index.php?title=%D5%8F%D5%B8%D5%B2_(%D5%AB%D5%B6%D6%86%D5%B8%D6%80%D5%B4%D5%A1%D5%BF%D5%AB%D5%AF%D5%A1)&action=edit&redlink=1" class="new" title="Տող (ինֆորմատիկա) (դեռ գրված չէ)">Տողեր</a> (քաղվածքներով կամ առանց)</li> <li>Գույներ (անուն կամ անուններ)</li> <li><a href="/w/index.php?title=%D5%8F%D5%BE%D5%B5%D5%A1%D5%AC%D5%B6%D5%A5%D6%80%D5%AB_%D5%BF%D6%80%D5%A1%D5%B4%D5%A1%D5%A2%D5%A1%D5%B6%D5%A1%D5%AF%D5%A1%D5%B6_%D5%BF%D5%AB%D5%BA&action=edit&redlink=1" class="new" title="Տվյալների տրամաբանական տիպ (դեռ գրված չէ)">Բուլյան</a> (տրամաբանական տիպ)</li></ul> <p>SCSS-ի ոճը․ </p> <div class="mw-highlight mw-highlight-lang-scss mw-content-ltr" dir="ltr"><pre><span></span><span class="nv">$primary-color</span><span class="o">:</span><span class="w"> </span><span class="mh">#3bbfce</span><span class="p">;</span> <span class="nv">$margin</span><span class="o">:</span><span class="w"> </span><span class="mi">16</span><span class="kt">px</span><span class="p">;</span> <span class="nc">.content-navigation</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nt">border-color</span><span class="nd">:</span><span class="w"> </span><span class="err">$</span><span class="nt">primary-color</span><span class="o">;</span> <span class="w"> </span><span class="nt">color</span><span class="nd">:</span><span class="w"> </span><span class="nt">darken</span><span class="o">(</span><span class="err">$</span><span class="nt">primary-color</span><span class="o">,</span><span class="w"> </span><span class="nt">10</span><span class="err">%</span><span class="o">);</span> <span class="p">}</span> <span class="nc">.border</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="nt">padding</span><span class="nd">:</span><span class="w"> </span><span class="err">$</span><span class="nt">margin</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="nt">2</span><span class="o">;</span> <span class="w"> </span><span class="nt">margin</span><span class="nd">:</span><span class="w"> </span><span class="err">$</span><span class="nt">margin</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="nt">2</span><span class="o">;</span> <span class="w"> </span><span class="nt">border-color</span><span class="nd">:</span><span class="w"> </span><span class="err">$</span><span class="nt">primary-color</span><span class="o">;</span> <span class="p">}</span> </pre></div> <p>SASS-ի ոճը․ </p> <div class="mw-highlight mw-highlight-lang-sass mw-content-ltr" dir="ltr"><pre><span></span><span class="na">$primary-color</span><span class="o">:</span><span class="w"> </span><span class="mh">#3bbfce</span> <span class="nv">$margin</span><span class="o">:</span><span class="w"> </span><span class="mi">16</span><span class="kt">px</span> <span class="nc">.content-navigation</span> <span class="w"> </span><span class="na">border-color</span><span class="o">:</span><span class="w"> </span><span class="nv">$primary-color</span> <span class="w"> </span><span class="na">color</span><span class="o">:</span><span class="w"> </span><span class="nf">darken</span><span class="p">(</span><span class="nv">$primary-color</span><span class="o">,</span><span class="w"> </span><span class="mi">10</span><span class="kt">%</span><span class="p">)</span> <span class="nc">.border</span> <span class="w"> </span><span class="na">padding</span><span class="o">:</span><span class="w"> </span><span class="nv">$margin</span><span class="o">/</span><span class="mi">2</span> <span class="w"> </span><span class="na">margin</span><span class="o">:</span><span class="w"> </span><span class="nv">$margin</span><span class="o">/</span><span class="mi">2</span> <span class="w"> </span><span class="na">border-color</span><span class="o">:</span><span class="w"> </span><span class="nv">$primary-color</span> </pre></div> <p>Կկոմպիլացնի հետևյալ կոդը․ </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="p">.</span><span class="nc">content-navigation</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">border-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#3bbfce</span><span class="p">;</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#2b9eab</span><span class="p">;</span> <span class="p">}</span> <span class="p">.</span><span class="nc">border</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">8</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mi">8</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">border-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#3bbfce</span><span class="p">;</span> <span class="p">}</span> </pre></div> <div class="mw-heading mw-heading2"><h2 id="Ներքին_սկզբունքներ"><span id=".D5.86.D5.A5.D6.80.D6.84.D5.AB.D5.B6_.D5.BD.D5.AF.D5.A6.D5.A2.D5.B8.D6.82.D5.B6.D6.84.D5.B6.D5.A5.D6.80"></span>Ներքին սկզբունքներ</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=2" title="Խմբագրել բաժինը. Ներքին սկզբունքներ" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=2" title="Edit section's source code: Ներքին սկզբունքներ"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Sass-ի առանցքային առանձնահատկություններից մեկը, որը թույլ է տալիս արագացնել ներքին սելեկտորների ստեղծումը և փոփոխումը․ </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="p">#</span><span class="nn">header</span> <span class="w"> </span><span class="nt">background</span><span class="o">:</span><span class="w"> </span><span class="p">#</span><span class="nn">FFFFFF</span> <span class="w"> </span><span class="p">.</span><span class="nc">error</span> <span class="w"> </span><span class="nt">color</span><span class="o">:</span><span class="w"> </span><span class="p">#</span><span class="nn">FF0000</span> <span class="w"> </span> <span class="w"> </span><span class="nt">a</span> <span class="w"> </span><span class="nt">text-decoration</span><span class="o">:</span><span class="w"> </span><span class="nt">none</span> <span class="w"> </span><span class="o">&</span><span class="p">:</span><span class="nd">hover</span> <span class="w"> </span><span class="nt">text-decoration</span><span class="o">:</span><span class="w"> </span><span class="nt">underline</span> </pre></div> <p>CSS-ում կվերափոխվի․ </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="p">#</span><span class="nn">header</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background</span><span class="p">:</span><span class="w"> </span><span class="mh">#FFFFFF</span><span class="p">;</span><span class="w"> </span> <span class="p">}</span> <span class="p">#</span><span class="nn">header</span><span class="w"> </span><span class="p">.</span><span class="nc">error</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#FF0000</span><span class="p">;</span><span class="w"> </span> <span class="p">}</span> <span class="p">#</span><span class="nn">header</span><span class="w"> </span><span class="nt">a</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span><span class="w"> </span> <span class="p">}</span> <span class="p">#</span><span class="nn">header</span><span class="w"> </span><span class="nt">a</span><span class="p">:</span><span class="nd">hover</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">text-decoration</span><span class="p">:</span><span class="w"> </span><span class="kc">underline</span><span class="p">;</span><span class="w"> </span> <span class="p">}</span> </pre></div> <div class="mw-heading mw-heading2"><h2 id="Փոփոխականներ_CSS-ում"><span id=".D5.93.D5.B8.D6.83.D5.B8.D5.AD.D5.A1.D5.AF.D5.A1.D5.B6.D5.B6.D5.A5.D6.80_CSS-.D5.B8.D6.82.D5.B4"></span>Փոփոխականներ CSS-ում</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=3" title="Խմբագրել բաժինը. Փոփոխականներ CSS-ում" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=3" title="Edit section's source code: Փոփոխականներ CSS-ում"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Sass-ը CSS-ին ավելացնում է հաստատուններ և միքսիններ։ Այն մեծ ոճային հավաքածու ունեցող ֆայլում ապահովում է տվյալների ամբողջականությունը։ Հաստատունները թույլ են տալիս սահմանել արժեքներ և այն կիրառել ոճային ֆայլում։ Միքսինների միջոցով նույնպես կարող ենք սահմանել հաստատուններ։ </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="o">$</span><span class="nt">linkColor</span><span class="o">:</span><span class="w"> </span><span class="p">#</span><span class="nn">00F</span> <span class="nt">a</span> <span class="w"> </span><span class="nt">color</span><span class="o">:</span><span class="w"> </span><span class="o">$</span><span class="nt">linkColor</span> </pre></div> <p>CSS-ում կվերափոխվի․ </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="nt">a</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#00F</span><span class="p">;</span><span class="w"> </span> <span class="p">}</span> </pre></div> <p>Միքսինների օգտագործման օրինակ<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>․ </p> <div class="mw-highlight mw-highlight-lang-sass mw-content-ltr" dir="ltr"><pre><span></span><span class="k">@mixin</span><span class="w"> </span><span class="nf">border-radius</span><span class="p">(</span><span class="nv">$radius</span><span class="o">,</span><span class="nv">$border</span><span class="o">,</span><span class="nv">$color</span><span class="p">)</span><span class="w"> </span><span class="err">{</span> <span class="w"> </span><span class="na">-webkit-border-radius</span><span class="o">:</span><span class="w"> </span><span class="nv">$radius</span><span class="err">;</span> <span class="w"> </span><span class="na">-moz-border-radius</span><span class="o">:</span><span class="w"> </span><span class="nv">$radius</span><span class="err">;</span> <span class="w"> </span><span class="na">-ms-border-radius</span><span class="o">:</span><span class="w"> </span><span class="nv">$radius</span><span class="err">;</span> <span class="w"> </span><span class="na">border-radius</span><span class="o">:</span><span class="w"> </span><span class="nv">$radius</span><span class="err">;</span> <span class="w"> </span><span class="na">border</span><span class="o">:</span><span class="nv">$border</span><span class="w"> </span><span class="no">solid</span><span class="w"> </span><span class="nv">$color</span> <span class="err">}</span> <span class="nc">.box</span><span class="w"> </span><span class="err">{</span><span class="w"> </span><span class="o">@</span><span class="nt">include</span><span class="w"> </span><span class="nt">border-radius</span><span class="o">(</span><span class="nt">10px</span><span class="o">,</span><span class="nt">1px</span><span class="o">,</span><span class="nt">red</span><span class="o">);</span><span class="w"> </span><span class="err">}</span> </pre></div> <p>CSS-ում կվերափոխվի․ </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="p">.</span><span class="nc">box</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="kp">-webkit-</span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"> </span> <span class="w"> </span><span class="kp">-moz-</span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"> </span> <span class="w"> </span><span class="kp">-ms-</span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"> </span> <span class="w"> </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="kt">px</span><span class="p">;</span><span class="w"> </span> <span class="w"> </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span><span class="w"> </span> <span class="p">}</span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Ցիկլեր"><span id=".D5.91.D5.AB.D5.AF.D5.AC.D5.A5.D6.80"></span>Ցիկլեր</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=4" title="Խմբագրել բաժինը. Ցիկլեր" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=4" title="Edit section's source code: Ցիկլեր"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Sass-ը թուլ է տալիս փոփոխականներից բացի օգտագործել նաև <code><code class="mw-highlight mw-highlight-lang-sass mw-content-ltr" dir="ltr"><span class="k">@for</span></code></code>, <code><code class="mw-highlight mw-highlight-lang-sass mw-content-ltr" dir="ltr"><span class="k">@each</span></code></code> և <code><code class="mw-highlight mw-highlight-lang-sass mw-content-ltr" dir="ltr"><span class="k">@while</span></code></code> ցիկլեր։ </p> <div class="mw-highlight mw-highlight-lang-sass mw-content-ltr" dir="ltr"><pre><span></span><span class="nv">$squareCount</span><span class="o">:</span><span class="w"> </span><span class="mi">3</span> <span class="k">@for</span><span class="w"> </span><span class="nv">$i</span><span class="w"> </span><span class="ow">from</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="ow">through</span><span class="w"> </span><span class="nv">$squareCount</span><span class="w"> </span> <span class="w"> </span><span class="nn">#square-</span><span class="si">#{</span><span class="nv">$i</span><span class="si">}</span><span class="w"> </span> <span class="w"> </span><span class="na">background-color</span><span class="o">:</span><span class="w"> </span><span class="ni">red</span> <span class="w"> </span><span class="na">width</span><span class="o">:</span><span class="w"> </span><span class="mi">50</span><span class="kt">px</span><span class="w"> </span><span class="o">*</span><span class="w"> </span><span class="nv">$i</span> <span class="w"> </span><span class="na">height</span><span class="o">:</span><span class="w"> </span><span class="mi">120</span><span class="kt">px</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="nv">$i</span> </pre></div> <p>Այն կկոմպիլացնի հետևյալ կոդը․ </p> <div class="mw-highlight mw-highlight-lang-css mw-content-ltr" dir="ltr"><pre><span></span><span class="p">#</span><span class="nn">square-1</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span> <span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">50</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">120</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> <span class="p">#</span><span class="nn">square-2</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span> <span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">100</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">60</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> <span class="p">#</span><span class="nn">square-3</span><span class="w"> </span><span class="p">{</span> <span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">red</span><span class="p">;</span> <span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="mi">150</span><span class="kt">px</span><span class="p">;</span> <span class="w"> </span><span class="k">height</span><span class="p">:</span><span class="w"> </span><span class="mi">40</span><span class="kt">px</span><span class="p">;</span> <span class="p">}</span> </pre></div> <div class="mw-heading mw-heading2"><h2 id="IDE_ինտեգրում"><span id="IDE_.D5.AB.D5.B6.D5.BF.D5.A5.D5.A3.D6.80.D5.B8.D6.82.D5.B4"></span>IDE ինտեգրում</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=5" title="Խմբագրել բաժինը. IDE ինտեգրում" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=5" title="Edit section's source code: IDE ինտեգրում"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <table class="wikitable"> <tbody><tr> <th>IDE</th> <th>Ծրագիր</th> <th>Կայք </th></tr> <tr> <td><a href="/wiki/Adobe_Dreamweaver" title="Adobe Dreamweaver">Adobe Dreamweaver</a> CC 2017 </td> <td> </td> <td><a rel="nofollow" class="external free" href="https://blogs.adobe.com/creativecloud/getting-started-with-css-preprocessors-less-and-sass/">https://blogs.adobe.com/creativecloud/getting-started-with-css-preprocessors-less-and-sass/</a> <a rel="nofollow" class="external text" href="https://web.archive.org/web/20161114235934/https://blogs.adobe.com/creativecloud/getting-started-with-css-preprocessors-less-and-sass/">Արխիվացված</a> 2016-11-14 <a href="/wiki/Wayback_Machine" title="Wayback Machine">Wayback Machine</a> </td></tr> <tr> <td><a href="/w/index.php?title=Eclipse_(software)&action=edit&redlink=1" class="new" title="Eclipse (software) (դեռ գրված չէ)">Eclipse</a></td> <td></td> <td> </td></tr> <tr> <td><a href="/w/index.php?title=Emacs&action=edit&redlink=1" class="new" title="Emacs (դեռ գրված չէ)">Emacs</a></td> <td>SCSS Mode</td> <td><a rel="nofollow" class="external free" href="https://github.com/antonj/scss-mode/">https://github.com/antonj/scss-mode/</a> </td></tr> <tr> <td><a href="/wiki/IntelliJ_IDEA" title="IntelliJ IDEA">JetBrains IntelliJ IDEA (Ultimate Edition)</a></td> <td></td> <td><a rel="nofollow" class="external free" href="https://www.jetbrains.com/idea/">https://www.jetbrains.com/idea/</a> </td></tr> <tr> <td><a href="/w/index.php?title=PhpStorm&action=edit&redlink=1" class="new" title="PhpStorm (դեռ գրված չէ)">JetBrains PhpStorm</a></td> <td></td> <td><a rel="nofollow" class="external free" href="http://www.jetbrains.com/phpstorm/">http://www.jetbrains.com/phpstorm/</a> </td></tr> <tr> <td><a href="/w/index.php?title=RubyMine&action=edit&redlink=1" class="new" title="RubyMine (դեռ գրված չէ)">JetBrains RubyMine</a></td> <td></td> <td><a rel="nofollow" class="external free" href="http://www.jetbrains.com/ruby/">http://www.jetbrains.com/ruby/</a> </td></tr> <tr> <td><a href="/w/index.php?title=Microsoft_Visual_Studio&action=edit&redlink=1" class="new" title="Microsoft Visual Studio (դեռ գրված չէ)">Microsoft Visual Studio</a></td> <td>Mindscape</td> <td><a rel="nofollow" class="external free" href="http://www.mindscapehq.com/products/web-workbench">http://www.mindscapehq.com/products/web-workbench</a> </td></tr> <tr> <td><a href="/w/index.php?title=Microsoft_Visual_Studio&action=edit&redlink=1" class="new" title="Microsoft Visual Studio (դեռ գրված չէ)">Microsoft Visual Studio</a></td> <td>SassyStudio</td> <td><a rel="nofollow" class="external free" href="http://visualstudiogallery.msdn.microsoft.com/85fa99a6-e4c6-4a1c-9f00-e6a8129b6f4d">http://visualstudiogallery.msdn.microsoft.com/85fa99a6-e4c6-4a1c-9f00-e6a8129b6f4d</a> </td></tr> <tr> <td><a href="/w/index.php?title=Microsoft_WebMatrix&action=edit&redlink=1" class="new" title="Microsoft WebMatrix (դեռ գրված չէ)">Microsoft WebMatrix</a></td> <td></td> <td><a rel="nofollow" class="external free" href="http://www.microsoft.com/web/">http://www.microsoft.com/web/</a> </td></tr> <tr> <td><a href="/wiki/NetBeans" title="NetBeans">NetBeans</a></td> <td></td> <td><a rel="nofollow" class="external free" href="http://plugins.netbeans.org/plugin/34929/scss-support">http://plugins.netbeans.org/plugin/34929/scss-support</a> <a rel="nofollow" class="external text" href="https://web.archive.org/web/20151008054347/http://plugins.netbeans.org/plugin/34929/scss-support">Արխիվացված</a> 2015-10-08 <a href="/wiki/Wayback_Machine" title="Wayback Machine">Wayback Machine</a> </td></tr> <tr> <td><a href="/wiki/Vim_(%D5%BF%D5%A5%D6%84%D5%BD%D5%BF%D5%A1%D5%B5%D5%AB%D5%B6_%D5%AD%D5%B4%D5%A2%D5%A1%D5%A3%D6%80%D5%AB%D5%B9)" title="Vim (տեքստային խմբագրիչ)">Vim</a></td> <td>haml.zip</td> <td><a rel="nofollow" class="external free" href="http://www.vim.org/scripts/script.php?script_id=1433">http://www.vim.org/scripts/script.php?script_id=1433</a> </td></tr> <tr> <td><a href="/wiki/Visual_Studio_Code" title="Visual Studio Code">Visual Studio Code</a></td> <td></td> <td><a rel="nofollow" class="external free" href="https://code.visualstudio.com/Docs/languages/css">https://code.visualstudio.com/Docs/languages/css</a> </td></tr></tbody></table> <div class="mw-heading mw-heading2"><h2 id="Տես_նաև"><span id=".D5.8F.D5.A5.D5.BD_.D5.B6.D5.A1.D6.87"></span>Տես նաև</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=6" title="Խմբագրել բաժինը. Տես նաև" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=6" title="Edit section's source code: Տես նաև"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/LESS" title="LESS">LESS</a></li> <li><a href="/w/index.php?title=PostCSS&action=edit&redlink=1" class="new" title="PostCSS (դեռ գրված չէ)">PostCSS</a></li> <li><a href="/wiki/CSS" class="mw-redirect" title="CSS">CSS</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="Ծանոթագրություններ"><span id=".D4.BE.D5.A1.D5.B6.D5.B8.D5.A9.D5.A1.D5.A3.D6.80.D5.B8.D6.82.D5.A9.D5.B5.D5.B8.D6.82.D5.B6.D5.B6.D5.A5.D6.80"></span>Ծանոթագրություններ</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=7" title="Խմբագրել բաժինը. Ծանոթագրություններ" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=7" title="Edit section's source code: Ծանոթագրություններ"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r9141943">.mw-parser-output .reflist{font-size:90%;margin-bottom:0.5em;list-style-type:decimal}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist"> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-_3199d1fbe425871f-1"><span class="mw-cite-backlink"><a href="#cite_ref-_3199d1fbe425871f_1-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://sass-lang.com/documentation/file.SASS_CHANGELOG.html">http://sass-lang.com/documentation/file.SASS_CHANGELOG.html</a><span class="wef_low_priority_links"></span></span> </li> <li id="cite_note-about-2"><span class="mw-cite-backlink"><a href="#cite_ref-about_2-0">↑</a></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r10127783">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free a,.mw-parser-output .citation .cs1-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited a,.mw-parser-output .id-lock-registration a,.mw-parser-output .citation .cs1-lock-limited a,.mw-parser-output .citation .cs1-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription a,.mw-parser-output .citation .cs1-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#3a3;margin-left:0.3em}.mw-parser-output .cs1-format{font-size:95%}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}</style><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20130901145805/http://sass-lang.com/about.html">«Sass: Syntactically Awesome Style Sheets»</a>. <i>sass-lang.com</i>. Արխիվացված է <a rel="nofollow" class="external text" href="http://sass-lang.com/about.html">օրիգինալից</a> 2013 թ․ սեպտեմբերի 1-ին<span class="reference-accessdate">. Վերցված է 2017 թ․ փետրվարի 25-ին</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&rft.genre=unknown&rft.jtitle=sass-lang.com&rft.atitle=Sass%3A+Syntactically+Awesome+Style+Sheets&rft_id=http%3A%2F%2Fsass-lang.com%2Fabout.html&rfr_id=info%3Asid%2Fhy.wikipedia.org%3ASass" class="Z3988"></span></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r10127783" /><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20130116174428/http://nex-3.com/">«Natalie Weizenbaum's blog»</a>. Արխիվացված է <a rel="nofollow" class="external text" href="http://nex-3.com/">օրիգինալից</a> 2013 թ․ հունվարի 16-ին<span class="reference-accessdate">. Վերցված է 2017 թ․ փետրվարի 25-ին</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=Natalie+Weizenbaum%27s+blog&rft_id=http%3A%2F%2Fnex-3.com%2F&rfr_id=info%3Asid%2Fhy.wikipedia.org%3ASass" class="Z3988"></span></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://sass-lang.com/">CSS with superpowers</a></span> </li> </ol></div></div> <div class="mw-heading mw-heading2"><h2 id="Արտաքին_հղումներ"><span id=".D4.B1.D6.80.D5.BF.D5.A1.D6.84.D5.AB.D5.B6_.D5.B0.D5.B2.D5.B8.D6.82.D5.B4.D5.B6.D5.A5.D6.80"></span>Արտաքին հղումներ</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Sass&veaction=edit&section=8" title="Խմբագրել բաժինը. Արտաքին հղումներ" class="mw-editsection-visualeditor"><span>խմբագրել</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Sass&action=edit&section=8" title="Edit section's source code: Արտաքին հղումներ"><span>խմբագրել կոդը</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a rel="nofollow" class="external text" href="http://sass-scss.ru">Ռուսերեն գրականություն</a></li> <li><a rel="nofollow" class="external text" href="http://sass-lang.com">Sass-ի պաշտոնական կայք</a></li> <li><a rel="nofollow" class="external text" href="https://github.com/nex3/sass">Haml/Sass (Git)-ի ընթացիկ կոդի շտեմարան</a></li></ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ստացված է «<a dir="ltr" href="https://hy.wikipedia.org/w/index.php?title=Sass&oldid=9724364">https://hy.wikipedia.org/w/index.php?title=Sass&oldid=9724364</a>» էջից</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/%D5%8D%D5%BA%D5%A1%D5%BD%D5%A1%D6%80%D5%AF%D5%B8%D5%B2:%D4%BF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1%D5%B6%D5%A5%D6%80%D5%A8" title="Սպասարկող:Կատեգորիաները">Կատեգորիա</a>: <ul><li><a href="/wiki/%D4%BF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1:%D4%BE%D6%80%D5%A1%D5%A3%D6%80%D5%A1%D5%B5%D5%AB%D5%B6_%D5%A1%D5%BA%D5%A1%D5%B0%D5%B8%D5%BE%D5%B8%D6%82%D5%B4_%D5%A1%D5%B5%D5%A2%D5%A2%D5%A5%D5%B6%D5%A1%D5%AF%D5%A1%D5%B6_%D5%AF%D5%A1%D6%80%D5%A3%D5%B8%D5%BE" title="Կատեգորիա:Ծրագրային ապահովում այբբենական կարգով">Ծրագրային ապահովում այբբենական կարգով</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Թաքցված կատեգորիաներ: <ul><li><a href="/wiki/%D4%BF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1:Pages_using_deprecated_source_tags" title="Կատեգորիա:Pages using deprecated source tags">Pages using deprecated source tags</a></li><li><a href="/wiki/%D4%BF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1:Pages_using_deprecated_enclose_attributes" title="Կատեգորիա:Pages using deprecated enclose attributes">Pages using deprecated enclose attributes</a></li><li><a href="/wiki/%D4%BF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1:%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D5%8E%D5%AB%D6%84%D5%AB%D5%A4%D5%A1%D5%BF%D5%A1%D5%B5%D5%AB_%D5%B0%D5%A1%D5%B5%D5%A5%D6%80%D5%A5%D5%B6_%D5%B9%D5%A9%D5%A1%D6%80%D5%A3%D5%B4%D5%A1%D5%B6%D5%BE%D5%A1%D5%AE_%D5%BF%D5%A1%D6%80%D6%80%D5%A5%D6%80_%D5%BA%D5%A1%D6%80%D5%B8%D6%82%D5%B6%D5%A1%D5%AF%D5%B8%D5%B2_%D5%B0%D5%B8%D5%A4%D5%BE%D5%A1%D5%AE%D5%B6%D5%A5%D6%80" title="Կատեգորիա:Վիքիպեդիա:Վիքիդատայի հայերեն չթարգմանված տարրեր պարունակող հոդվածներ">Վիքիպեդիա:Վիքիդատայի հայերեն չթարգմանված տարրեր պարունակող հոդվածներ</a></li><li><a href="/wiki/%D4%BF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1:%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D5%80%D5%B8%D5%A4%D5%BE%D5%A1%D5%AE%D5%B6%D5%A5%D6%80_%D5%8E%D5%AB%D6%84%D5%AB%D5%BF%D5%BE%D5%B5%D5%A1%D5%AC%D5%B6%D5%A5%D6%80%D5%AB%D6%81_%D5%A1%D5%B2%D5%A2%D5%B5%D5%B8%D6%82%D6%80%D5%B6%D5%A5%D6%80%D5%B8%D5%BE" title="Կատեգորիա:Վիքիպեդիա:Հոդվածներ Վիքիտվյալներից աղբյուրներով">Վիքիպեդիա:Հոդվածներ Վիքիտվյալներից աղբյուրներով</a></li><li><a href="/wiki/%D4%BF%D5%A1%D5%BF%D5%A5%D5%A3%D5%B8%D6%80%D5%AB%D5%A1:Webarchive_template_wayback_links" title="Կատեգորիա:Webarchive template wayback links">Webarchive template wayback links</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Այս էջը վերջին անգամ փոփոխվել է 3 ապրիլի 2024-ի ժամը 16:00-ին:</li> <li id="footer-info-copyright">Տեքստը հասանելի է <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.hy">Քրիեյթիվ Քոմոնս Հղման-Համանման տարածման</a> թույլատրագրի ներքո, առանձին դեպքերում հնարավոր են հավելյալ պայմաններ։ Մանրամասնությունների համար այցելեք՝ <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Օգտագործման պայմաններ</a>։</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Գաղտնիության քաղաքականություն</a></li> <li id="footer-places-about"><a href="/wiki/%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D4%B7%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6%D5%A8">Վիքիպեդիայի մասին</a></li> <li id="footer-places-disclaimers"><a href="/wiki/%D5%8E%D5%AB%D6%84%D5%AB%D5%BA%D5%A5%D5%A4%D5%AB%D5%A1:%D4%B1%D5%A6%D5%A1%D5%BF%D5%B8%D6%82%D5%B4_%D5%BA%D5%A1%D5%BF%D5%A1%D5%BD%D5%AD%D5%A1%D5%B6%D5%A1%D5%BF%D5%BE%D5%B8%D6%82%D5%A9%D5%B5%D5%B8%D6%82%D5%B6%D5%AB%D6%81">Հրաժարագրեր</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Ծրագրավորողներ</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/hy.wikipedia.org">Վիճակագրություն</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//hy.m.wikipedia.org/w/index.php?title=Sass&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Տեսքը բջջայինով</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://www.wikimedia.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/static/images/footer/wikimedia-button.svg" width="84" height="29"><img src="/static/images/footer/wikimedia.svg" width="25" height="25" alt="Wikimedia Foundation" lang="en" loading="lazy"></picture></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/w/resources/assets/poweredby_mediawiki.svg" width="88" height="31"><img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" lang="en" width="25" height="25" loading="lazy"></picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"> <button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Որոնել</span> </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Որոնել Վիքիպեդիա կայքում"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Սպասարկող:Որոնել"> </div> <button class="cdx-button cdx-search-input__end-button">Որոնել</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <nav aria-label="Բովանդակություն" class="vector-toc-landmark"> <div id="vector-sticky-header-toc" class="vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc vector-button-flush-left" > <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-sticky-header-toc-label" for="vector-sticky-header-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-sticky-header-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true" ><span class="mw-page-title-main">Sass</span></div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"><span class="vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-history mw-ui-icon-wikimedia-wikimedia-history"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-star mw-ui-icon-wikimedia-wikimedia-star"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-edit mw-ui-icon-wikimedia-wikimedia-edit"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-wikiText mw-ui-icon-wikimedia-wikimedia-wikiText"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-editLock mw-ui-icon-wikimedia-wikimedia-editLock"></span> <span></span> </a> </div> <div class="vector-sticky-header-buttons"> <button class="cdx-button cdx-button--weight-quiet mw-interlanguage-selector" id="p-lang-btn-sticky-header" tabindex="-1" data-event-name="ui.dropdown-p-lang-btn-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>22 լեզու</span> </button> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbleAdd-progressive mw-ui-icon-wikimedia-speechBubbleAdd-progressive"></span> <span>Ավելացնել քննարկում</span> </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </div> </div> </div> <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom"> <ul> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-5c6f46dcf-cmbc9","wgBackendResponseTime":119,"wgPageParseReport":{"limitreport":{"cputime":"0.496","walltime":"0.875","ppvisitednodes":{"value":1466,"limit":1000000},"postexpandincludesize":{"value":24655,"limit":2097152},"templateargumentsize":{"value":634,"limit":2097152},"expansiondepth":{"value":11,"limit":100},"expensivefunctioncount":{"value":37,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":23042,"limit":5000000},"entityaccesscount":{"value":29,"limit":400},"timingprofile":["100.00% 626.442 1 -total"," 81.23% 508.876 1 Կաղապար:Տեղեկաքարտ_Ծրագիր"," 80.00% 501.166 1 Կաղապար:Տեղեկաքարտ"," 79.69% 499.204 28 Կաղապար:Wikidata"," 14.60% 91.470 1 Կաղապար:Ծանցանկ"," 11.34% 71.036 2 Կաղապար:Cite_web"," 2.07% 12.950 2 Կաղապար:Webarchive"," 1.07% 6.699 1 Կաղապար:Ref-lang"," 0.78% 4.857 1 Կաղապար:Կատեգորիան_միայն_հոդվածներում"," 0.66% 4.142 3 Կաղապար:Code"]},"scribunto":{"limitreport-timeusage":{"value":"0.389","limit":"10.000"},"limitreport-memusage":{"value":10543881,"limit":52428800},"limitreport-logs":"Loaded datatype commonsMedia of P154 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P279 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P170 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P112 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P178 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P277 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P1414 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P306 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P408 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype time of P577 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P400 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype string of P348 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P1072 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P1073 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P275 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P144 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P155 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P156 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype wikibase-item of P138 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype url of P1401 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\nLoaded datatype url of P1324 from wikidata, consider passing datatype argument to formatProperty call or to Wikidata/config\n"},"cachereport":{"origin":"mw-api-ext.eqiad.main-6ff9949d66-xtfr9","timestamp":"20250306034836","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Sass","url":"https:\/\/hy.wikipedia.org\/wiki\/Sass","sameAs":"http:\/\/www.wikidata.org\/entity\/Q1572865","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q1572865","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2017-02-25T12:54:51Z","dateModified":"2024-04-03T16:00:28Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/96\/Sass_Logo_Color.svg"}</script> </body> </html>