Dmitry Zatsepin dmitryzatsepin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .section__title | |
| position: relative | |
| text-align: center | |
| font-size: 32px | |
| padding-bottom: 20px | |
| margin-bottom: 40px | |
| text-transform: uppercase | |
| font-weight: 300 | |
| .section__title:before |
dmitryzatsepin
/ gist:72c1c89737cbb4fd89b2766bbd79f194
Last active
October 16, 2018 19:45
visually-hidden
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .visually-hidden | |
| position: absolute | |
| width: 1px | |
| height: 1px | |
| margin: -1px | |
| border: 0 | |
| padding: 0 | |
| clip: rect(0 0 0 0) | |
| overflow: hidden |
dmitryzatsepin
/ VSC template
Created
March 20, 2018 22:17
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "workbench.startupEditor": "newUntitledFile", | |
| "git.ignoreMissingGitWarning": true, | |
| "workbench.statusBar.feedback.visible": false, | |
| "window.menuBarVisibility": "toggle", | |
| "workbench.statusBar.visible": false, | |
| "workbench.activityBar.visible": false, | |
| "editor.minimap.enabled": false, | |
| "files.defaultLanguage": "html", | |
| "emmet.triggerExpansionOnTab": true, |
dmitryzatsepin
/ gist:33f8409b2b73e0e9b2534ea6956c6d40
Created
March 20, 2018 20:02
main-header.sass
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .main-header | |
| min-height: 100vh | |
| background-size: cover | |
| position: relative | |
| align-content: center | |
| &::before | |
| content: '' | |
| position: absolute | |
| top: 0 | |
| left: 0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .button | |
| display: inline-block | |
| border: none | |
| color: #fff | |
| text-decoration: none | |
| background-color: $accent | |
| padding: 15px 45px | |
| font-size: 13px | |
| text-transform: uppercase | |
| font-weight: 600 |
dmitryzatsepin
/ html5
Last active
March 20, 2018 15:45
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="ru"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <base href="/"> | |
| <title>New Project</title> | |
| <meta name="description" content=""> |
dmitryzatsepin
/ Year select (php)
Created
March 16, 2018 18:55
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| $year = 1900; | |
| echo '<select>'; | |
| while($year <= 2017){ | |
| echo "<option value='$year'>$year</option>"; | |
| $year++; | |
| } | |
| echo '/select>'; | |
| ?> |
dmitryzatsepin
/ PROJECT
Last active
March 7, 2018 12:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Install Node.js | |
| Install check update: npm i -g npm-check-updates | |
| Install gulp globally: npm i gulp -g | |
| Install gulp in project folder: npm i gulp | |
| Create gulp project (initialize): npm init | |
| Fill the data (package.json appear in the project folder) | |
| Install gulp with save dev (save package and version in package.json): npm i gulp --save-dev (folder 'node modules' appear in project folder) | |
| Making catalogue structure (app, dist) | |
| Filling app folder (css, fons, img, js, sass, libs) | |
| Create 'index.html' in app |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| label { | |
| position: absolute; | |
| left: 50%; | |
| transform: translateX(-50%) translateY(-50%); | |
| padding: 0.5rem; | |
| font-size: 1.3rem; | |
| background-color: @white; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .wrap { | |
| display: table; | |
| width: 100%; | |
| height: 7rem; | |
| &-block { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| } |
NewerOlder