EXTEND | INHERITENCE | SCSS & SASS | LECTURE 9 | MOST EASY WAY | SCSS SERIES | ENGLISH | HINDI
Автор: TECH With EASE
Загружено: 2022-11-19
Просмотров: 93
Описание:
Sass @extend Directive
The @extend directive lets you share a set of CSS properties from one selector to another.
The @extend directive is useful if you have almost identically styled elements that only differ in some small details.
The following Sass example first creates a basic style for buttons (this style will be used for most buttons). Then, we create one style for a "Report" button and one style for a "Submit" button. Both "Report" and "Submit" button inherit all the CSS properties from the .button-basic class, through the @extend directive. In addition, they have their own colors defined:
.button-basic {
border: none;
padding: 15px 30px;
text-align: center;
font-size: 16px;
cursor: pointer;
}
.button-report {
@extend .button-basic;
background-color: red;
}
.button-submit {
@extend .button-basic;
background-color: green;
color: white;
}
Hope you will like this video..
Please subscribe @TECH With EASE for such videos..
#sass #scss #frontend #frontenddeveloper #development #developer #developers #sassy
#subscribers #subscribe #sub #youtube #youtuber #youtubers #subscribetomychannel #youtubechannel #subscriber #subforsub #subs #subscribeforsubscribe #follow #like #subscriberyoutube #newyoutuber #smallyoutubersupport #smallyoutubercommunity #smallyoutuber #k #youtubesubscribers #youtubevideos #youtuberindonesia #jualsubscribe #smallyoutuberarmy #smallyoutubers #jualsubscribers #subscribersyoutube #youtubevideo #subyoutube
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: