├── .gitignore ├── Lesson01-10 ├── Lesson03 │ └── demo │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ └── HelloWorld.vue │ │ ├── main.js │ │ └── plugins │ │ │ └── element.js │ │ └── yarn.lock ├── Lesson04 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ └── HelloWorld.vue │ │ └── main.js │ │ └── yarn.lock ├── Lesson05 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ └── CButton.vue │ │ └── main.js │ │ └── yarn.lock ├── Lesson06 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ └── CButton.vue │ │ └── main.js │ │ └── yarn.lock ├── Lesson07 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ └── CButtonGroup.vue │ │ └── main.js │ │ └── yarn.lock ├── Lesson08 │ ├── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── index.html │ │ ├── src │ │ │ ├── App.vue │ │ │ ├── assets │ │ │ │ ├── element-icons.ttf │ │ │ │ ├── element-icons.woff │ │ │ │ └── logo.png │ │ │ ├── components │ │ │ │ ├── CButton.vue │ │ │ │ └── CButtonGroup.vue │ │ │ └── main.js │ │ └── yarn.lock │ └── test │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ └── logo.png │ │ ├── components │ │ │ └── HelloWorld.vue │ │ └── main.js │ │ └── yarn.lock ├── Lesson09 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ └── CButtonGroup.vue │ │ └── main.js │ │ └── yarn.lock └── Lesson10 │ └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CButton.vue │ │ └── CButtonGroup.vue │ └── main.js │ └── yarn.lock ├── Lesson11-20 ├── Lesson11 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ └── CButtonGroup.vue │ │ └── main.js │ │ └── yarn.lock ├── Lesson12 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ └── CButtonGroup.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson15 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ └── ButtonExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson16 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ └── ButtonExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson17 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ └── ButtonExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson18 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ └── ButtonExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson19 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ └── ButtonExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock └── Lesson20 │ └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCol.vue │ │ └── CRow.vue │ ├── example │ │ └── ButtonExample.vue │ ├── main.js │ └── theme │ │ ├── common │ │ ├── font.scss │ │ ├── icon.scss │ │ └── vars.scss │ │ ├── components │ │ ├── CButton.scss │ │ └── CButtonGroup.scss │ │ └── index.scss │ └── yarn.lock ├── Lesson21-30 ├── Lesson21 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ └── ButtonExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson24 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson25 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson27 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson28 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock └── Lesson29 │ └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── ContainerExample.vue │ │ └── LayoutExample.vue │ ├── main.js │ └── theme │ │ ├── common │ │ ├── font.scss │ │ ├── icon.scss │ │ └── vars.scss │ │ ├── components │ │ ├── CButton.scss │ │ └── CButtonGroup.scss │ │ └── index.scss │ └── yarn.lock ├── Lesson31-40 ├── Lesson31 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson32 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson33 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson34 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson35 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ └── LayoutExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ │ ├── components │ │ │ ├── CButton.scss │ │ │ └── CButtonGroup.scss │ │ │ └── index.scss │ │ └── yarn.lock ├── Lesson37 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CButton.scss │ │ │ │ └── CButtonGroup.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson38 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson39 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock └── Lesson40 │ └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── ContainerExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson41-50 ├── Lesson41 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson42 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson44 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson45 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson46 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson47 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson48 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock └── Lesson49 │ └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson51-60 ├── Lesson51 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CInput.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── InputExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CInput.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson52 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CInput.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── InputExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CInput.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson53 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CInput.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── InputExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CInput.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson54 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CInput.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── InputExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CInput.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson55 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CInput.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── InputExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CInput.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson56 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CInput.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── InputExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CInput.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock ├── Lesson57 │ └── demo │ │ ├── .browserslistrc │ │ ├── .eslintrc.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── babel.config.js │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ └── index.html │ │ ├── src │ │ ├── App.vue │ │ ├── assets │ │ │ ├── element-icons.ttf │ │ │ ├── element-icons.woff │ │ │ └── logo.png │ │ ├── components │ │ │ ├── CAside.vue │ │ │ ├── CButton.vue │ │ │ ├── CButtonGroup.vue │ │ │ ├── CCheckbox.vue │ │ │ ├── CCheckboxButton.vue │ │ │ ├── CCheckboxGroup.vue │ │ │ ├── CCol.vue │ │ │ ├── CContainer.vue │ │ │ ├── CFooter.vue │ │ │ ├── CHeader.vue │ │ │ ├── CInput.vue │ │ │ ├── CMain.vue │ │ │ ├── CRadio.vue │ │ │ ├── CRadioButton.vue │ │ │ ├── CRadioGroup.vue │ │ │ └── CRow.vue │ │ ├── example │ │ │ ├── ButtonExample.vue │ │ │ ├── CheckboxExample.vue │ │ │ ├── ContainerExample.vue │ │ │ ├── InputExample.vue │ │ │ ├── LayoutExample.vue │ │ │ └── RadioExample.vue │ │ ├── main.js │ │ ├── mixins │ │ │ └── emitter.js │ │ └── theme │ │ │ ├── gulpfile.js │ │ │ ├── package.json │ │ │ ├── src │ │ │ ├── common │ │ │ │ ├── font.scss │ │ │ │ ├── icon.scss │ │ │ │ └── vars.scss │ │ │ ├── components │ │ │ │ ├── CAside.scss │ │ │ │ ├── CButton.scss │ │ │ │ ├── CButtonGroup.scss │ │ │ │ ├── CCheckbox.scss │ │ │ │ ├── CCheckboxButton.scss │ │ │ │ ├── CCheckboxGroup.scss │ │ │ │ ├── CCol.scss │ │ │ │ ├── CContainer.scss │ │ │ │ ├── CFooter.scss │ │ │ │ ├── CHeader.scss │ │ │ │ ├── CInput.scss │ │ │ │ ├── CMain.scss │ │ │ │ ├── CRadio.scss │ │ │ │ ├── CRadioButton.scss │ │ │ │ ├── CRadioGroup.scss │ │ │ │ └── CRow.scss │ │ │ ├── index.scss │ │ │ ├── mixins │ │ │ │ ├── config.scss │ │ │ │ └── mixins.scss │ │ │ └── test.scss │ │ │ └── yarn.lock │ │ └── yarn.lock └── Lesson60 │ └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CInput.vue │ │ ├── CInputNumber.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── InputExample.vue │ │ ├── InputNumberExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CInput.scss │ │ │ ├── CInputNumber.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson61 └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CInput.vue │ │ ├── CInputNumber.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── InputExample.vue │ │ ├── InputNumberExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CInput.scss │ │ │ ├── CInputNumber.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson62 └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CInput.vue │ │ ├── CInputNumber.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── InputExample.vue │ │ ├── InputNumberExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CInput.scss │ │ │ ├── CInputNumber.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson63 └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CInput.vue │ │ ├── CInputNumber.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── InputExample.vue │ │ ├── InputNumberExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CInput.scss │ │ │ ├── CInputNumber.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson64 └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CInput.vue │ │ ├── CInputNumber.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── InputExample.vue │ │ ├── InputNumberExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CInput.scss │ │ │ ├── CInputNumber.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson65 └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CInput.vue │ │ ├── CInputNumber.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── InputExample.vue │ │ ├── InputNumberExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CInput.scss │ │ │ ├── CInputNumber.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── Lesson66 └── demo │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── babel.config.js │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ └── index.html │ ├── src │ ├── App.vue │ ├── assets │ │ ├── element-icons.ttf │ │ ├── element-icons.woff │ │ └── logo.png │ ├── components │ │ ├── CAside.vue │ │ ├── CButton.vue │ │ ├── CButtonGroup.vue │ │ ├── CCheckbox.vue │ │ ├── CCheckboxButton.vue │ │ ├── CCheckboxGroup.vue │ │ ├── CCol.vue │ │ ├── CContainer.vue │ │ ├── CFooter.vue │ │ ├── CHeader.vue │ │ ├── CInput.vue │ │ ├── CInputNumber.vue │ │ ├── CMain.vue │ │ ├── CRadio.vue │ │ ├── CRadioButton.vue │ │ ├── CRadioGroup.vue │ │ └── CRow.vue │ ├── example │ │ ├── ButtonExample.vue │ │ ├── CheckboxExample.vue │ │ ├── ContainerExample.vue │ │ ├── InputExample.vue │ │ ├── InputNumberExample.vue │ │ ├── LayoutExample.vue │ │ └── RadioExample.vue │ ├── main.js │ ├── mixins │ │ └── emitter.js │ └── theme │ │ ├── gulpfile.js │ │ ├── package.json │ │ ├── src │ │ ├── common │ │ │ ├── font.scss │ │ │ ├── icon.scss │ │ │ └── vars.scss │ │ ├── components │ │ │ ├── CAside.scss │ │ │ ├── CButton.scss │ │ │ ├── CButtonGroup.scss │ │ │ ├── CCheckbox.scss │ │ │ ├── CCheckboxButton.scss │ │ │ ├── CCheckboxGroup.scss │ │ │ ├── CCol.scss │ │ │ ├── CContainer.scss │ │ │ ├── CFooter.scss │ │ │ ├── CHeader.scss │ │ │ ├── CInput.scss │ │ │ ├── CInputNumber.scss │ │ │ ├── CMain.scss │ │ │ ├── CRadio.scss │ │ │ ├── CRadioButton.scss │ │ │ ├── CRadioGroup.scss │ │ │ └── CRow.scss │ │ ├── index.scss │ │ ├── mixins │ │ │ ├── config.scss │ │ │ └── mixins.scss │ │ └── test.scss │ │ └── yarn.lock │ └── yarn.lock ├── README.md ├── log.md └── 跟山地人一起分析开源库-【饿了么 Element】.md /Lesson01-10/Lesson03/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson03/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson03/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson03/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson03/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson03/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson03/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import './plugins/element.js' 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson03/demo/src/plugins/element.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Element from 'element-ui' 3 | import 'element-ui/lib/theme-chalk/index.css' 4 | 5 | Vue.use(Element) 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson04/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson04/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson04/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson04/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson04/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson04/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson04/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson04/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson04/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson05/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson05/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson05/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson05/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson05/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson05/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson05/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson05/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson05/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson06/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson06/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson06/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson06/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson06/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson06/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson06/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson06/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson06/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson07/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson07/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson07/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson07/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson07/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson07/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson07/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson07/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson07/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson08/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson08/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson08/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson08/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/test/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/test/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/test/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson08/test/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/test/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson08/test/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson08/test/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson09/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson09/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson09/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson09/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson09/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson10/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson10/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson10/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson01-10/Lesson10/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson01-10/Lesson10/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson11/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson11/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson11/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson11/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson11/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | 4 | Vue.config.productionTip = false 5 | 6 | new Vue({ 7 | render: h => h(App), 8 | }).$mount('#app') 9 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson12/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson12/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson12/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson12/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson12/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson15/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson15/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson15/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson15/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/src/components/CRow.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson15/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson16/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson16/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson16/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson16/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson16/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson17/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson17/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson17/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson17/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson17/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson18/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson18/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson18/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson18/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson18/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson19/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson19/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson19/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson19/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson19/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson20/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson20/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson20/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson11-20/Lesson20/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson11-20/Lesson20/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson21/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson21/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson21/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson21/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson21/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson24/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson24/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson24/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson24/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/src/components/CAside.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 14 | 15 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson24/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson25/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson25/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson25/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson25/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson25/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson27/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson27/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson27/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson27/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson27/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson28/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson28/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson28/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson28/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson28/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson29/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson29/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson29/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson21-30/Lesson29/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson21-30/Lesson29/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson31/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson31/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson31/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson31/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson31/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson32/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson32/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson32/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson32/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson32/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson33/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson33/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson33/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson33/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson33/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson34/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson34/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson34/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson34/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson34/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson35/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson35/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson35/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson35/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson35/demo/src/theme/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson37/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson37/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson37/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson37/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/theme/src/mixins/mixins.scss: -------------------------------------------------------------------------------- 1 | /** 2 | 构建 BEM 体系 3 | */ 4 | @mixin b($block) { 5 | $B: 'c'+'-'+$block; 6 | .#{$B} { 7 | @content; 8 | } 9 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson37/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | @include b(abc){ 4 | color:red; 5 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson38/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson38/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson38/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson38/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/src/mixins/mixins.scss: -------------------------------------------------------------------------------- 1 | @import "./config.scss"; 2 | 3 | /** 4 | 构建 BEM 体系 5 | */ 6 | @mixin b($block) { 7 | $B: $namespace+'-'+$block; 8 | .#{$B} { 9 | @content; 10 | } 11 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson38/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | @include b(button){ 4 | color:red; 5 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson39/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson39/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson39/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson39/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/src/mixins/mixins.scss: -------------------------------------------------------------------------------- 1 | @import "./config.scss"; 2 | 3 | /** 4 | 构建 BEM 体系 5 | */ 6 | @mixin b($block) { 7 | $B: $namespace+'-'+$block; 8 | .#{$B} { 9 | @content; 10 | } 11 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson39/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | @include b(button){ 4 | color:red; 5 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson40/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson40/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson40/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson31-40/Lesson40/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson31-40/Lesson40/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson41/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson41/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson41/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson41/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson41/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson42/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson42/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson42/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson42/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson42/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson44/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson44/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson44/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson44/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson44/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson45/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson45/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson45/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson45/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson45/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson46/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson46/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson46/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson46/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson46/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson47/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson47/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson47/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson47/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson47/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson48/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson48/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson48/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson48/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson48/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson49/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson49/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson49/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson41-50/Lesson49/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson41-50/Lesson49/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson51/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson51/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson51/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson51/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson51/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson52/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson52/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson52/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson52/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson52/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson53/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson53/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson53/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson53/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson53/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson54/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson54/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson54/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson54/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson54/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson55/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson55/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson55/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson55/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson55/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson56/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson56/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson56/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson56/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson56/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson57/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson57/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson57/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson57/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson57/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson60/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson60/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson60/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson51-60/Lesson60/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/components/CInputNumber.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(input-number){ 6 | @include b(input){ 7 | @include e(inner){ 8 | text-align: center; 9 | } 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson51-60/Lesson60/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson61/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson61/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson61/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson61/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson61/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson61/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson61/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson61/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson61/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson61/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson61/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson61/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson61/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson61/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson62/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson62/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson62/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson62/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson62/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson62/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson62/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson62/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson62/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson62/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson62/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson62/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson62/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson62/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson63/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson63/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson63/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson63/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson63/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson63/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson63/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson63/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson63/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson63/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson63/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson63/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson63/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson63/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson64/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson64/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson64/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson64/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson64/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson64/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson64/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson64/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson64/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson64/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson64/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson64/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson64/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson64/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson65/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson65/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson65/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson65/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson65/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson65/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson65/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson65/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson65/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson65/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson65/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson65/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson65/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson65/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Lesson66/demo/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /Lesson66/demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /Lesson66/demo/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /Lesson66/demo/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /Lesson66/demo/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson66/demo/public/favicon.ico -------------------------------------------------------------------------------- /Lesson66/demo/src/assets/element-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson66/demo/src/assets/element-icons.ttf -------------------------------------------------------------------------------- /Lesson66/demo/src/assets/element-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson66/demo/src/assets/element-icons.woff -------------------------------------------------------------------------------- /Lesson66/demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/idev365-team/idev365_learn_element_ui_source_code/a9c92b6924bb2d7c0b624410a66f5a764269a4a3/Lesson66/demo/src/assets/logo.png -------------------------------------------------------------------------------- /Lesson66/demo/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import "./theme/src/index.scss" 4 | 5 | Vue.config.productionTip = false 6 | 7 | new Vue({ 8 | render: h => h(App), 9 | }).$mount('#app') 10 | -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "theme", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "scripts": { 7 | "build": "gulp", 8 | "dev":"gulp dev" 9 | }, 10 | "devDependencies": { 11 | "gulp": "^4.0.0", 12 | "gulp-sass": "^4.0.2" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/src/components/CAside.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(aside){ 5 | 6 | } -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/src/components/CCheckboxGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(checkbox-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/src/components/CMain.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | 4 | @include b(main){ 5 | display: block; 6 | flex: 1; 7 | flex-basis: auto; 8 | overflow: auto; 9 | box-sizing: border-box; 10 | padding: 20px; 11 | } 12 | -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/src/components/CRadioGroup.scss: -------------------------------------------------------------------------------- 1 | @import "./../common/vars.scss"; 2 | @import "./../mixins/mixins.scss"; 3 | @import "./../theme/src/common/vars.scss"; 4 | 5 | @include b(radio-group){ 6 | display: inline-block; 7 | line-height: 1; 8 | vertical-align: middle; 9 | font-size: 0; 10 | } -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./common/font.scss"; 2 | @import "./common/icon.scss"; -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/src/mixins/config.scss: -------------------------------------------------------------------------------- 1 | $namespace: 'c'; 2 | $element-separator: '__'; 3 | $modifier-separator: '--'; 4 | $state-prefix:'is-'; -------------------------------------------------------------------------------- /Lesson66/demo/src/theme/src/test.scss: -------------------------------------------------------------------------------- 1 | @import "./mixins/mixins.scss"; 2 | 3 | .hello{ 4 | @include when(disabled){ 5 | color:black; 6 | } 7 | } 8 | --------------------------------------------------------------------------------