Τεκμηρίωση

    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
    • Μορφές αρχείων email
      • Μορφές αρχείων email
      • 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
      • 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
    • Μορφές αρχείων Publisher
      • Μορφές αρχείων Publisher
      • 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. SCSS

    What's on this Page

      • Τι είναι ένα αρχείο SCSS;
      • Γιατί να χρησιμοποιήσετε το SCSS
      • Πώς να χρησιμοποιήσετε αρχεία SCSS
        • Μετατροπή μία φορά
        • Παρακολουθήστε τις αλλαγές
      • Σύνταξη SCSS
        • Μεταβλητές
        • Ένθεση
        • Μίξεις
        • Επέκταση
        • Εισαγωγή
      • Βιβλιογραφικές αναφορές

    Τι είναι ένα αρχείο SCSS;

    Το SCSS είναι η δεύτερη σύνταξη του Sass (Syntactically Awesome Stylesheet) που χρησιμοποιεί αγκύλες αντί για εσοχές. Το SCSS σχεδιάστηκε με τέτοιο τρόπο ώστε ένα έγκυρο αρχείο CSS3 να είναι επίσης έγκυρο αρχείο SCSS. Τα αρχεία SCSS αποθηκεύονται με την επέκταση .scss.

    Γιατί να χρησιμοποιήσετε το SCSS

    Καθώς τα σχέδια των ιστοσελίδων γίνονται πολύπλοκα με αποτέλεσμα μεγάλα αρχεία CSS. Τέτοια αρχεία είναι πιο δύσκολο να διατηρηθούν. Εδώ μπαίνει το SCSS. Το SCSS εισάγει μεταβλητές, ένθεση, μίξεις, εισαγωγές και κληρονομικότητα επιλογέα στην ανάπτυξη CSS. Αυτές οι προσθήκες κάνουν την εργασία με το σχέδιο πολύ πιο διασκεδαστική.

    Πώς να χρησιμοποιήσετε αρχεία SCSS

    Τα αρχεία SCSS δεν περιλαμβάνονται απευθείας στο έγγραφο HTML, όπως το CSS. Αντίθετα, τα αρχεία SCSS μετατρέπονται σε αρχεία CSS που περιλαμβάνονται σε αρχεία HTML. Για να εγκαταστήσετε το SCSS στο σύστημά σας, ακολουθήστε τις οδηγίες που δίνονται στον Επίσημο ιστότοπο Sass. Για να μετατρέψετε το SCSS σε CSS, μπορείτε είτε να μετατρέψετε ένα ήδη αποθηκευμένο αρχείο SCSS ή να παρακολουθήσετε τις αλλαγές και να το μετατρέψετε καθώς το αρχείο αποθηκεύεται. Οι εντολές και για τα δύο δίνονται παρακάτω.

    Μετατροπή μία φορά

    Η πρώτη παράμετρος είναι το αρχείο προέλευσης SCSS και η δεύτερη παράμετρος είναι το αρχείο CSS εξόδου.

    sass main.scss main.css
    

    Παρακολουθήστε τις αλλαγές

    Η εντολή έχει μια πρόσθετη σημαία watch* που διατηρεί την εντολή σε λειτουργία και μόλις αποθηκευτεί το αρχείο SCSS, δημιουργείται CSS εξόδου.

    sass --watch main.scss main.css
    

    Σύνταξη SCSS

    Το SCSS υποστηρίζει μεταβλητές, ένθεση, μίξεις, εισαγωγές, κληρονομικότητα επιλογέα κ.λπ. Παρακάτω δίνονται παραδείγματα αυτών των δυνατοτήτων.

    Μεταβλητές

    Με τη χρήση μεταβλητών, μπορείτε να ορίσετε επαναχρησιμοποιήσιμες πληροφορίες, όπως πρωτεύον χρώμα ή χρώμα φόντου για το κουμπί αποθήκευσης. Αυτό είναι χρήσιμο εάν πρέπει να αλλάξετε αυτές τις πληροφορίες, απλώς τις αλλάζετε σε μια τοποθεσία και ενημερώνεται όπου και αν χρησιμοποιείται.

    SCSS

    $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.

    SCSS

    $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.

    SCSS

    Δήλωση μίξης

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

    Χρησιμοποιώντας ένα mixin

    .error {
        @include error-text();
    }
    
    .success {
        @include message-text(green);
    }
    
    .info {
        @include 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;
    }
    

    Επέκταση

    Το Extend/Inheritance είναι χρήσιμο σε περιπτώσεις όπου οι ιδιότητες ενός επιλογέα πρέπει να κοινοποιηθούν με έναν άλλο επιλογέα. Στο παρακάτω παράδειγμα, ο επιλογέας .error-notice λαμβάνει όλες τις ιδιότητες του επιλογέα .error-text και προσθέτει ιδιότητες περιγράμματος και συμπλήρωσης.

    SCSS

    .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;
    }
    

    Εισαγωγή

    Η εισαγωγή μπορεί να είναι χρήσιμη για τον διαχωρισμό των ανησυχιών. Μπορείτε να διαιρέσετε τα στυλ με τέτοιο τρόπο ώστε τα στυλ κεφαλίδας να βρίσκονται σε ξεχωριστό αρχείο, τα στυλ υποσέλιδου σε ξεχωριστό αρχείο, όλες οι μεταβλητές χρώματος που χρησιμοποιούνται στα στυλ μπορούν να βρίσκονται σε ξεχωριστό αρχείο κ.λπ. Χρησιμοποιώντας αυτήν την τεχνική, το τα στυλ παραμένουν οργανωμένα. Απλώς εισάγετε τα αρχεία στο κύριο αρχείο SCSS όπως φαίνεται στο παρακάτω παράδειγμα. Δεν χρειάζεται να καθορίσετε την επέκταση αρχείου στην οδηγία εισαγωγής. Το Sass μεταγλωττίζει απευθείας όλα τα αρχεία SCSS. Για να αποφύγετε την απευθείας μεταγλώττιση των αρχείων εισαγωγής, μπορείτε να τα κάνετε επιμέρους προσθέτοντας την υπογράμμιση(_) πριν από το όνομά τους. Μπορείτε να εισαγάγετε τμήματα παρόμοια με τα κανονικά αρχεία SCSS χωρίς την κάτω παύλα.

    SCSS

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

    Το CSS εξόδου θα έχει τα στυλ από όλα τα εισαγόμενα αρχεία.

    Βιβλιογραφικές αναφορές

    • SCSS - Wikipedia
    • Sass

    See Also

    • Μορφή αρχείου PY
    • Μορφή αρχείου Sass
    • Μορφή αρχείου KT
    • Μορφή αρχείου F4V
    • Μορφή αρχείου AVIF
     
     Ελληνικά
    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