Ich arbeite mit PHPStorm/SCSS/Contao 3.2/Jeet und bin sehr zufrieden mit meinem jetzigen Workflow.
Scss erleichtert mir dir MobileFirst Entwicklung, z.B:
Code:
@mixin mobil{
@media only screen and (max-width:767px) {
@content;
}
}
@mixin tablet{
@media only screen and (min-width:768px) and (max-width:1023px) {
@content;
}
}
@mixin full{
@media only screen and (min-width:1024px) {
@content;
}
}
@mixin child($n) {
&:nth-child(#{$n}){
@content;
}
}
Damit habe ich jeweils immer nur ein Element mit jeweiligen Änderungen für mobile/tablet/full.
Code:
.topic{
letter-spacing:20px;
color:$orange;
text-transform:uppercase;
@include mobil{
@include fs(17px);
}
@include tablet{
@include fs(28px);
}
@include full{
letter-spacing:20px;
@include fs(28px);
}
}
Vorab verändere ich das Frontend Template nach meinen Wünsche.
PS: Das CodeFolding in PhPStorm ist sehr nützlich für scss...
Grüße. RSelma
Lesezeichen