Susy有没有一个清晰的混入？
Susy是一个轻量级的响应式网格系统，它是一个Sass库，用于帮助开发人员创建灵活的网格布局。Susy没有一个明确的混入，而是提供了一组功能强大的函数和混合宏，用于创建自定义网格系统。
Susy的主要特点包括：
- 灵活性：Susy允许开发人员自定义网格系统的各个方面，包括列数、间距、断点等，以满足不同项目的需求。
- 响应式设计：Susy支持响应式设计，可以轻松地创建适应不同屏幕尺寸的网格布局。
- Sass集成：Susy是一个Sass库，可以与Sass预处理器无缝集成，提供更高效的开发流程和更易于维护的代码。
- 轻量级：Susy的代码精简而高效，不会增加页面加载时间或影响性能。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos 腾讯云人工智能：https://cloud.tencent.com/product/ai 腾讯云物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
1回答
Susy有没有一个清晰的混入？
、、、、
我开始将Susy的Libsass版本与Gulp一起使用，并且可以在scss文件中看到有提到clearfix混入/ clearfix回退混入。但是如果我尝试在我的sass样式中引用这一点，通过gulp进行编译会返回错误：谁能告诉我，如果susy有一个清晰的混入应该可以工作。我看到susy-clearfix，但不确定。
浏览 5提问于2016-08-19得票数 1
回答已采纳
2回答
我正在将现有代码移动到基于webpack+postCSS的新配置。没有问题的指南针混合。但是，对于susy，我不能使用任何混入。这是我目前的情况：/* style.scss */
@import "~susy/sass/susy"; @include containerpostcss-easy-import&
浏览 9提问于2017-07-10得票数 0
回答已采纳
如何在使用susy网格时完全移除row的第一个和最后一个元素的间隔？columns: 12,gutter-position:split, @include container(800px);
}正如你在codepen上看到的，行中的第一个和最后一个元素仍然有它们的外部边距。我可以通过将gut
浏览 0提问于2016-01-16得票数 0
1回答
我想用susy创建一个类似bootstrap的简单网格系统。我的susy设置： columns: 12, gutter-position: inside, <div class="col-6">right 1</div>
<div class="col-
浏览 4提问于2015-02-24得票数 0
0回答
如何将嵌套的sass贴图隔离到新贴图中？例如，我有这样的sass map： s: ( 'gutters': 30px, 'columns'gutters': 30px, 'columns': 12, )然后，我需要在循环之后隔离每个
浏览 11提问于2017-06-08得票数 0
1回答
我怎样才能得到像这样的效果，用Susy Compass在SASS中的图片上标记？我试过使用出血混入，但border在顶部。有没有类似功能和z索引的mixin？如果没有，怎样才能得到这样的效果？
浏览 2提问于2014-02-08得票数 0
1回答
重置Susy网格容器的最好方法是什么？我有一个网格，每个网格下面都有几个容器，如下所示：| [container] || [container]|+-----------------++-----------------+ #main {
width: 10
浏览 2提问于2013-01-24得票数 2
回答已采纳
1回答
我在使用SUSY构建网格时遇到了一个问题。我将包装器类设置如下： math: fluid, gutters: 0.25,问题出在包装器中的子元素。如果有时我想要生成完整的列，我会尝试这样做但这还不是完全的，它有沟槽的差距。我试了另一个
@include span(full no-g
浏览 1提问于2014-10-28得票数 6
我正在使用Susy/Compass/SASS在我当前的项目中创建一个简单的响应式网格。但是，Compass编译器不会编译Susy的断点混入。这是我的网格：$column-width : 4.5em$grid-padding+squish(1,1)
浏览 0提问于2013-05-15得票数 1
回答已采纳
通过CodeKit使用Susy时，我遇到了一个奇怪的情况：.example { @include span (first); }.example { @include span (last); }.example { @include span (4 at 5 of 12); }
制作了一个4列的框，但它不是放在第5列中，而是简单地向左浮动。用简单的左边界替换Susy<
浏览 2提问于2014-06-16得票数 1
我的部分gruntfile.js options: { includePaths: ['node_modules/susy/sass'] dist: {outputStyle: 'expanded',
浏览 2提问于2016-11-27得票数 0
我是第一次使用Compass/Susy。我在使用@include容器混合时遇到了一个问题。它会自动对其应用一个清晰的修复。这不是我们想要的。有没有办法关闭或覆盖它？
浏览 1提问于2013-02-12得票数 0
在susy中，很容易定义元素根据全局变量更改宽度的作用域。我正在努力学习Susy 2，但无法真正了解它如何与断点集成一起工作。$small: ();
columns: 18, columns: 24,);.foo {
span 6
浏览 5提问于2014-06-05得票数 0
回答已采纳
1回答
假设我有一个文件"_file1.scss“和"_file2.scss”。它们都有一个同名为"my- mixin“的混入。我遇到的问题是，我使用的是SUSY和"compass/css3“，它们都有一个”column“混合。
浏览 4提问于2014-12-31得票数 0
我有4个元素，宽度设置为@include span-columns(3,12)，输出每个元素的宽度为25%，这很好，我还想做的是向每个元素添加边距，但这样做会破坏这些元素的布局，因为25%的宽度和%边距加在一起有没有人能告诉我怎么把边距和宽度结合起来？
浏览 0提问于2013-01-30得票数 0
因此，在susy2中非常有用的“图库”混合使用了第n个子选择器，这在IE8中是不起作用的。那么有什么好的变通办法呢？.grid_gallery li.slide { margin-bottom@include breakpoint(12
浏览 3提问于2014-07-09得票数 0
我使用Susy进行网格布局，并希望容器在960px以下的宽度上应用网格填充，但在960px以上删除网格填充。我可以只将网格填充设置为0，然后应用带有断点的填充，但希望能够在其他情况下应用它。我试着使用Eric Meyer的出血混合，但它把我的网格移到了左边。我修改了放血混入，去掉了填充并使容器居中，但我不确定这是不是最好的方法。有没有更好的方法来实现这一点，同时保持其他出血选项的可行性？Susy变量
浏览 4提问于2013-02-06得票数 0
回答已采纳
1回答
我尝试将自定义布局中的间距设置为0.my_class { ...}但是这并没有将间隔宽度设置为0，它只是告诉susy根本不设置间隔。如何在susy布局中将间距设置为0(而不是仅将其设置为空)？
浏览 5提问于2014-12-30得票数 0
2回答
我一直在拔掉掉的头发。我这周刚下载了Codekit，想用Compass/SASS/Susy重新设计我自己的网站。我尝试了几种方法让它工作，Codekit中的首选项指向可执行文件路径。我真的很兴奋能开始这项新的努力，但我似乎无法通过设置。任何帮助都将不胜感激！谢谢。
浏览 3提问于2014-05-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
