6dvv &66 'hvljq 3dwwhuq - w3ctech · %dvh uherw 21 a{ color: #ff0000; } h2{ font-size:...
TRANSCRIPT
![Page 1: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/1.jpg)
# 1
![Page 2: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/2.jpg)
# 2
![Page 3: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/3.jpg)
# 3
![Page 4: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/4.jpg)
# 4
![Page 6: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/6.jpg)
#
PICTURE NAME
6
![Page 7: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/7.jpg)
#
PICTURE NAME
7
![Page 8: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/8.jpg)
# 8
![Page 9: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/9.jpg)
# 9
![Page 10: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/10.jpg)
# 10
![Page 11: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/11.jpg)
# 11
![Page 12: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/12.jpg)
# 12
![Page 13: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/13.jpg)
#
• variables
• path
• gulp grunt
13
config
![Page 14: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/14.jpg)
# 14
Mixin Function helper
tools
![Page 15: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/15.jpg)
# 15
![Page 16: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/16.jpg)
#
•
•
•
•
•
16
•
•
•Media Query
•
•
•
•
•
•
•
•transform
•
•SVG
•
•
![Page 17: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/17.jpg)
#
•reset •print
17
browser
![Page 18: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/18.jpg)
# 18
meyerweb
![Page 19: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/19.jpg)
#
•rebot •type
19
base
![Page 20: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/20.jpg)
# 20
.header a{ color: #ff0000; } .content a{ color: #ff0000; } .list__title--active{ color: #EEE139; } .footer a{ color: #ff0000; }
![Page 21: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/21.jpg)
# 21
a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; }
•reset Base
•
• UI
![Page 22: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/22.jpg)
# 22
•Bootstrap type
•
•
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: $headings-margin-bottom; font-family: $headings-font-family; font-weight: $headings-font-weight; line-height: $headings-line-height; color: $headings-color; }
![Page 23: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/23.jpg)
# 23
elements
components
![Page 28: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/28.jpg)
# 28
![Page 29: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/29.jpg)
# 29
![Page 30: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/30.jpg)
# 30
![Page 31: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/31.jpg)
#
•
•
•
•Parallax Scrolling
• (ERP )
•
31
95%
5%
![Page 32: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/32.jpg)
# 32
![Page 33: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/33.jpg)
# 33
![Page 34: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/34.jpg)
# 34
![Page 35: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/35.jpg)
# 35
JPG
![Page 36: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/36.jpg)
# 36
PSD …………..
![Page 37: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/37.jpg)
# 37
![Page 38: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/38.jpg)
# 38
~~~
…………..
…………..
…………..
![Page 40: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/40.jpg)
# 40
![Page 41: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/41.jpg)
#
• Responsive
• ( hover focus
•
41
•
• (error online)
• web UI
![Page 42: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/42.jpg)
# 42
CRY
![Page 43: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/43.jpg)
# 43
![Page 44: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/44.jpg)
# 44
|– layout/ |– _aside.scss # aside |– _grid.scss # Grid system |– _header.scss # Header |– _footer.scss # Footer| |– elements/ |– _button.scss # button |– _forms.scss # form |- _table.scss # table
|– components/ |– _pagination.scss # pagination |– _carousel.scss # Carousel |– _cover.scss # Cover |– _dropdown.scss # Dropdown |– pages/ |– _home.scss # Home specific styles |– _contact.scss # Contact specific
![Page 45: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/45.jpg)
#
li li
.main .aside
.header
.content.clearfix
.logo.menu__link
li
layout
45
.ui-pagination
•list 1 •list 2 •list 3 •list 4
.ui-textListcomponents
lorem loremlorempage
.txt__block - -active
![Page 46: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/46.jpg)
# 46
![Page 47: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/47.jpg)
#
•
•
•
•
47
50%
50%
![Page 48: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/48.jpg)
# 48
![Page 49: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/49.jpg)
#
• components
• page
• Framework Framework
49
![Page 50: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/50.jpg)
#
li li
.col-md-9
.container
.container
.navbar-brand.nav
li
.col-md-3
.navbar-nav
50
.pagination
•list 1 •list 2 •list 3 •list 4
.list-group
lorem loremlorem
.thumbnail.active.col-md-4
![Page 51: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/51.jpg)
# 51
![Page 52: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/52.jpg)
#
•
• UI
•
• ( )
•CRM ERP
• ( )
52
5 *3 *10
![Page 53: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/53.jpg)
#
•F2E Team Leader Art Team Leader
• guideline
•CSS BEM
•
53
l - layout ui - components is - status js - JS plugin h - helper
![Page 54: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/54.jpg)
#
li li
.l-main .l-aside
.l-header
.l-content
.l-logo.l-menu__link
lilayout
54
.ui-pagination
•list 1 •list 2 •list 3 •list 4
.ui-textList
componentslorem loremlorem
page
.p-txt__block - -active
.g-md-9 .g-md-3grid
![Page 55: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/55.jpg)
#
•jQuery plugin
•inbox
55
vendors
![Page 56: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/56.jpg)
# 56
vendors
config
tools
base
browser
elements
components
![Page 57: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/57.jpg)
#
• class .{component}-{xxx}.scss _{component}.scss
• .scss
• Ruby Compass gulp
• Susy 2 Compass grid class
57
![Page 58: 6DVV &66 'HVLJQ 3DWWHUQ - w3ctech · %DVH UHERW 21 a{ color: #ff0000; } h2{ font-size: 18px; line-height: 24px; } ul{ list-style: square outside; } •reset vÅYôwÑ Baserg b 'sJ](https://reader030.vdocuments.pub/reader030/viewer/2022021718/5b905ff109d3f22c258bb065/html5/thumbnails/58.jpg)
# 58