สิ่งตีพิมพ์ในหัวข้อ 'sass'
CSS ฉบับรายสัปดาห์ 8
ยินดีต้อนรับสู่ CSS Weekly ฉบับที่ 8 ซึ่งเป็นการรวบรวมโค้ดและบทความ CSS ทางอีเมลรายสัปดาห์ฟรี
คุณสมบัติชวเลข CSS 6 รายการเพื่อปรับปรุงเว็บแอปพลิเคชันของคุณ CSS คือภาษาที่ใช้อธิบายว่าหน้าเว็บควรมีลักษณะอย่างไร ด้วย CSS เราสามารถตั้งค่าตำแหน่ง สี แบบอักษร เค้าโครง... dev.to
ปุ่ม TailwindCSS เรียนรู้การพัฒนาและออกแบบเว็บไซต์ด้วยแพลตฟอร์มวิดีโอตามความต้องการของเรา..
คำถามในหัวข้อ 'sass'
SASS Compass การไล่ระดับสีเชิงเส้นพร้อมการหยุดสี px และ webkit
@include linear-gradient(color-stops(#e2e2e2, #fff 600px), top);
จะสร้างสิ่งที่ต้องการ
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #ffffff));...
5410 มุมมอง
schedule
02.01.2024
ใช้ไฟล์ SASS หลายไฟล์
ฉันต้องการแยกไฟล์ css ส่วนกลาง (ยักษ์) ของฉันออกเป็นหลายไฟล์ ฉันใช้เรื่องไร้สาระ มีวิธีง่ายๆ ที่จะดูหลายไฟล์ได้หรือไม่? ฉันคิดว่าฉันสามารถใช้ @import ได้ แต่แค่อยากทราบว่ามีวิธีอื่น (ดีกว่า) หรือไม่
ขอบคุณล่วงหน้า.
10077 มุมมอง
schedule
21.11.2023
มีวิธีนำเข้าตัวแปรจาก javascript ไปยัง sass หรือในทางกลับกันหรือไม่?
ฉันกำลังสร้างระบบกริด CSS ที่ใช้แนวคิดเรื่องบล็อก ดังนั้นฉันจึงมีไฟล์ฐานเช่น:
$max-columns: 4;
$block-width: 220px;
$block-height: 150px;
$block-margin: 10px;
และมันถูกใช้โดยมิกซ์ซิน:
@mixin block ($rows, $columns, $max-columns) {...
39009 มุมมอง
schedule
01.12.2023
วิธีลบ @charset UTF-8 ที่ไม่ต้องการออกจาก CSS (ปรากฏขึ้นหลังจากรวบรวมไฟล์ SASS)
สรุปปัญหาของเราโดยย่อ:
เรามีการประกาศ @charset ที่นำหน้าไฟล์ CSS ที่คอมไพล์ของเรา
ไฟล์ SCSS ของเราไม่มีการประกาศนี้ ดังนั้นจึงถูกเพิ่มในระหว่างการคอมไพล์
เพื่อนร่วมงานคนหนึ่งของฉันบอกว่าไซต์ของเราใช้งานไม่ได้ใน Safari หากเรามีประกาศดังกล่าว...
5363 มุมมอง
schedule
20.12.2023
ละเว้นข้อผิดพลาดบางอย่างโดยใช้ SublimeLinter-scss-lint กับ Sublime TExt
เมื่อใช้ SublimeLinter-scss-lint กับไฟล์ SASS ของฉัน มันทำให้เกิดข้อผิดพลาดสำหรับสิ่งทั่วไปเช่น การเยื้องควรเป็น 2 ช่องว่าง ไม่ใช่ 4 ช่องว่าง colan หลังคุณสมบัติควรตามด้วยหนึ่งช่องว่าง ฯลฯ ฯลฯ ..... จะทำให้ประเสริฐได้อย่างไร...
873 มุมมอง
schedule
25.11.2023
เนื้อหา Rails 4 หรือเส้นทางรูปภาพจาก CSS
โครงสร้างไฟล์ของฉันเป็นเช่นนั้น
app
assets
bookshelf
assets
my_image.jpg
images
standard_image.png
ในไฟล์ css.scss ของฉัน ทั้งสองอย่างนี้อยู่ในระหว่างการพัฒนา แต่ไม่ได้ผลในการใช้งานจริง
#some_div {...
6127 มุมมอง
schedule
05.12.2023
วิธีที่เหมาะสมในการสลับการตั้งค่ากริดในเบรกพอยต์
ฉันกำลังพยายามกำหนดพฤติกรรมเริ่มต้นบางอย่างสำหรับกริด จากนั้นแทนที่พฤติกรรมเหล่านั้นที่เบรกพอยต์เฉพาะ ในตัวอย่างต่อไปนี้ ฉันต้องการให้ div สองตัวซ้อนกัน โดยแก้ไขการตั้งค่า gutter เล็กน้อยจากค่าเริ่มต้น จากนั้นที่ 800px ขึ้นไป ฉันต้องการให้ div...
391 มุมมอง
schedule
30.10.2023
ทำให้ CSS เป็นจริงโดยใช้ sass
ฉันกำลังเริ่มโปรเจ็กต์ใหม่โดยใช้ Materializecss ฉันต้องการใช้การตั้งค่า Sass แต่เมื่อฉันเรียกใช้: gem 'materialize-sass' ฉันได้รับข้อผิดพลาดต่อไปนี้
ERROR: While executing gem ... (Gem::CommandLineError)
Unknown command materialize-sass...
1347 มุมมอง
schedule
20.01.2024
วิธีดูไฟล์ sass
ฉันเพิ่งตัดสินใจเริ่มเรียนรู้ sass แต่ก็ยังประสบปัญหาเล็กน้อยในการใช้งาน sass บนพีซีของฉัน ฉันดาวน์โหลดและติดตั้งแล้วตามภาพที่แสดง:
โฟลเดอร์ที่ฉันมีโปรเจ็กต์อยู่ในโฟลเดอร์ htdocs ในโฟลเดอร์ xampp ฉันพิมพ์ C:\Users\Thulani>sass...
984 มุมมอง
schedule
29.12.2023
วิธีเปลี่ยนลำดับบรรพบุรุษขององค์ประกอบลูกดิ้น
ฉันกำลังทำงานกับหน้าผลิตภัณฑ์( https://codepen.io/oleksiukmary/pen/qPLPMb?editors=1100 ) และมี 2 คอนเทนเนอร์ - เนื้อหาและรูปภาพภายในคอนเทนเนอร์ Flex สำหรับอุปกรณ์มือถือ (‹768px) ฉันต้องเปลี่ยนลำดับของบล็อกรูปภาพ (เสร็จสิ้น):
@media only screen...
94 มุมมอง
schedule
13.01.2024
วิธีรักษาอัตราส่วนภาพของรูปภาพภายใน SVG โดยไม่มีอัตราส่วนภาพ
ฉันมี SVG ทำงานอย่างถูกต้องเป็นเส้นทางการตัดที่ปิดบังรูปภาพ รูปร่าง SVG มี PreservAspectRatio="none" และทำงานตามที่ฉันต้องการ (เต็มความกว้าง แต่ยังคงความสูงคงที่)
ปัญหาคือรูปภาพที่ฉันกำลังตัดนั้นยืดและบิดเบี้ยวไปพร้อมกับ SVG...
394 มุมมอง
schedule
29.10.2023
อุปกรณ์ประกอบฉาก bootstrap jumbotron เขียนทับของฉัน
ฉันกำลังพยายามใส่รูปภาพเป็น background-image ในส่วนทั้งหมดที่มีม้าหมุนและจัมโบตรอน เมื่อฉันลองใช้จัมโบตรอนทำให้ด้านบนของส่วน #eceeef และด้านล่างของส่วนมีครึ่งหนึ่งของรูปภาพ
นี่คือ HTML
<!-- The main section -->
<div...
209 มุมมอง
schedule
13.11.2023
For Loop ใช้ n-child ไม่ถูกต้อง
เมื่อใช้ Sass ฉันกำลังวนซ้ำรายการต่างๆ ด้วยคลาส animateMe และใช้การหน่วงเวลาของภาพเคลื่อนไหวโดยใช้ดัชนีเป็นตัวคูณ
@for $i from 1 through 100 {
.animateMe:nth-child(#{$i}) {
animation-delay: .5s * $i;
}
}
เมื่อใช้ Angular ฉันใช้คลาส...
492 มุมมอง
schedule
10.01.2024
สร้างตัวเลือกแบบซ้อนโดยใช้ SCSS loop หรือไม่
ฉันสามารถใช้การวนซ้ำ (หรือการเรียกซ้ำ) ใน SCSS เพื่อสร้างสิ่งนี้ได้หรือไม่
div {margin-top: 1px}
div > div {margin-top: 2px}
div > div > div {margin-top: 3px}
div > div > div > div {margin-top: 4px}
87 มุมมอง
schedule
08.12.2023
จะแก้ไขค่าพารามิเตอร์ในไฟล์ sass จาก typescript ได้อย่างไร
ฉันกำลังพยายามเปลี่ยนค่าของตัวแปรในไฟล์ "../myStyle.scss" จาก myComponent.ts ฉันอ่านเจอว่ามันเป็นไปไม่ได้ที่จะบรรลุผลสำเร็จเพราะไฟล์ sass ถูกคอมไพล์เป็น css โดยตัวประมวลผลล่วงหน้า sass และตัวแปรก็หายไป ไม่มีวิธีแก้ไขปัญหานี้หรือไม่...
793 มุมมอง
schedule
25.12.2023
ไอคอนวัสดุไม่ได้นำเข้าใน vue
ฉันได้ติดตั้งแพ็คเกจ npm ไอคอนต่อไปนี้แล้ว
"material-icons": "^0.3.1"
ฉันได้นำเข้าดังต่อไปนี้
<style lang="sass">
$material-icons-font-path: '~material-icons/iconfont/';
@import '~material-icons/iconfont/material-icons.scss';...
937 มุมมอง
schedule
21.11.2023
มิกซ์แอนิเมชั่น Sass โดยใช้การรวม
ฉันกำลังพยายามให้ตัวอย่างนี้ใช้งานได้ แต่ฉันไม่เห็นภาพเคลื่อนไหวใด ๆ เลย ฉันต้องการกระชับมิกซ์อินให้มากที่สุดเท่าที่จะเป็นไปได้ และใช้การรวมเพื่อพยายามรักษาแอนิเมชั่นให้มีประสิทธิภาพ
https://brandonbrule.github.io/scss-animation-keyframe-mixin/...
69 มุมมอง
schedule
11.11.2023