-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
docs: create first project page #22
base: develop
Are you sure you want to change the base?
Conversation
This tutorial introduces you to essentials of SCSS Starter by walking you through building a simple card. | ||
|
||
> New To Web Development?<br><br> | ||
> There are many resources to complement the SCSS Starter docs. Mozilla's MDN docs includes [css](https://developer.mozilla.org/en-US/docs/Web/CSS) introductions. Get Bem docs includes [bem](http://getbem.com/introduction/) introductions. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Burada bem yerine BEMIT ye yönlendirmeliyiz.
https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/
$g-font-family-sans-serif: $g-font-family-primary, 'Helvetica Neue', Helvetica, Arial, sans-serif !default; | ||
``` | ||
|
||
> The `$g-font-family-sans-serif` variable sets body's font family. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Burada $g-font-family-sans-serif
body'nin font size'ını değiştirmiyor. Sadece sans-serif fontları tutan bir değişken
</div> | ||
``` | ||
|
||
> Since we don't want the tags on **card content** element to be dependent to **the card component**, we have zeroed default margins of h4 and p tags by using utility classes. On the case of not using utility classes; we would need to add `c-card__title` class to h4 element and `c-card__text` class to p element. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Burada zeroed
yerine reset fiilini kullanmak daha iyi olacak gibi
Co-Authored-By: Hasan Aydoğdu <[email protected]>
Co-Authored-By: Hasan Aydoğdu <[email protected]>
|
||
This tutorial introduces you to essentials of SCSS Starter by walking you through building a simple card. | ||
|
||
> New To Web Development?<br><br> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bence bu section gereksiz olmus ya. Belki seyden bahsedebiliriz. ITCSS ve BEM ile familiar degilseniz bu linklerden dokumantasyonlarina ulasabilirsiniz tarzi.
|
||
#### Adding Fonts | ||
|
||
To add a different font file to your project you should use `font-face` mixin in `base/_fonts.scss` file. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Eger custom font kullaniyorsa fonts
folder'ina nasil koyacak oraya koydugu sekli burada nasil kullanacak yazmakta fayda var bence. Iste ilk arguman adi, ikinci folder. ucunce dosya adinin extension'siz hali gibi.
Co-Authored-By: Alpcan Aydın <[email protected]>
|
||
To get started with SCSS Starter please read the [download](download.md) documentation. In order to start, please copy the `scss` folder into your own development environment. | ||
|
||
> The methods we mention in this documentation are based on Atölye15's own experiences over the years. These methods are rather obligations but more of suggestions. You may follow your own ways. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
> The methods we mention in this documentation are based on Atölye15's own experiences over the years. These methods are rather obligations but more of suggestions. You may follow your own ways. | |
> The methods we mention in this documentation are based on Atölye15's own experiences over the years. These methods are not bonds but rather more of suggestions. You may follow your own ways. |
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
Co-Authored-By: Onur T. <[email protected]>
No description provided.