توثيق

    Table of Content
    • 3D تنسيقات الملفات
      • 3D تنسيقات الملفات
      • 3D2
      • 3DM
      • 3DS
      • 3MF
      • AMF
      • ASE
      • B3D
      • DAE
      • DBM
      • DRC
      • E57
      • FBX
      • GLB
      • GLTF
      • IPT
      • JT
      • MA
      • MB
      • MP
      • OBJ
      • PLY
      • PRC
      • RVM
      • STEP
      • STP
      • U3D
      • USD
      • USDZ
      • VRML
      • X
      • X3D
    • تنسيقات ملفات الصوت
      • تنسيقات ملفات الصوت
      • 8SVX
      • AA
      • AAC
      • AAX
      • AC3
      • ACT
      • AIFF
      • ALAC
      • AMR
      • APE
      • CDA
      • DSS
      • FLAC
      • GSM
      • M3U
      • M3U8
      • M4A
      • M4B
      • M4P
      • MID
      • MKA
      • MMF
      • MOD
      • MP2
      • MP3
      • MPC
      • MXL
      • NSA
      • OGG
      • OPUS
      • RA
      • RF64
      • SDT
      • STAP
      • VOC
      • VOX
      • VQF
      • WAV
      • WEBA
      • WFP
      • WMA
      • WPL
      • WV
    • تنسيقات ملف CAD
      • تنسيقات ملف CAD
      • ART
      • ASC
      • ASM
      • CATPART
      • CF2
      • DC3
      • DGN
      • DST
      • DWF
      • DWFX
      • DWG
      • DWT
      • DXF
      • FZP
      • HPGL
      • IFC
      • IGES
      • IGS
      • JVSG
      • NC
      • NWC
      • NWD
      • NWF
      • PAT
      • PHJ
      • PLT
      • PSM
      • PSS
      • RFA
      • RFT
      • RML
      • RVT
      • SLDPRT
      • STL
    • تنسيقات ضغط الملفات
      • تنسيقات ضغط الملفات
      • 7Z
      • ACE
      • ALZ
      • APK
      • ARC
      • ARJ
      • B1
      • B6Z
      • BKF
      • BNDL
      • BZ2
      • DAA
      • DAR
      • DEB
      • DMG
      • DZ
      • ECS
      • FZPZ
      • GZ
      • GZIP
      • ICE
      • ISO
      • KGB
      • LBR
      • LQR
      • LZ
      • LZ4
      • LZH
      • LZMA
      • LZO
      • LZX
      • MBW
      • MINT
      • MPKG
      • MPQ
      • NPK
      • OAR
      • PAGES
      • PEA
      • PET
      • PF
      • PKG
      • PTK
      • PUP
      • RAR
      • RPM
      • RTE
      • S00
      • SIFZ
      • SIT
      • SITX
      • SY_
      • TAR
      • TBZ
      • TGS
      • TGZ
      • TPSR
      • TZ
      • VPK
      • WHL
      • WUX
      • XAPK
      • XAR
      • XPI
      • XZ
      • Z
      • ZIM
      • ZIP
      • ZIPX
      • ZL
    • قاعدة البيانات
      • تنسيقات ملفات قاعدة البيانات
      • 4DB
      • 4DD
      • ACCDB
      • ACCDC
      • ACCDE
      • ACCDR
      • ACCDT
      • ACCDW
      • ACCFT
      • ADB
      • ADE
      • ADF
      • ADN
      • ADP
      • ALF
      • ANB
      • AQ
      • ASK
      • BAK
      • BCP
      • BTR
      • CDB
      • DACPAC
      • DAT
      • DB
      • DB3
      • DBC
      • DBF
      • DDL
      • DTSX
      • FMP12
      • FMPSL
      • FP5
      • FP7
      • GDB
      • ITW
      • LDF
      • LOG
      • MDB
      • MDF
      • MYI
      • NDF
      • NSF
      • SAV
      • SDF
      • SQL
      • SQLITE
      • TE
      • TRC
      • TRM
      • UDL
      • WDB
    • القرص والوسائط
      • تنسيقات ملفات الأقراص والوسائط
      • BIN
      • CCD
      • CSO
      • CUE
      • GADGET
      • IMG
      • NKIT
      • NRG
      • OVA
      • OVF
      • ROM
      • SDI
      • Toast
      • UDF
      • VCD
      • VDI
      • VHD
      • VHDX
      • WBFS
      • WIM
      • WUD
    • تنسيقات ملفات الكتاب الاليكتروني
      • تنسيقات ملفات الكتاب الاليكتروني
      • ACSM
      • AEP
      • APNX
      • AVA
      • AZW
      • AZW1
      • AZW3
      • AZW4
      • BKK
      • BPNUEB
      • CBC
      • CBR
      • CBZ
      • CEB
      • CEBX
      • DNL
      • EA
      • EAL
      • EBK
      • EDN
      • EPUB
      • ETD
      • FB2
      • FKB
      • HAN
      • HTML0
      • HTMLZ
      • HTXT
      • HTZ4
      • HTZ5
      • IBOOKS
      • KFX
      • KOOB
      • LIT
      • LRF
      • LRS
      • LRX
      • MART
      • MBP
      • MOBI
      • NCX
      • NVA
      • OEB
      • OEBZIP
      • OPF
      • ORB
      • PHL
      • PML
      • PMLZ
      • POBI
      • QMK
      • RB
      • RZB
      • RZS
      • SNB
      • TCR
      • TK3
      • TPZ
      • TR
      • TR3
      • VBK
      • WEBZ
      • YBK
    • تنسيقات ملفات البريد الإلكتروني
      • تنسيقات ملفات البريد الإلكتروني
      • EDB
      • EML
      • EMLX
      • ICS
      • MBOX
      • MSG
      • OFT
      • OLM
      • OST
      • P7S
      • PST
      • RPMSG
      • TNEF
      • VCF
    • تنفيذ
      • تنسيقات الملفات القابلة للتنفيذ
      • AHK
      • BAT
      • BTAPP
      • CGI
      • CMD
      • COM
      • EXE
      • IPA
      • MSI
      • MST
      • PIF
      • PYC
      • REG
      • WSF
      • WSH
      • XBE
      • XEX
    • تمويل
      • تنسيقات ملف التمويل
      • ABA
      • IXBRL
      • XBRL
    • الخط
      • تنسيقات ملف الخط
      • BDF
      • CFF
      • CFF2
      • EOT
      • FNT
      • FON
      • JFPROJ
      • MFX
      • OTF
      • PFA
      • PFB
      • PFM
      • SFD
      • TTC
      • TTF
      • Type1
      • WOFF
    • تنسيقات ملفات اللعبة
      • تنسيقات ملفات اللعبة
      • BMZ
      • BNS
      • CLIP
      • CON
      • CSD
      • CT
      • DEK
      • FOMOD
      • GAM
      • KODU
      • MCWORLD
      • MGX
      • PAK
      • PCC
      • PSS
      • PUP
      • PWF
      • REL
      • REP
      • RPX
      • SAV
      • SFAR
      • SID
      • U8
      • UMX
      • W3N
    • تنسيقات ملفات GIS
      • تنسيقات ملفات GIS
      • 000
      • 3D
      • 3DD
      • ADF
      • APL
      • APR
      • ATX
      • AUX
      • DEM
      • DIV
      • DLG
      • E00
      • ETA
      • FIT
      • GeoJSON
      • GLB
      • GMAP
      • GML
      • GPKG
      • GPX
      • IMG
      • KML
      • KMZ
      • LOC
      • MPS
      • NM2
      • NTF
      • OSM
      • QGD
      • QGS
      • QGZ
      • QLR
      • QML
      • SBN
      • SHP
      • SHX
      • SP3
      • SSF
      • TCX
    • تنسيقات ملفات الصور
      • تنسيقات ملفات الصور
      • AI
      • APNG
      • ART
      • AVIF
      • BMP
      • BPG
      • CDR
      • CLIP
      • CMX
      • CPC
      • CR2
      • CR3
      • CSL
      • CT
      • CUR
      • DCM
      • DCR
      • DCX
      • DDS
      • DIB
      • DICOM
      • DJVU
      • DNG
      • ECW
      • EMF
      • EMZ
      • EXIF
      • FLIF
      • FODG
      • GBR
      • GIF
      • HDR
      • HEIC
      • HEIF
      • ICNS
      • ICO
      • J2C
      • J2K
      • JFIF
      • JP2
      • JPC
      • JPEG
      • JPF
      • JPM
      • JPX
      • JXR
      • MNG
      • MP
      • MPO
      • NEF
      • ODG
      • OTG
      • PCT
      • PCX
      • PICT
      • PNG
      • PPP
      • PSB
      • PSD
      • PSP
      • PSPIMAGE
      • SKP
      • SVGZ
      • TGA
      • THM
      • TIFF
      • WEBP
      • WMF
      • WMZ
      • XPM
      • XPR
    • تنسيقات الملفات المتنوعة
      • تنسيقات الملفات المتنوعة
      • AML
      • ART
      • BUP
      • CMS
      • CTG
      • DAP
      • ENL
      • ERR
      • GPG
      • H4
      • H5
      • ICA
      • KLQ
      • LOCK
      • LRC
      • MD5
      • MSO
      • OBB
      • ODF
      • OGG
      • PES
      • RIS
      • RML
      • SSP
      • THM
      • TORRENT
      • VIM
      • VIMRC
      • XMP
      • XSMX
    • ملاحظة أخذ تنسيقات الملفات
      • ملاحظة أخذ تنسيقات الملفات
      • ONE
      • ONETOC2
    • لغة وصف الصفحة
      • لغة وصف الصفحة
      • AVERY
      • CGM
      • EPS
      • INDD
      • INDT
      • OXPS
      • PCL
      • PS
      • SVG
      • SWF
      • TEX
      • XPS
      • XSLFO
    • بي دي إف
      • PDF
      • FDF
      • PDF/A
      • PDF/E
      • PDF/UA
      • PDF/VT
      • PDF/X
      • XFDF
    • تنسيقات ملف العرض التقديمي
      • تنسيقات ملف العرض التقديمي
      • KEY
      • ODP
      • OTP
      • POT
      • POTM
      • POTX
      • PPS
      • PPSM
      • PPSX
      • PPT
      • PPTM
      • PPTX
    • برمجة
      • برمجة
      • ABC
      • ACD
      • ADDIN
      • ADS
      • AGI
      • AIA
      • AIDL
      • ALB
      • AML
      • ANE
      • APA
      • APKS
      • APPX
      • APPXBUNDLE
      • APPXUPLOAD
      • APS
      • ARSC
      • AS
      • AS2PROJ
      • AS3PROJ
      • ASC
      • ASI
      • ASM
      • ASVF
      • AU3
      • AWK
      • C
      • CD
      • Class
      • CMAKE
      • CONFIG
      • CPP
      • CS
      • CSPROJ
      • CXX
      • Dart
      • DIFF
      • EGG
      • ERB
      • EX
      • G4
      • GO
      • GROOVY
      • H
      • HAML
      • HH
      • HS
      • HTA
      • ICI
      • IN
      • INC
      • IPR
      • JAR
      • Java
      • JRXML
      • JSP
      • JSPF
      • KT
      • LGO
      • LUA
      • M
      • MAKE
      • MEL
      • MF
      • ML
      • MM
      • MRC
      • MSIX
      • NUPKG
      • NUT
      • PAS
      • PDB
      • PDE
      • PHP
      • PL
      • PY
      • PYD
      • PYI
      • PYM
      • PYW
      • PYX
      • R
      • RBXL
      • RBXM
      • RES
      • RS
      • RST
      • SCALA
      • SCM
      • SCRIPT
      • SH
      • SLN
      • SWIFT
      • TCL
      • TOML
      • TS
      • UNITY
      • VB
      • VBPROJ
      • VBS
      • VCXPROJ
      • XSD
      • YAML
      • YML
      • YPR
    • تنسيقات ملف إدارة المشروع
      • تنسيقات ملف إدارة المشروع
      • MPP
      • MPT
      • MPX
      • P6XML
      • XER
    • تنسيقات ملف الناشر
      • تنسيقات ملف الناشر
      • PUB
      • PUZ
    • الإبلاغ
      • الإبلاغ عن تنسيقات الملفات
      • MAR
      • RDL
      • RDLC
      • RPL
      • RPT
    • تنسيقات ملفات جدول البيانات
      • تنسيقات ملفات جدول البيانات
      • 123
      • 12M
      • _XLS
      • _XLSX
      • AST
      • AWS
      • BKS
      • CELL
      • CSV
      • CTS
      • DEF
      • DEX
      • DFG
      • DIF
      • DIS
      • EFU
      • ESS
      • FCS
      • FM
      • FODS
      • FP
      • GNM
      • GNUMERIC
      • IMP
      • MAR
      • NB
      • NUMBERS
      • NUMBERS-TEF
      • ODS
      • OTS
      • PMD
      • PMDX
      • PMVX
      • SDC
      • STC
      • SXC
      • TMV
      • TMVT
      • TSV
      • XAR
      • XL
      • XLA
      • XLAM
      • XLM
      • XLR
      • XLS
      • XLSB
      • XLSM
      • XLSMHTML
      • XLSX
      • XLT
      • XLTHTML
      • XLTM
      • XLTX
    • تنسيقات ملفات النظام
      • تنسيقات ملفات النظام
      • AML
      • ASV
      • CAB
      • CFG
      • CPG
      • CPL
      • DLL
      • DMP
      • DRV
      • ETL
      • HDMP
      • INI
      • INS
      • LNK
      • MDMP
      • SCR
      • SYS
      • TMP
    • تنسيقات ملفات الفيديو
      • تنسيقات ملفات الفيديو
      • 3G2
      • 3GP
      • AMV
      • ARF
      • ASF
      • AVCHD
      • AVI
      • BIK
      • DAV
      • EXO
      • F4V
      • FLV
      • H264
      • H265
      • IDX
      • IFO
      • M2TS
      • M4S
      • M4V
      • MJPEG
      • MK3D
      • MKS
      • MKV
      • MOV
      • MP4
      • MPE
      • MPG
      • MPV
      • MTS
      • MXF
      • NSV
      • PZ
      • QT
      • RM
      • RMVB
      • RV
      • SEC
      • SRT
      • TS
      • VID
      • VOB
      • VP6
      • VP8
      • VP9
      • VTT
      • WEBM
      • WMV
      • XVID
    • تنسيقات ملفات Visio
      • تنسيقات ملفات Visio
      • VDW
      • VDX
      • VSD
      • VSDM
      • VSDX
      • VSS
      • VSSM
      • VSSX
      • VST
      • VSTM
      • VSTX
      • VSX
      • VTX
    • تنسيقات ملفات الويب
      • تنسيقات ملفات الويب
      • A4P
      • A5W
      • AAE
      • ADR
      • AEX
      • ALX
      • AN
      • AP
      • APKG
      • APPCACHE
      • ARO
      • ASA
      • ASAX
      • ASCX
      • ASHX
      • ASMX
      • ASP
      • ASPX
      • ASR
      • ATOM
      • ATT
      • AWM
      • BML
      • BOK
      • BR
      • BWP
      • CDF
      • CER
      • CFM
      • CFML
      • CHA
      • CHAT
      • CHM
      • CMS
      • CODASITE
      • CON
      • CRDOWNLOAD
      • CRL
      • CRT
      • CSHTML
      • CSP
      • CSR
      • CSS
      • DAP
      • DBM
      • DCR
      • DER
      • DHTML
      • DISCO
      • DISCOMAP
      • DML
      • DO
      • DOCHTML
      • DOCMHTML
      • DOTHTML
      • DOWNLOAD
      • DRAWIO
      • DWT
      • ECE
      • EDGE
      • EPIBRW
      • ESPROJ
      • EWP
      • FCGI
      • FMP
      • FREEWAY
      • FWP
      • FWTEMPLATE
      • FWTEMPLATEB
      • GDOC
      • GDOCX
      • GNE
      • GSP
      • HAR
      • HDM
      • HDML
      • HTACCESS
      • HTC
      • HTM
      • HTML
      • HTX
      • HXS
      • HYPE
      • JHTML
      • JNLP
      • JS
      • JSON
      • JSPA
      • KEY
      • KIT
      • LESS
      • MHT
      • MHTML
      • MJS
      • OBML
      • OBML15
      • OBML16
      • P7B
      • P7C
      • PAC
      • PART
      • PEM
      • PRO
      • RHTML
      • RJS
      • RSS
      • Sass
      • SCSS
      • SHTML
      • SPC
      • SSP
      • STC
      • STML
      • TPL
      • TS
      • URL
      • VDW
      • VRT
      • WBS
      • WEBBOOKMARK
      • WEBLOC
      • WEBSITE
      • WHTT
      • WSDL
      • XAML
      • XD
      • XHT
      • XHTML
      • XML
      • XOJ
      • XOML
      • XSLT
      • XUL
      • ZUL
    • تنسيقات ملف معالجة الكلمات
      • تنسيقات ملف معالجة الكلمات
      • ASD
      • DOC
      • DOCM
      • DOCX
      • DOT
      • DOTM
      • DOTX
      • DSC
      • FAQ
      • FODT
      • IPYNB
      • LATEX
      • LTX
      • MAN
      • MD
      • ODM
      • ODT
      • OTT
      • QBL
      • QPF
      • RTF
      • TXT
      • WPD
      • WPS
    1. مسكن
    2. تنسيقات ملفات الويب
    3. Sass

    What's on this Page

      • ما هو ملف SASS؟
      • لماذا تستخدم Sass
      • كيفية استخدام ملفات SASS
        • تحويل مرة واحدة
        • انتبه للتغييرات
      • ## تركيب ساس
        • المتغيرات
        • التعشيش
        • الخلطات
        • تمديد
        • يستورد
      • مراجع

    ما هو ملف SASS؟

    Sass (أوراق الأنماط الرائعة من الناحية النحوية) هي لغة برمجة نصية ما قبل المعالجة. يتم تجميعه في [CSS] (/ar/ web / css /) ويتم تخزينه بامتداد .sass. يتكون Sass من بناءين ، الأصل يعتمد على المسافات البادئة التي تستخدم الامتداد .sass و SCSS الأحدث مع تنسيق الكتلة مثل CSS الذي يستخدم الامتداد .scss.

    لماذا تستخدم Sass

    يعد Sass مفيدًا حقًا في الحفاظ على الأنماط لأنه يوفر العديد من الميزات مثل تقديم المتغيرات والتداخل والمزج والاستيراد ووراثة المحدد التي تجعل العمل مع الأنماط أمرًا ممتعًا.

    كيفية استخدام ملفات SASS

    لا يتم تضمين ملفات SASS مباشرة في مستند [HTML] (/ar/ web / html /) ولكن يتم تحويلها إلى ملفات CSS المضمنة في ملفات HTML. يجوز لك استبعاد Sass من نظامك باتباع الإرشادات الواردة على [Official Sass Site] (https://sass-lang.com/install).

    يمكن تحويل Sass إلى CSS إما عن طريق تحويل ملف SASS محفوظ بالفعل أو بمشاهدة التغييرات والتحويل أثناء حفظ الملف. يتم إعطاء الأوامر لكليهما أدناه.

    تحويل مرة واحدة

    المعلمة الأولى للأمر هي ملف SASS المصدر والمعلمة الثانية هي ملف CSS الناتج.

    sass main.sass main.css
    

    انتبه للتغييرات

    يمكن تشغيل الأمر أعلاه بعلامة * watch * إضافية تحافظ على تشغيل الأمر وبمجرد حفظ ملف Sass ، يتم إنشاء إخراج CSS.

    sass --watch main.sass main.css
    

    ## تركيب ساس

    يدعم Sass المتغيرات ، والتداخل ، والمزج ، والواردات ، وراثة المحدد ، وما إلى ذلك ، فيما يلي أمثلة على هذه الميزات.

    المتغيرات

    يمكن استخدام المتغيرات لتعيين معلومات قابلة لإعادة الاستخدام مثل اللون الأساسي أو المساحة المتروكة للزر. يمكن أن يكون هذا مفيدًا إذا احتجت في المستقبل إلى تغيير تلك المعلومات ، ما عليك سوى تغييرها في مكان واحد ويتم تحديثها في كل مكان.

    ** ساس **

    $primary-color: #47dff0
    $secondary-color: darken($primary-color, 50%)
    $margin: 16px
    
    .highlight
        border-color: $primary-color
        color: $secondary-color
    
    h1
        span
            margin: $margin / 2
        color: $secondary-color
    

    ** تم إنشاء CSS **

    .highlight {
      border-color: #47dff0;
      color: #042f34;
    }
    
    h1 {
      color: #042f34;
    }
    h1 span {
      margin: 8px;
    }
    

    التعشيش

    يمكن أن تتداخل محددات CSS بشكل مشابه للتسلسل الهرمي لـ HTML. في المثال التالي ، يتم تداخل الامتداد داخل كتلة h1.

    ** ساس **

    $primary-color: #47dff0
    $secondary-color: darken($primary-color, 50%)
    $margin: 16px
    
    .highlight
        border-color: $primary-color
        color: $secondary-color
    
    h1
        span
            margin: $margin / 2
        color: $secondary-color
    

    ** تم إنشاء CSS **

    .highlight {
      border-color: #47dff0;
      color: #042f34;
    }
    
    h1 {
      color: #042f34;
    }
    h1 span {
      margin: 8px;
    }
    

    الخلطات

    يتم استخدام Mixins لتجميع الخصائص المتشابهة معًا والتي يتم استخدامها في أماكن متعددة. كما تدعم Mixins المعلمات.

    ** ساس **

    ** إعلان الخلط **

    // Simple
    =error-text
        color: red
        font-size: 25px
        font-weight: bold
        border: 1px solid black
        padding: 10px
    
    // With Parameter
    =message-text($color)
        color: $color
        font-size: 25px
        font-weight: bold
        border: 1px solid black
        padding: 10px
    

    ** باستخدام mixin **

    .error
        +error-text()
    
    .success
        +message-text(green)
    
    .info
        +message-text(blue)
    

    ** تم إنشاء CSS **

    .error {
      color: red;
      font-size: 25px;
      font-weight: bold;
      border: 1px solid black;
      padding: 10px;
    }
    
    .success {
      color: green;
      font-size: 25px;
      font-weight: bold;
      border: 1px solid black;
      padding: 10px;
    }
    
    .info {
      color: blue;
      font-size: 25px;
      font-weight: bold;
      border: 1px solid black;
      padding: 10px;
    }
    

    تمديد

    يمكن أن يكون التمديد / الوراثة مفيدًا في الحالات التي تحتاج فيها خصائص أحد المحددات إلى المشاركة مع محدد آخر. في المثال أدناه ، يأخذ المحدد * .error-not * جميع خصائص المحدد * .error-text * ويضيف خصائص الحدود والحشو.

    ** ساس **

    .error-text
        color: red
        font-size: 25px
        font-weight: bold
    
    .error-notice
        @extend .error-text
        border: 1px solid black
        padding: 10px
    

    ** تم إنشاء CSS **

    .error-text, .error-notice {
      color: red;
      font-size: 25px;
      font-weight: bold;
    }
    
    .error-notice {
      border: 1px solid black;
      padding: 10px;
    }
    

    يستورد

    يمكن أن يكون الاستيراد مفيدًا إذا قمت ببناء الأنماط في ملفات مختلفة بناءً على الوظائف أو أي بنية أخرى تتبعها. يمكنك استيراد كل هذه الملفات في ملف SASS أساسي يتم تحويله لاحقًا إلى CSS. أثناء الاستيراد ، لا تحتاج إلى تحديد امتداد الملف في تعليمات الاستيراد. يجمع Sass جميع ملفات SASS مباشرةً. لتجنب استيراد الملفات ليتم تجميعها بشكل مباشر ، يمكنك جعلها جزئية عن طريق إضافة شرطة سفلية (_) في بداية اسمها. يتم استيراد الأجزاء الجزئية بشكل مشابه لملفات Sass العادية.

    ** ساس **

    @import "variables"
    @import "header-styles"
    @import "footer-styles"
    

    سيكون لمخرج CSS الأنماط من جميع الملفات المستوردة.

    مراجع

    • [ساس - ويكيبيديا] (https://en.wikipedia.org/wiki/Sass_ (stylesheet_language))
    • [ساس] (https://sass-lang.com/)

    See Also

    • تنسيق ملف KT
    • تنسيق ملف Xvid
    • تنسيق ملف F4V
    • تنسيق ملف SCSS - ورقة أنماط متتالية
    • تنسيق ملف PY
     
     عربي
    Close
     English
     Deutsch
     日本
     中文
     русский
     Français
     한국인
     Español
     Italiano
     Nederlands
     हिन्दी
     Indonesian
     Português
     Türkçe
     Ελληνικά
     ไทย
     עִברִית
     Svenska
     українська
     Tiếng Việt
     български
     Magyar
     čeština
     Română
     Polski